diff --git a/scipost_django/scipost/static/scipost/images/FJN-logo-long.webp b/scipost_django/scipost/static/scipost/images/FJN-logo-long.webp
new file mode 100644
index 0000000000000000000000000000000000000000..fde8987cc421c94480901d9320f7a0d1f146d686
Binary files /dev/null and b/scipost_django/scipost/static/scipost/images/FJN-logo-long.webp differ
diff --git a/scipost_django/scipost/static/scipost/images/I4OC.webp b/scipost_django/scipost/static/scipost/images/I4OC.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d8a4cbbf62eaffc907c3d2c618b7353b7e91314f
Binary files /dev/null and b/scipost_django/scipost/static/scipost/images/I4OC.webp differ
diff --git a/scipost_django/scipost/static/scipost/images/clockss_original_logo_boxed_ai-cropped-90.webp b/scipost_django/scipost/static/scipost/images/clockss_original_logo_boxed_ai-cropped-90.webp
new file mode 100644
index 0000000000000000000000000000000000000000..83bbc26ad843a7530f2fe4c00470fe01067a434b
Binary files /dev/null and b/scipost_django/scipost/static/scipost/images/clockss_original_logo_boxed_ai-cropped-90.webp differ
diff --git a/scipost_django/scipost/static/scipost/images/doaj_logo_200.webp b/scipost_django/scipost/static/scipost/images/doaj_logo_200.webp
new file mode 100644
index 0000000000000000000000000000000000000000..9d32acc68683849136752f6b0b0cd6307199c7bc
Binary files /dev/null and b/scipost_django/scipost/static/scipost/images/doaj_logo_200.webp differ
diff --git a/scipost_django/scipost/templates/scipost/_hx_participates_in.html b/scipost_django/scipost/templates/scipost/_hx_participates_in.html
index 3dbd200d4f0df3d1f1a5c5a15dcc22bb0560b947..66c63cee92ebb61a8878287090c1aa0afdfab9d8 100644
--- a/scipost_django/scipost/templates/scipost/_hx_participates_in.html
+++ b/scipost_django/scipost/templates/scipost/_hx_participates_in.html
@@ -5,10 +5,32 @@
     <h2 class="my-2">SciPost participates in</h2>
   </div>
   <div class="card-body logos">
-    <a href="https://www.crossref.org" target="_blank" rel="noopener"><img src="https://assets.crossref.org/logo/crossref-logo-200.svg" width="100" alt="Crossref logo"></a>
-    <a href="https://www.doaj.org" target="_blank" rel="noopener"><img src="{% static 'scipost/images/doaj_logo_200.jpg' %}" width="90" alt="DOAJ logo"></a>
-    <a href="https://www.clockss.org" target="_blank" rel="noopener"><img src="{% static 'scipost/images/clockss_original_logo_boxed_ai-cropped-90.png' %}" width="80" alt="Clockss logo"></a>
-    <a href="https://i4oc.org/" target="_blank" rel="noopener"><img width="100" src="{% static 'scipost/images/I4OC.png' %}" alt="I4OC logo"></a>
-    <a href="https://freejournals.org" target="_blank" rel="noopener"><img width="100" src="{% static 'scipost/images/FJN-logo-long.png' %}" alt="FJN logo"></a>
+    <a href="https://www.crossref.org" target="_blank" rel="noopener">
+      <img src="https://assets.crossref.org/logo/crossref-logo-200.svg" width="100" alt="Crossref logo">
+    </a>
+    <a href="https://www.doaj.org" target="_blank" rel="noopener">
+      <picture>
+	<source type="image/webp" srcset="{% static 'scipost/images/doaj_logo_200.webp' %} 90w">
+	<img src="{% static 'scipost/images/doaj_logo_200.jpg' %}" width="90" alt="DOAJ logo">
+      </picture>
+    </a>
+    <a href="https://www.clockss.org" target="_blank" rel="noopener">
+      <picture>
+	<source type="image/webp" srcset="{% static 'scipost/images/clockss_original_logo_boxed_ai-cropped-90.webp' %} 80w">
+	<img src="{% static 'scipost/images/clockss_original_logo_boxed_ai-cropped-90.png' %}" width="80" alt="Clockss logo">
+      </picture>
+    </a>
+    <a href="https://i4oc.org/" target="_blank" rel="noopener">
+      <picture>
+	<source type="image/webp" srcset="{% static 'scipost/images/I4OC.webp' %} 100w">
+	<img width="100" src="{% static 'scipost/images/I4OC.png' %}" alt="I4OC logo">
+      </picture>
+    </a>
+    <a href="https://freejournals.org" target="_blank" rel="noopener">
+      <picture>
+	<source type="image/webp" srcset="{% static 'scipost/images/FJN-logo-long.webp' %} 100w">
+	<img width="100" src="{% static 'scipost/images/FJN-logo-long.png' %}" alt="FJN logo">
+      </picture>
+    </a>
   </div>
 </div>