new max image size: 1400

src/_config/plugins/markdown.js

@@ -58,7 +58,7 @@ export const markdownLib = markdownIt({
       const attributes = token.attrs || [];
       const hasEleventyWidths = attributes.some(([key]) => key === 'eleventy:widths');
       if (!hasEleventyWidths) {
-        attributes.push(['eleventy:widths', '650,960,1200']);
+        attributes.push(['eleventy:widths', '650,960,1400']);
       }
 
       const attributesString = attributes.map(([key, value]) => `${key}="${value}"`).join(' ');

src/_config/shortcodes/image.js

@@ -17,7 +17,7 @@ export const imageShortcode = async (
   loading = 'lazy',
   containerClass,
   imageClass,
-  widths = [650, 960, 1200],
+  widths = [650, 960, 1400],
   sizes = 'auto',
   formats = ['avif', 'webp', 'jpeg']
 ) => {

src/posts/2025/2025-01-09-post-with-image/post-with-image.md

@@ -71,7 +71,7 @@ The most basic version contains the path to the image (absolute) and alt text (c
 
 {% endraw %}
 
-It defaults to `loading = 'lazy'`, the picture element gets its set of images from `widths=[650,960,1200]` and compares to a condition of `sizes="auto"`.
+It defaults to `loading = 'lazy'`, the picture element gets its set of images from `widths=[650,960,1400]` and compares to a condition of `sizes="auto"`.
 You can pass in manually all the conditions, add `null` to skip. The arguments include classes for the outer container ( `<picture>` or `<figure>` element), and for the `<img>` element.
 
 The shortcode is stored in `src/_config/shortcodes/image.js`.

src/posts/2025/2025-01-11-v-4.md

@@ -20,7 +20,7 @@ That alone would not be a breaking change, but I decided to change the existing
   loading = 'lazy',
   containerClass,
   imageClass,
-  widths = [650, 960, 1200],
+  widths = [650, 960, 1400],
   sizes = 'auto',
   formats = ['avif', 'webp', 'jpeg']
 ) => { ...