diff --git a/docs/_includes/layouts/base.njk b/docs/_includes/layouts/base.njk
index 8644a3ccea..4ccbe18b8d 100644
--- a/docs/_includes/layouts/base.njk
+++ b/docs/_includes/layouts/base.njk
@@ -16,7 +16,7 @@
         title=title or metadata.title,
         desc=desc or metadata.desc or description or metadata.description,
         url="https://help.penpot.app" + page.url,
-        img="https://help.penpot.app/img/th-help-center.jpg",
+        img="https://help.penpot.app/img/thumb-help-center.jpg",
         img_alt=alt,
         twitterHandle=twitter or metadata.twitter,
         name=name
diff --git a/docs/contributing-guide/index.njk b/docs/contributing-guide/index.njk
index b46ecd98ed..e0bb204487 100644
--- a/docs/contributing-guide/index.njk
+++ b/docs/contributing-guide/index.njk
@@ -7,7 +7,7 @@ eleventyNavigation:
 ---
 
 <div class="main-illus">
-  <img src="/img/home-contributing.png" alt="User guide" border="0">
+  <img src="/img/home-contribution.webp" alt="User guide" border="0">
 </div>
 
 <h1 id="contributing-guide">Contributing guide.</h1>
diff --git a/docs/css/index.css b/docs/css/index.css
index 9b6b5c3089..2865bfd248 100644
--- a/docs/css/index.css
+++ b/docs/css/index.css
@@ -832,22 +832,22 @@ a[href].post-tag:visited {
   padding-left: 14.6rem;
 }
 .illus-userguide {
-  background-image: url(/img/home-userguide.png);
+  background-image: url(/img/home-user-guide.webp);
 }
 .illus-faq {
-  background-image: url(/img/home-faq.png);
+  background-image: url(/img/home-faq.webp);
 }
 .illus-techguide {
-  background-image: url(/img/home-techguide.png);
+  background-image: url(/img/home-technical-guide.webp);
 }
 .illus-plugins {
-  background-image: url(/img/home-plugins.png);
+  background-image: url(/img/home-plugins.webp);
 }
 .illus-contributing {
-  background-image: url(/img/home-contributing.png);
+  background-image: url(/img/home-contribution.webp);
 }
 .illus-contact {
-  background-image: url(/img/home-contact.png);
+  background-image: url(/img/home-contact.webp);
 }
 .illus-libraries {
   padding-left: 13rem;
@@ -924,7 +924,7 @@ a[href].post-tag:visited {
   background-size: auto 75%;
   background-position: center top;
   background-repeat: no-repeat;
-  background-image: url(/img/home-contact.png);
+  background-image: url(/img/home-contact.webp);
 }
 .contact-block p,
 .contact-block h2,
@@ -992,22 +992,22 @@ a[href].post-tag:visited {
 }
 
 .plugins .illus-getting-started {
-  background-image: url(/img/plugins/getting_started.png);
+  background-image: url(/img/plugins/plugins-getting-started.webp);
 }
 .plugins .illus-create-plugin {
-  background-image: url(/img/plugins/create_plugin.png);
+  background-image: url(/img/plugins/plugins-create.webp);
 }
 .plugins .illus-deployment {
-  background-image: url(/img/plugins/deployment.png);
+  background-image: url(/img/plugins/plugins-deploy.webp);
 }
 .plugins .illus-api {
-  background-image: url(/img/plugins/api.png);
+  background-image: url(/img/plugins/plugins-api.webp);
 }
 .plugins .illus-examples {
-  background-image: url(/img/plugins/examples.png);
+  background-image: url(/img/plugins/plugins-examples-templates.webp);
 }
 .plugins .illus-faq {
-  background-image: url(/img/plugins/faqs.png);
+  background-image: url(/img/plugins/plugins-faqs.webp);
 }
 
 table, tr, th, td {
diff --git a/docs/img/home-contact.png b/docs/img/home-contact.png
deleted file mode 100644
index 9fc29008d6..0000000000
Binary files a/docs/img/home-contact.png and /dev/null differ
diff --git a/docs/img/home-contact.webp b/docs/img/home-contact.webp
new file mode 100644
index 0000000000..c4158d7749
Binary files /dev/null and b/docs/img/home-contact.webp differ
diff --git a/docs/img/home-contributing.png b/docs/img/home-contributing.png
deleted file mode 100644
index d44451bde8..0000000000
Binary files a/docs/img/home-contributing.png and /dev/null differ
diff --git a/docs/img/home-contribution.webp b/docs/img/home-contribution.webp
new file mode 100644
index 0000000000..5b8226b891
Binary files /dev/null and b/docs/img/home-contribution.webp differ
diff --git a/docs/img/home-faq.png b/docs/img/home-faq.png
deleted file mode 100644
index 587edde42b..0000000000
Binary files a/docs/img/home-faq.png and /dev/null differ
diff --git a/docs/img/home-faq.webp b/docs/img/home-faq.webp
new file mode 100644
index 0000000000..3b98197c5a
Binary files /dev/null and b/docs/img/home-faq.webp differ
diff --git a/docs/img/home-plugins.png b/docs/img/home-plugins.png
deleted file mode 100644
index 98372a12e8..0000000000
Binary files a/docs/img/home-plugins.png and /dev/null differ
diff --git a/docs/img/home-plugins.webp b/docs/img/home-plugins.webp
new file mode 100644
index 0000000000..a5ee1c4104
Binary files /dev/null and b/docs/img/home-plugins.webp differ
diff --git a/docs/img/home-techguide.png b/docs/img/home-techguide.png
deleted file mode 100644
index 1712459384..0000000000
Binary files a/docs/img/home-techguide.png and /dev/null differ
diff --git a/docs/img/home-technical-guide.webp b/docs/img/home-technical-guide.webp
new file mode 100644
index 0000000000..a83d1c5192
Binary files /dev/null and b/docs/img/home-technical-guide.webp differ
diff --git a/docs/img/home-user-guide.webp b/docs/img/home-user-guide.webp
new file mode 100644
index 0000000000..9c0c28ae24
Binary files /dev/null and b/docs/img/home-user-guide.webp differ
diff --git a/docs/img/home-userguide.png b/docs/img/home-userguide.png
deleted file mode 100644
index 882851932d..0000000000
Binary files a/docs/img/home-userguide.png and /dev/null differ
diff --git a/docs/img/plugins/api.png b/docs/img/plugins/api.png
deleted file mode 100644
index 75a836b541..0000000000
Binary files a/docs/img/plugins/api.png and /dev/null differ
diff --git a/docs/img/plugins/create_plugin.png b/docs/img/plugins/create_plugin.png
deleted file mode 100644
index 260c9fa167..0000000000
Binary files a/docs/img/plugins/create_plugin.png and /dev/null differ
diff --git a/docs/img/plugins/deployment.png b/docs/img/plugins/deployment.png
deleted file mode 100644
index 9ac2f51f78..0000000000
Binary files a/docs/img/plugins/deployment.png and /dev/null differ
diff --git a/docs/img/plugins/examples.png b/docs/img/plugins/examples.png
deleted file mode 100644
index 7fc502c021..0000000000
Binary files a/docs/img/plugins/examples.png and /dev/null differ
diff --git a/docs/img/plugins/faqs.png b/docs/img/plugins/faqs.png
deleted file mode 100644
index 0c357c3bb4..0000000000
Binary files a/docs/img/plugins/faqs.png and /dev/null differ
diff --git a/docs/img/plugins/getting_started.png b/docs/img/plugins/getting_started.png
deleted file mode 100644
index a93103ffde..0000000000
Binary files a/docs/img/plugins/getting_started.png and /dev/null differ
diff --git a/docs/img/plugins/plugins-api.webp b/docs/img/plugins/plugins-api.webp
new file mode 100644
index 0000000000..efc4f1d85c
Binary files /dev/null and b/docs/img/plugins/plugins-api.webp differ
diff --git a/docs/img/plugins/plugins-create.webp b/docs/img/plugins/plugins-create.webp
new file mode 100644
index 0000000000..4dc75beb9e
Binary files /dev/null and b/docs/img/plugins/plugins-create.webp differ
diff --git a/docs/img/plugins/plugins-deploy.webp b/docs/img/plugins/plugins-deploy.webp
new file mode 100644
index 0000000000..0f4d139f46
Binary files /dev/null and b/docs/img/plugins/plugins-deploy.webp differ
diff --git a/docs/img/plugins/plugins-examples-templates.webp b/docs/img/plugins/plugins-examples-templates.webp
new file mode 100644
index 0000000000..f247a3b1ce
Binary files /dev/null and b/docs/img/plugins/plugins-examples-templates.webp differ
diff --git a/docs/img/plugins/plugins-faqs.webp b/docs/img/plugins/plugins-faqs.webp
new file mode 100644
index 0000000000..b8cc6c1e36
Binary files /dev/null and b/docs/img/plugins/plugins-faqs.webp differ
diff --git a/docs/img/plugins/plugins-getting-started.webp b/docs/img/plugins/plugins-getting-started.webp
new file mode 100644
index 0000000000..24c2f2b831
Binary files /dev/null and b/docs/img/plugins/plugins-getting-started.webp differ
diff --git a/docs/img/th-help-center.jpg b/docs/img/th-help-center.jpg
deleted file mode 100644
index f3589d28e6..0000000000
Binary files a/docs/img/th-help-center.jpg and /dev/null differ
diff --git a/docs/img/thumb-help-center.jpg b/docs/img/thumb-help-center.jpg
new file mode 100644
index 0000000000..c821e13abc
Binary files /dev/null and b/docs/img/thumb-help-center.jpg differ
diff --git a/docs/technical-guide/index.md b/docs/technical-guide/index.md
index 934734bd5e..e0e2c3291b 100644
--- a/docs/technical-guide/index.md
+++ b/docs/technical-guide/index.md
@@ -7,7 +7,7 @@ eleventyNavigation:
 ---
 
 <div class="main-illus">
-  <img src="/img/home-techguide.png" alt="Technical Guide" border="0">
+  <img src="/img/home-technical-guide.webp" alt="Technical Guide" border="0">
 </div>
 
 # Technical Guide
diff --git a/docs/user-guide/index.njk b/docs/user-guide/index.njk
index bafce3954b..deb7f500ad 100644
--- a/docs/user-guide/index.njk
+++ b/docs/user-guide/index.njk
@@ -7,7 +7,7 @@ eleventyNavigation:
 ---
 
 <div class="main-illus">
-  <img src="/img/home-userguide.png" alt="User guide" border="0">
+  <img src="/img/home-user-guide.webp" alt="User guide" border="0">
 </div>
 
 <h1 id="user-guide">Penpot User Guide</h1>