refactor: sort srcset images

Author: ArnaudLigny

docs/2-Content.md

@@ -325,8 +325,8 @@ Could be converted to:
 
 ```html
 <picture>
-  <source srcset="/image.avif" type="image/avif">
   <source srcset="/image.webp" type="image/webp">
+  <source srcset="/image.avif" type="image/avif">
   <img src="/image.jpg">
 </picture>
 ```
@@ -349,9 +349,9 @@ will be converted to:
 
 ```html
 <img src="/thumbnails/800/image.jpg" width="800" height="600"
-  srcset="/thumbnails/800/image.jpg 800w,
+  srcset="/thumbnails/320/image.jpg 320w,
           /thumbnails/640/image.jpg 640w,
-          /thumbnails/320/image.jpg 320w"
+          /thumbnails/800/image.jpg 800w"
   sizes="100vw"
 >
 ```

src/Asset/Image.php

@@ -258,7 +258,7 @@ public static function buildHtmlSrcset(Asset $asset, array $widths, $notEmpty =
                 continue;
             }
             $img = $asset->resize($width);
-            $srcset .= \sprintf('%s %sw, ', (string) $img, $width);
+            $srcset = \sprintf('%s %sw, ', (string) $img, $width) . $srcset;
             $widthMax = $width;
         }
         // adds source image

src/Converter/Parsedown.php

@@ -374,11 +374,11 @@ protected function inlineImage($Excerpt)
         <figure>
             <!-- if formats: a <picture> is required for each <source> -->
             <picture>
-                <source type="image/avif"
+                <source type="image/webp"
                     srcset="..."
                     sizes="..."
                 >
-                <source type="image/webp"
+                <source type="image/avif"
                     srcset="..."
                     sizes="..."
                 >