This is a meetup talk given at Jamstack TORONTO about Eleventy Image. It was really fun to give a talk alongside the folks from Gatsby.js, Next.js, and Sanity folks to see how they handle images. I’m really proud of the featureset that Eleventy Image has and how it compares to the others.
This talk was also converted to blog post format at: Don’t Shut Down Your Business! Instead, use Eleventy Image.
Zach is a builder for the web at CloudCannon. He created
Eleventy (11ty), an award-winning open source site generator. At one point he became entirely too fixated on web fonts. He has given 69 talks in nine different countries at events like Jamstack Conf, Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. Formerly part of Netlify, Filament Group, NEJS CONF, and NebraskaJS.
Read more about Zach »
This is what will show up when you share this post on Social Media:
How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)
5 Comments
@JAMstackTORONTO
you're always welcome Zach (#doubleEntendre). Apologies for the late deploy, but happy we finally got them out.
@zachleat
Yeah same. I talked a bit about this at zachleat.com/web/image-read… @cramforce published a No-JS blur-up approach a few years back if you’re still shopping around! industrialempathy.com/posts/image-op…
@cramforce
We also put it into next/future/image so not every framework is doing this badly 😇
@ebey_jacob
<3
@KenjiBaheux
Great article. One note on lazy load, according to web.dev/lcp-lazy-loadi… it's probably better to restrict the lazy loading tip for images that are known to be below the fold, or at the very least not to be used on a LCP image (almanac.httparchive.org/en/2022/media#…)