images-responsiver

images-responsiver copied to clipboard

Much better for accessibility: https://twitter.com/DasSurma/status/1553634641491509248

nhoizey

Refs #191

nhoizey

**Describe the solution you'd like** Add a preload tag for an image, for LCP optimization. **Describe alternatives you've considered** Add a data attribute to the image?

nhoizey

[Bug] Eleventy plugin doesn't generate any images

1

**Describe the bug** Eleventy plugin doesn't generate any images **To Reproduce** Steps to reproduce the behavior: 0. Remove all manually generated pictures, leave only source 1. Open last tutorial step...

Defite

Linear width steps lead to exponential weight steps, because `weight ~= width^2` Use a log function to make width steps decrease progressively.

nhoizey

Hey, i found some many settings can be override by `presets` in the source code, but not explanation in the [tutorial](https://nhoizey.github.io/images-responsiver/eleventy-plugin-images-responsiver/), i want to know why? ```js // below settings...

bingqichen

nhoizey

There are Jest tests for the core library `images-responsiver` in https://github.com/nhoizey/images-responsiver/tree/main/packages/images-responsiver/__tests__ But there are no tests yet for `eleventy-plugin-images-responsiver`, the plugin for Eleventy.

nhoizey

It would probably ease maintenance, simplify/enhance testing, and allow other usages.

nhoizey

Netlify CMS one click responsive images.

2

Thanks again for replying to my question about 11ty/Netlify CMS and responsive image markup and for suggesting this plugin. I've looked through the repo as well as through the Pack11ty...

headapples