diff --git a/config/shortcodes/imagePlaceholder/index.js b/config/shortcodes/imagePlaceholder/index.js index d1e80fa..6d072b0 100644 --- a/config/shortcodes/imagePlaceholder/index.js +++ b/config/shortcodes/imagePlaceholder/index.js @@ -6,14 +6,14 @@ const imageShortcodePlaceholder = async ( src, alt, caption, - sizes = '(min-width: 55rem) 820px, 100vw' + sizes = '(min-width: 55rem) 880px, 100vw' ) => { if (!alt) { throw new Error(`Missing \`alt\` on myImage from: ${src}`); } let metadata = await Image(src, { - widths: [320, 570, 820], + widths: [320, 570, 880, 1200], formats: ['avif', 'webp', 'jpeg'], urlPath: '/assets/images/', outputDir: './dist/assets/images/', @@ -37,31 +37,26 @@ const imageShortcodePlaceholder = async ( } return htmlmin.minify( - `
- - ${Object.values(metadata) - .map(imageFormat => { - return ` `; - }) - .join('\n')} - ${alt} - - ${ - caption - ? `

${caption}

-
` - : `` - } -
`, + `
+ + ${Object.values(metadata) + .map(imageFormat => { + return ` `; + }) + .join('\n')} + ${alt} + + ${caption ? `
${caption}
` : ``} +
`, {collapseWhitespace: true} ); };