Images

Safari made .mp4 file work in img tags in HTML back in 2017, but no other browser followed suite. Should they have?

There is some low-hanging web performance fruit with images. Serving them in the right format, from a CDN, with the right HTML can be a big perf win.

With CSS’ `image-rendering: pixelated;` we can keep HTML images that have pixelated look anyway quite sharp looking, and possibly more performant to boot.

Good advice: “Write alternative text as if you’re describing the image to a friend.” Or, if it’s helpful, don’t forget to include the emotion in an image.

You could design something on the web then take a screenshot of it. That is, in a basic sense, converting DOM to PNG. But a screenshot is rather manual and finicky. If you had to do this over and over, or you needed a very exact size (like a social media card), you can actually […]