set image widths for different screen sizes

andyautida14 · Oct 27, 2023 · f88cec1 · f88cec1
1 parent 3455cea
commit f88cec1
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/eleventy.config.images.js b/eleventy.config.images.js
@@ -17,7 +17,7 @@ module.exports = eleventyConfig => {
 		let formats = ["avif", "webp", "auto"];
 		let file = relativeToInputPath(this.page.inputPath, src);
 		let metadata = await eleventyImage(file, {
-			widths: widths || ["auto"],
+			widths: widths || [300, 600, "auto"],
 			formats,
 			outputDir: path.join(eleventyConfig.dir.output, "img"), // Advanced usage note: `eleventyConfig.dir` works here because we’re using addPlugin.
 		});