Merge pull request #195 from GHF/gif-lowsrc

Generate gif as lowest priority source
11ty · Jan 15, 2024 · 1ab4211 · 1ab4211
2 parents baea57d + cb523b7
commit 1ab4211
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/generate-html.js b/generate-html.js
@@ -5,7 +5,7 @@ const DEFAULT_ATTRIBUTES = {
   // decoding: "async",
 };
 
-const LOWSRC_FORMAT_PREFERENCE = ["jpeg", "png", "svg", "webp", "avif"];
+const LOWSRC_FORMAT_PREFERENCE = ["gif", "jpeg", "png", "svg", "webp", "avif"];
 
 /*
   Returns:

diff --git a/test/test-markup.js b/test/test-markup.js
@@ -239,7 +239,18 @@ test("Image markup (animated gif)", async t => {
 test("Image markup (animated gif, two formats)", async t => {
   let results = await eleventyImage("./test/earth-animated.gif", {
     dryRun: true,
-    formats: ["tiff", "auto"]
+    formats: ["webp", "auto"]
+  });
+
+  t.is(generateHTML(results, {
+    alt: ""
+  }), `<picture><source type="image/webp" srcset="/img/YQVTYq1wRQ-400.webp 400w"><img alt="" src="/img/YQVTYq1wRQ-400.gif" width="400" height="400"></picture>`);
+});
+
+test("Image markup (two formats, neither priority defined)", async t => {
+  let results = await eleventyImage("./test/earth-animated.gif", {
+    dryRun: true,
+    formats: ["tif", "heic"]
   });
 
   let e = t.throws(() => generateHTML(results, { alt: "" }));