diff --git a/templates/gallery.html b/templates/gallery.html
index 54bc640..dae4b8b 100644
--- a/templates/gallery.html
+++ b/templates/gallery.html
@@ -6,9 +6,9 @@
 <br><br>
 <div class="gallery">
 {% for page in section.pages -%}
-    {% set image = resize_image(path=page.extra.picture_src, width=260*2, height=180*2, op="fit_width", format="avif") %}
+    {% set image = resize_image(path=page.extra.picture_src, width=260*2, height=180*2, op="fit_width", format="avif", quality=60, speed=4) %}
     <a href="{{ page.permalink }}">
-      <img src="{{ image.url }}" height="{{image.height}}" width="{{image.width}}" alt="{{page.description}}" fetchpriority=high />
+      <img src="{{ image.url }}" height="{{image.height}}" width="{{image.width}}" alt="{{page.description}}" decoding="async" fetchpriority=high />
     </a>
 {%- endfor %}
 </div>
diff --git a/templates/macros/figures.html b/templates/macros/figures.html
index 0292365..8734660 100644
--- a/templates/macros/figures.html
+++ b/templates/macros/figures.html
@@ -3,7 +3,7 @@
 {# {% set image = resize_image(path=src, height=mdata.height, width=mdata.width, format="webp") %} #}
 
 <figure class="{% if class %} {{ class }} {% endif %}">
-  <img src="{{ src }}" loading="lazy" alt="{{caption | default(value='')}}" decoding="async" class="zoomable">
+  <img src="{{ src }}" loading="lazy"  height="{{mdata.height}}" width="{{mdata.width}}" alt="{{caption | default(value='')}}" decoding="async" class="zoomable">
   {% if caption != "" %}
     <figcaption>{{ caption  | markdown() | safe }}</figcaption>
   {% endif %}