I recently blogged about how images are hard and it ended up being a big ol’ checklist of things that you could/should think about and implement when placing images on websites.
I think it’s encouraging to see frameworks — these …
Eric doesn’t mince words, especially in the title, but also in the conclusion:
…In modern web design and development, displaying an image is a highly intentional act. Alternate descriptions allow us to explain the content of the image, and in
Putting images on websites is incredibly simple, yes? Actually, yes, it is. You use <img> and link it to a valid source in the src attribute and you’re done. Except that there are (counts fingers) 927 things you could (and …
Addy Osmani on images in HTML:
…The humble
<img>element has gained some superpowers over the years. Given how central it is to image optimization on the web, let’s catch up on what it can do and how it can
Malte Ubl’s list for:
…8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display.
Perhaps you know Unsplash? I’d wager it’s the most popular stock photography site out there for two big reasons:
In the video embedded below, Jen Simmons explains how to improve image loading by using width and height attributes. The issue is that there’s a lot of jank when an image is first loaded because an img will naturally have …
A little open-source utility from Tyler Sticka that returns a data URL of an SVG to use as an image placeholder as needed.
I like the idea of self-running utilities like that, rather than depending on some third-party service, like placekitten…
I don’t see image sprites used that much anymore, but it’s still a good technique for reducing downloaded decorative image assets when you have multiple on a page. The big idea is combining all the graphics into one and then …
Gatsby does a great job processing and handling images. For example, it helps you save time with image optimization because you don’t have to manually optimize each image on your own.
With plugins and some configuration, you can even setup …
