Previously I have looked for and used an image compression web API. With all the graphic design work I have been doing lately in my personal and professional projects, I wanted to find something that would fit directly into my design workflow. Look what I found!
Recently I was discussing the topic of DPI with a friend. At times we both do digital photography and the topic is important when talking about printing the best quality photos. Part way through this conversation I mentioned that web images of the past have focused around a 72 and 96 DPI standard. Upon saying this, I started thinking of another standard for my best practices list. How does DPI, resolution and image format apply to the newer high resolution and retina devices?
Looks like I need to be more diligent in my research. It occurred to me that HTML 5 picture elements might be a better route. I haven't really had a use for them with this site as I have implemented SVG for most displayed images. Looking back at the previous post and the articles that accompanied it, a new research standard came to light. The articles, while containing some valid information are dated. So... What's the conclusion?
Researching web technologies is one of my favorite pass times. Today I am going to dig through every social media site and any image related information I can find to get a complete list of standards.
The next round of emerging image formats are truly amazing. While they are still in their infancy, there is great promise to formats like WebP. In this article, I dig in to WebP usage and examine how to handle fallback for other, more common, image formats.