changed jpg/png to webp

Signed-off-by: Akash Singh <[email protected]>

.devcontainer/README.md

@@ -8,4 +8,4 @@
 * Open the new terminal and run the command which in Makefile
   * According to the Remote-Containers extension tips open the browser to access the website
 
-![](./vscode-dev-container.png)
+![](./vscode-dev-container.webp)

.github/ISSUE_TEMPLATE/bug_report.md

@@ -26,4 +26,4 @@ The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is foun
 - 🎨 Wireframes and designs for Layer5 site in [Figma](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs).
 - 🙋🏾🙋🏼 Questions: [Discussion Forum](https://discuss.layer5.io) and [Community Slack](https://slack.layer5.io).
 
-<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.png" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).
+<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.webp" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).

.github/ISSUE_TEMPLATE/chore_task.md

@@ -19,4 +19,4 @@ The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is foun
 - 🎨 Wireframes and designs for Layer5 site in [Figma](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs).
 - 🙋🏾🙋🏼 Questions: [Discussion Forum](https://discuss.layer5.io) and [Community Slack](https://slack.layer5.io).
 
-<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.png" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).
+<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.webp" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).

.github/ISSUE_TEMPLATE/feature_request.md

@@ -28,4 +28,4 @@ The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is foun
 - 🎨 Wireframes and designs for Layer5 site in [Figma](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs).
 - 🙋🏾🙋🏼 Questions: [Discussion Forum](https://discuss.layer5.io) and [Community Slack](https://slack.layer5.io).
 
-<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.png" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).
+<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.webp" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).

.github/ISSUE_TEMPLATE/framework_discourse.md

@@ -39,4 +39,4 @@ Steps to get an access to the [staging-discuss.layer5.io](https://staging-discus
 
 - 🙋🏾🙋🏼 Questions: [Discussion Forum](https://discuss.layer5.io) and [Community Slack](https://slack.layer5.io).
 
-<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.png" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).
+<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.webp" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).

.github/ISSUE_TEMPLATE/news.md

@@ -19,4 +19,4 @@ The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is foun
 - 🎨 Wireframes and designs for Layer5 site in [Figma](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs).
 - 🙋🏾🙋🏼 Questions: [Discussion Forum](https://discuss.layer5.io) and [Community Slack](https://slack.layer5.io).
 
-<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.png" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).
+<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.webp" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).

.github/config.yml

@@ -18,7 +18,7 @@ firstPRMergeComment: >
      	   	    	    	 Thank you for contributing to the Layer5 community! :tada:
   \
   \
-  ![Congrats!](https://github.com/layer5io/layer5/blob/master/.github/welcome/Layer5-celebration.png)
+  ![Congrats!](https://github.com/layer5io/layer5/blob/master/.github/welcome/Layer5-celebration.webp)
   \
   \
     	   	    	    	 [Join the community](https://slack.layer5.io), if you haven't yet and please leave a :star: [star on the project](../stargazers). :smile: and

CONTRIBUTING.md

@@ -180,7 +180,7 @@ OR
 
 [Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/meshmap/icon-only/meshmap-icon.svg)
 
-[Example of image file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/app/projects/meshery-logo-light.png)
+[Example of image file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/app/projects/meshery-logo-light.webp)
 
 You can see these two examples in action [here](https://layer5.io/projects) by toggling the theme (located on the right side of the navigation bar).
 
@@ -543,7 +543,7 @@ _~/.gitconfig_
 
 Or you may configure your IDE, for example, Visual Studio Code to automatically sign-off commits for you:
 
-<a href="./.github/assets/images/git-signoff-vscode.png" ><img src="./.github/assets/images/git-signoff-vscode.png" width="50%"/><a>
+<a href="./.github/assets/images/git-signoff-vscode.webp" ><img src="./.github/assets/images/git-signoff-vscode.webp" width="50%"/><a>
 
 ## FYI regarding the dev environment
 

README.md

@@ -61,7 +61,7 @@
 
 <p style="clear:both;">
 <h2><a href="https://layer5.io/landscape">Service Mesh Landscape</a></h2>
-<a href="https://layer5.io/landscape"><img src=".github/assets/images/buttons/landscape.png"  
+<a href="https://layer5.io/landscape"><img src=".github/assets/images/buttons/landscape.webp"  
 style="float:left;margin:10px;" width="125px"
 alt="Service Mesh Landscape Ecosystem" align="left"/></a>
 The <a href="https://layer5.io/landscape">Service Mesh Landscape</a> is a comprehensive collection of prominent service mesh projects and offerings laid out in contrast to one another.
@@ -87,7 +87,7 @@ The <a href="https://layer5.io/projects/service-mesh-performance">Service Mesh P
 
 <p style="clear:both;">
 <h2><a href="https://layer5.io/projects/image-hub">Image Hub</a></h2>
-<a href="https://layer5.io/projects/image-hub"><img src=".github/assets/images/image-hub/layer5-image-hub.png"
+<a href="https://layer5.io/projects/image-hub"><img src=".github/assets/images/image-hub/layer5-image-hub.webp"
 style="float:left;margin:10px;" width="125px"
 alt="Image Hub" align="left" /></a>
 <a href="https://layer5.io/projects/image-hub">Image Hub</a> is a demo application which runs on <a href="https://docs.meshery.io/service-meshes/adapters/consul">Consul</a> and facilitates exploring WebAssembly modules used as Envoy Filters.
@@ -136,7 +136,7 @@ alt="Service Mesh Interface Conformance" align="left" /></a>
 <p style="clear:both;">
 <h2><a href="https://layer5.io/projects/nighthawk">Nighthawk</a></h2>
 <a href="https://getnighthawk.dev/">
-  <img src=".github/assets/images/getnighthawk/layer5-getnighthawk.png"
+  <img src=".github/assets/images/getnighthawk/layer5-getnighthawk.webp"
 style="float:left;margin:10px;" width="125px"
 alt="Nighthawk" align="left" />
 </a>
@@ -162,18 +162,18 @@ alt="Meshery Catalog" align="left" />
 <p> We warmly welcome all contributors! Our projects are community-built and each welcomes open collaboration. As you get started, please review this project's <a href="https://github.com/layer5io/layer5/blob/master/CONTRIBUTING.md">contributing guidelines</a>. Whether you are a user or code contributor and whether your opening an <a href="/../../issues">issue</a> or a <a href="/../../pulls">pull requests</a>, know that any form of your engagement is considered contribution and is appreciated. Contributors are expected to adhere to the <a href="https://github.com/cncf/foundation/blob/master/code-of-conduct.md">CNCF Code of Conduct</a>.
 </p>
 <p>
-  Join us in the <a href="https://discuss.layer5.io">discussion forum</a> and on <a href="https://slack.layer5.io"><img src=".github/assets/images/slack.png" height="16px" align="bottom" /> Slack</a> to learn more about Layer5 and its community! Make sure you see the <a href="https://layer5.io/community/newcomers">newcomer's guide</a> for a tour of resources available to you.
+  Join us in the <a href="https://discuss.layer5.io">discussion forum</a> and on <a href="https://slack.layer5.io"><img src=".github/assets/images/slack.webp" height="16px" align="bottom" /> Slack</a> to learn more about Layer5 and its community! Make sure you see the <a href="https://layer5.io/community/newcomers">newcomer's guide</a> for a tour of resources available to you.
 </p>
 <p>
 <a href="https://slack.meshery.io">
 
 <picture align="right">
-  <source media="(prefers-color-scheme: dark)" srcset=".github/assets/images/buttons/slack-dark-128.png"  width="110px" align="right" style="margin-left:10px;margin-top:10px;">
-  <source media="(prefers-color-scheme: light)" srcset=".github/assets/images/buttons/slack-128.png" width="110px" align="right" style="margin-left:10px;padding-top:5px;">
-  <img alt="Shows an illustrated light mode meshery logo in light color mode and a dark mode meshery logo dark color mode." src=".github/assets/images/buttons/slack-128.png" width="110px" align="right" style="margin-left:10px;padding-top:13px;">
+  <source media="(prefers-color-scheme: dark)" srcset=".github/assets/images/buttons/slack-dark-128.webp"  width="110px" align="right" style="margin-left:10px;margin-top:10px;">
+  <source media="(prefers-color-scheme: light)" srcset=".github/assets/images/buttons/slack-128.webp" width="110px" align="right" style="margin-left:10px;padding-top:5px;">
+  <img alt="Shows an illustrated light mode meshery logo in light color mode and a dark mode meshery logo dark color mode." src=".github/assets/images/buttons/slack-128.webp" width="110px" align="right" style="margin-left:10px;padding-top:13px;">
 </picture>
 </a>
-<a href="https://layer5.io/community"><img alt="Layer5 Cloud Native Community" src=".github/assets/images/buttons/community.png" style="margin-right:10px;" width="130px" align="left" /></a>
+<a href="https://layer5.io/community"><img alt="Layer5 Cloud Native Community" src=".github/assets/images/buttons/community.webp" style="margin-right:10px;" width="130px" align="left" /></a>
 ✔️ <em><strong>Join</strong></em> any or all of the weekly meetings on the <a href="https://meet.layer5.io">community calendar</a>.<br />
 ✔️ <em><strong>Watch</strong></em> community <a href="http://youtube.com/Layer5io?sub_confirmation=1">meeting recordings</a>.<br />
 ✔️ <em>Fill-in</em> a <a href="https://layer5.io/newcomers">community member form</a> to gain access to community resources.

_headers

@@ -2,9 +2,9 @@
 /*.js
 /*.css
 /*.woff2
-/*.jpg
+/*.webp
 /*.jpeg
-/*.png
+/*.webp
 /*.gif
 /*.svg
   Cache-Control: public, max-age=25920000

content-learn/mastering-service-meshes-for-developers/advance-concepts-of-service-mesh/index.mdx

@@ -15,7 +15,7 @@ meshesYouLearn:
       name: "Istio",
     },
     {
-      imagepath: "../../../src/assets/images/service-mesh-icons/linkerd.png",
+      imagepath: "../../../src/assets/images/service-mesh-icons/linkerd.webp",
       name: "Linkerd",
     }
   ]

content-learn/mastering-service-meshes-for-developers/advance-concepts-of-service-mesh/istio/deploy-an-application.mdx

@@ -8,8 +8,8 @@ order: 2
 ---
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import BookInfoOffMesh from "../../../../src/assets/images/learn-layer5/istio/bookinfo-off-mesh.png";
-import BookInfoOnMesh from "../../../../src/assets/images/learn-layer5/istio/bookinfo-on-mesh.png";
+import BookInfoOffMesh from "../../../../src/assets/images/learn-layer5/istio/bookinfo-off-mesh.webp";
+import BookInfoOnMesh from "../../../../src/assets/images/learn-layer5/istio/bookinfo-on-mesh.webp";
 
 <ChapterStyle>
 

content-learn/mastering-service-meshes-for-developers/advance-concepts-of-service-mesh/istio/getting-started.mdx

@@ -8,8 +8,8 @@ order: 1
 ---
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import InstallIstio from "../../../../src/assets/images/learn-layer5/istio/install-istio.png";
-import IstioAdapter from "../../../../src/assets/images/learn-layer5/istio/istio-adapter.png";
+import InstallIstio from "../../../../src/assets/images/learn-layer5/istio/install-istio.webp";
+import IstioAdapter from "../../../../src/assets/images/learn-layer5/istio/istio-adapter.webp";
 
 <ChapterStyle>
 

content-learn/mastering-service-meshes-for-developers/advance-concepts-of-service-mesh/istio/observability.mdx

@@ -8,10 +8,10 @@ order: 4
 ---
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import ImageAppIcon from "../../../../src/assets/images/learn-layer5/istio/istio-addons.png";
-import GraffanaDash from "../../../../src/assets/images/learn-layer5/istio/Grafana_Istio_Dashboard.png";
-import Prometheus from "../../../../src/assets/images/learn-layer5/istio/Prometheus.png";
-import Jaeger from "../../../../src/assets/images/learn-layer5/istio/jaeger copy.png";
+import ImageAppIcon from "../../../../src/assets/images/learn-layer5/istio/istio-addons.webp";
+import GraffanaDash from "../../../../src/assets/images/learn-layer5/istio/Grafana_Istio_Dashboard.webp";
+import Prometheus from "../../../../src/assets/images/learn-layer5/istio/Prometheus.webp";
+import Jaeger from "../../../../src/assets/images/learn-layer5/istio/jaeger copy.webp";
 
 <ChapterStyle>
 

content-learn/mastering-service-meshes-for-developers/advance-concepts-of-service-mesh/istio/webassembly-and-intelligent-data-planes.mdx

@@ -9,8 +9,8 @@ order: 7
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
 
-import installimagehub from "../../../../src/assets/images/learn-layer5/istio/install-imagehub.png";
-import deployenvoyfilter from "../../../../src/assets/images/learn-layer5/istio/deploy-envoyfilter.png";
+import installimagehub from "../../../../src/assets/images/learn-layer5/istio/install-imagehub.webp";
+import deployenvoyfilter from "../../../../src/assets/images/learn-layer5/istio/deploy-envoyfilter.webp";
 
 <ChapterStyle>
 

content-learn/mastering-service-meshes-for-developers/introduction-to-service-meshes/istio/circuit-breaking.mdx

@@ -8,8 +8,8 @@ order: 8
 ---
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import MesheryInitialLoadTest from "../../../../src/assets/images/learn-layer5/istio/meshery_initial_load_test.png";
-import MesheryCbLoadTest from "../../../../src/assets/images/learn-layer5/istio/meshery_cb_load_test.png";
+import MesheryInitialLoadTest from "../../../../src/assets/images/learn-layer5/istio/meshery_initial_load_test.webp";
+import MesheryCbLoadTest from "../../../../src/assets/images/learn-layer5/istio/meshery_cb_load_test.webp";
 
 <ChapterStyle>
 

content-learn/mastering-service-meshes-for-developers/introduction-to-service-meshes/istio/deploy-an-application.mdx

@@ -8,8 +8,8 @@ order: 2
 ---
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import BookInfoOffMesh from "../../../../src/assets/images/learn-layer5/istio/bookinfo-off-mesh.png";
-import BookInfoOnMesh from "../../../../src/assets/images/learn-layer5/istio/bookinfo-on-mesh.png";
+import BookInfoOffMesh from "../../../../src/assets/images/learn-layer5/istio/bookinfo-off-mesh.webp";
+import BookInfoOnMesh from "../../../../src/assets/images/learn-layer5/istio/bookinfo-on-mesh.webp";
 
 <ChapterStyle>
 

content-learn/mastering-service-meshes-for-developers/introduction-to-service-meshes/istio/getting-started.mdx

@@ -10,8 +10,8 @@ order: 1
 
 <!-- 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import InstallIstio from "../../../../src/assets/images/learn-layer5/istio/install-istio1.png";
-import IstioDeploy from "../../../../src/assets/images/learn-layer5/istio/install-istio2.png"; -->
+import InstallIstio from "../../../../src/assets/images/learn-layer5/istio/install-istio1.webp";
+import IstioDeploy from "../../../../src/assets/images/learn-layer5/istio/install-istio2.webp"; -->
 
 <ChapterStyle>
 
@@ -42,14 +42,14 @@ In the Istio management page:
 1. Type `istio-system` into the namespace field.
 2. Click the (+) icon on the `Install` card and click on `Istio Service Mesh` to install latest version of Istio.
 
-   <a href="../../../../src/assets/images/learn-layer5/istio/install-istio1.png">
-     <img src="../../../../src/assets/images/learn-layer5/istio/install-istio1.png" width="70%" align="center" />
+   <a href="../../../../src/assets/images/learn-layer5/istio/install-istio1.webp">
+     <img src="../../../../src/assets/images/learn-layer5/istio/install-istio1.webp" width="70%" align="center" />
    </a>
 
  3. Click the `Deploy` button on the confirmation modal.
 
-    <a href="../../../../src/assets/images/learn-layer5/istio/install-istio2.png">
-       <img src="../../../../src/assets/images/learn-layer5/istio/install-istio2.png"  width="70%" align="center" />
+    <a href="../../../../src/assets/images/learn-layer5/istio/install-istio2.webp">
+       <img src="../../../../src/assets/images/learn-layer5/istio/install-istio2.webp"  width="70%" align="center" />
    </a>
 
 <h3>Alternative:Manual installation</h3>

content-learn/mastering-service-meshes-for-developers/introduction-to-service-meshes/istio/observability.mdx

@@ -8,10 +8,10 @@ order: 4
 ---
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import ImageAppIcon from "../../../../src/assets/images/learn-layer5/istio/istio-addons.png";
-import GraffanaDash from "../../../../src/assets/images/learn-layer5/istio/Grafana_Istio_Dashboard.png";
-import Prometheus from "../../../../src/assets/images/learn-layer5/istio/Prometheus.png";
-import Jaeger from "../../../../src/assets/images/learn-layer5/istio/jaeger.png";
+import ImageAppIcon from "../../../../src/assets/images/learn-layer5/istio/istio-addons.webp";
+import GraffanaDash from "../../../../src/assets/images/learn-layer5/istio/Grafana_Istio_Dashboard.webp";
+import Prometheus from "../../../../src/assets/images/learn-layer5/istio/Prometheus.webp";
+import Jaeger from "../../../../src/assets/images/learn-layer5/istio/jaeger.webp";
 
 <ChapterStyle>
 

content-learn/mastering-service-meshes-for-developers/introduction-to-service-meshes/linkerd/dashboard.mdx

@@ -8,8 +8,8 @@ order: 4
 ---
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import Top from "../../../../src/assets/images/learn-layer5/linkerd/top.png";
-import Tap from "../../../../src/assets/images/learn-layer5/linkerd/tap.png";
+import Top from "../../../../src/assets/images/learn-layer5/linkerd/top.webp";
+import Tap from "../../../../src/assets/images/learn-layer5/linkerd/tap.webp";
 
 <ChapterStyle>
 

content-learn/mastering-service-meshes-for-developers/introduction-to-service-meshes/linkerd/debugging.mdx

@@ -8,9 +8,9 @@ order: 5
 ---
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import Octopus from "../../../../src/assets/images/learn-layer5/linkerd/octopus.png";
-import WebTop from "../../../../src/assets/images/learn-layer5/linkerd/webtop.png";
-import WebTap from "../../../../src/assets/images/learn-layer5/linkerd/webtap.png";
+import Octopus from "../../../../src/assets/images/learn-layer5/linkerd/octopus.webp";
+import WebTop from "../../../../src/assets/images/learn-layer5/linkerd/webtop.webp";
+import WebTap from "../../../../src/assets/images/learn-layer5/linkerd/webtap.webp";
 
 <ChapterStyle>
 

content-learn/mastering-service-meshes-for-developers/introduction-to-service-meshes/linkerd/getting-started.mdx

@@ -8,8 +8,8 @@ order: 1
 ---
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import LinkerdAdapter from "../../../../src/assets/images/learn-layer5/linkerd/linkerd-adapter.png";
-import InstallLinkerd from "../../../../src/assets/images/learn-layer5/linkerd/install-linkerd.png";
+import LinkerdAdapter from "../../../../src/assets/images/learn-layer5/linkerd/linkerd-adapter.webp";
+import InstallLinkerd from "../../../../src/assets/images/learn-layer5/linkerd/install-linkerd.webp";
 
 <ChapterStyle>
 

content-learn/mastering-service-meshes-for-developers/introduction-to-service-meshes/linkerd/observability.mdx

@@ -8,8 +8,8 @@ order: 6
 ---
 
 import { ChapterStyle } from "../../../../src/components/Learn-Components/Chapters-Style/chapters.style.js";
-import Tracing from "../../../../src/assets/images/learn-layer5/linkerd/emojivoto-tracing.png";
-import JaegerUI from "../../../../src/assets/images/learn-layer5/linkerd/linkerd-jaeger-ui.png";
+import Tracing from "../../../../src/assets/images/learn-layer5/linkerd/emojivoto-tracing.webp";
+import JaegerUI from "../../../../src/assets/images/learn-layer5/linkerd/linkerd-jaeger-ui.webp";
 
 <ChapterStyle>