corpus.blog
56,966 blogs · 4,417,066 posts Claim your blog
Record · corpus.blog/posts/01a087d9-8acb-70ff-bbfb-95cb336c83f7

A Guide to Image Optimization on the Web

ryanfeigenbaum.com · published 20 February 2024

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at ryanfeigenbaum.com Wayback capture
0blogs citing
First cited
—
Most recent
—
Rank this month
not ranked
Links from this post
33
Words captured
3,456

Cited by

No blog we hold has cited this post yet.

Links from this post

Link
Host
https://blog.logrocket.com/ux-design/optimizing-images-mobile-browsers-ux-mindset/?ref=ryanfeigenbaum.com
blog.logrocket.com
https://almanac.httparchive.org/en/2022/page-weight?ref=ryanfeigenbaum.com
almanac.httparchive.org
https://royalfig.github.io/image-optimization-test/?ref=ryanfeigenbaum.com
royalfig.github.io
https://unsplash.com/photos/Md-rgK-zwgU?ref=ryanfeigenbaum.com
unsplash.com
Unsplash Read at the source ↗
unsplash.com
https://support.apple.com/guide/preview/resize-rotate-or-flip-an-image-prvw2015/mac?ref=ryanfeigenbaum.com
support.apple.com
https://learn.microsoft.com/en-us/windows/powertoys/image-resizer?ref=ryanfeigenbaum.com
learn.microsoft.com
https://whatismyviewport.com/?ref=ryanfeigenbaum.com
whatismyviewport.com
New helper added: Squoosh – Make images smaller using best-in-class codecs, right in the browser. Read at the source ↗
squoosh.app
https://github.com/GoogleChromeLabs/squoosh/tree/dev/cli?ref=ryanfeigenbaum.com
github.com
https://caniuse.com/?search=webp&ref=ryanfeigenbaum.com
caniuse.com
https://blog.chromium.org/2010/09/webp-new-image-format-for-web.html?ref=ryanfeigenbaum.com
blog.chromium.org
https://caniuse.com/?search=avif&ref=ryanfeigenbaum.com
caniuse.com
https://netflixtechblog.com/avif-for-next-generation-image-coding-b1d75675fe4?ref=ryanfeigenbaum.com
netflixtechblog.com
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture?ref=ryanfeigenbaum.com
developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source?ref=ryanfeigenbaum.com
developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset?ref=ryanfeigenbaum.com
developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types?ref=ryanfeigenbaum.com
developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/sizes?ref=ryanfeigenbaum.com
developer.mozilla.org
https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/?ref=ryanfeigenbaum.com
smashingmagazine.com
What width and height attributes should you use with responsive images? Read at the source ↗
chipcullen.com
Ghost Read at the source ↗
ghost.org
https://ghost.org/docs/themes/assets/?ref=ryanfeigenbaum.com
ghost.org
https://www.11ty.dev/?ref=ryanfeigenbaum.com
11ty.dev
https://www.11ty.dev/docs/plugins/image/?ref=ryanfeigenbaum.com
11ty.dev
https://www.gatsbyjs.com/plugins/gatsby-image/?ref=ryanfeigenbaum.com
gatsbyjs.com
https://nextjs.org/docs/api-reference/next/image?ref=ryanfeigenbaum.com
nextjs.org
https://www.responsivebreakpoints.com/?ref=ryanfeigenbaum.com
responsivebreakpoints.com
https://cloudinary.com/?ref=ryanfeigenbaum.com
cloudinary.com
https://github.com/royalfig/image-optimization-test/tree/main/scripts?ref=ryanfeigenbaum.com
github.com
https://imagemagick.org/index.php?ref=ryanfeigenbaum.com
imagemagick.org
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img?ref=ryanfeigenbaum.com
developer.mozilla.org
https://caniuse.com/?search=lazy%20load&ref=ryanfeigenbaum.com
caniuse.com