diff --git a/src/_config/plugins/markdown.js b/src/_config/plugins/markdown.js index 7317208..a038339 100644 --- a/src/_config/plugins/markdown.js +++ b/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(' '); diff --git a/src/_config/shortcodes/image.js b/src/_config/shortcodes/image.js index 55aff34..af345a1 100644 --- a/src/_config/shortcodes/image.js +++ b/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'] ) => { diff --git a/src/posts/2025/2025-01-09-post-with-image/post-with-image.md b/src/posts/2025/2025-01-09-post-with-image/post-with-image.md index 6a04522..d60bf2b 100644 --- a/src/posts/2025/2025-01-09-post-with-image/post-with-image.md +++ b/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 ( `` or `
` element), and for the `` element. The shortcode is stored in `src/_config/shortcodes/image.js`. diff --git a/src/posts/2025/2025-01-11-v-4.md b/src/posts/2025/2025-01-11-v-4.md index 1bd9d98..122e263 100644 --- a/src/posts/2025/2025-01-11-v-4.md +++ b/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'] ) => { ...