💄 Export images compressed

user-guide/exporting/index.njk

@@ -12,7 +12,7 @@ title: 07· Exporting objects
 <p>To export an object you need to select it and at the Design panel add an export preset pressing the “+” button of the Export section.</p>
 <p>Export presets can be also found at the <strong><a href="/user-guide/the-interface/#viewmode-interface" target="_blank">View mode</a></strong> with the code tab activated.</p>
 <figure>
-  <video title="Export presets" muted="" playsinline="" controls="" width="100%" poster="/img/export/export-presets.png" height="auto">
+  <video title="Export presets" muted="" playsinline="" controls="" width="100%" poster="/img/export/export-presets.webp" height="auto">
     <source src="/img/export/export-presets.mp4" type="video/mp4">
   </video>
 </figure>
@@ -34,23 +34,23 @@ title: 07· Exporting objects
 <h4>Make your export selection.</h4>
 <p>To export multiple elements you first have to select the elements you'd like to export. If the selected elements already have export settings those will be included in the export. You can also add new export settings for multiselections.</p>
 <figure>
-  <img src="/img/export/export-multiple.png" alt="Export main menu">
+  <img src="/img/export/export-multiple.webp" alt="Export main menu">
 </figure>
 <p>You can also launch the export for a page from the main menu or using the shortcut <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd>. This option will include in the export all the export pressets set among a selection or in the page if nothing is selected.</p>
 <figure>
-  <img src="/img/export/export-main-menu.png" alt="Export main menu">
+  <img src="/img/export/export-main-menu.webp" alt="Export main menu">
 </figure>
 
 <h4>Configure your export selection.</h4>
 <p>Before confirming your export for multiple elements you will have the option to check their names, sizes and formats and a last chance to deselect the export settings you don't want to go on this batch.</p>
 <figure>
-  <img src="/img/export/export-selection.png" alt="Export selection">
+  <img src="/img/export/export-selection.webp" alt="Export selection">
 </figure>
 
 <h4>Check the export progress.</h4>
 <p>A popup will show the exporting progress and will show errors if any.</p>
 <figure>
-  <img src="/img/export/export-progress.png" alt="Export progress">
+  <img src="/img/export/export-progress.webp" alt="Export progress">
 </figure>
 
 <h3 id="export-artboards-pdf">Export boards to PDF</h3>
@@ -59,7 +59,7 @@ title: 07· Exporting objects
 <p><a href="#pdf-note">Technical note</a> about the PDF format.</p>
 
 <figure>
-  <img src="/img/export/export-pdf.png" alt="Export PDF">
+  <img src="/img/export/export-pdf.webp" alt="Export PDF">
 </figure>
 
 <h3 id="export-technical">Technical notes about exports</h3>