A very compact representation of an image placeholder. Store it inline with your data and show it while the real image is loading for a smoother loading experience.
Tag: image
# Pixel Accurate Atkinson Dithering for Images in HTML
I have [al]ways liked the look of images processed with Atkinson Dithering, the algorithm used in the original Apple Macintosh.
Looks very nice, indeed. The author provides a custom HTML element implementing it.
Minimize PNG files using lossy compression
Unlike JPEG, PNG is a lossless image format, which is why it reproduces pictures perfectly, but makes many of them — mostly photographs — much larger than what you’d get with lossy codecs. PNG is also the only way to get pictures with transparency (alpha channel) display in all browsers, so if we need images with alpha channel, we have to use large PNGs. However, there’s a little trick we can use to make them smaller: by applying lossy preprocessing.
Continue reading “Minimize PNG files using lossy compression”