In his book Interaction of Color, Joseph Albers tells us that color is almost never seen exactly as it physically is. All color judgements are relative. How a color appears is affected by the colors of the objects around it.
It’s one thing to understand how to do something and another to actually do it. For the last few weeks I’ve been talking about responsive images, specifically the srcset attribute, the picture element, and the image-set() value on the background-image property. Along the way I promised a demo, which I’m presenting today.
Happy Thanksgiving to everyone in the U.S. and a belated Happy Thanksgiving to our Canadian neighbors to the north.
What makes for a high resolution image? Is it the pixels per inch (ppi)? Is it the dots per inch (dpi)? What distinguishes an image as @1x, @2x, or @3x? If we’re going to create pixel dense images for high resolution devices, it probably makes sense to understand a little about what is a high resolution image.