Tag Archives: dpi
There are great problems for those who want real responsive images.
Note to self: The lazy, cross-browser, cross-device (desktop and mobile), low overhead, kinda light, solution so far is:
- make your images 2x their display size
- compress them with high compression ratio (30% quality)
- and set their size by css (using media queries if needed)
For an entry point on the subject, you may start here: noupe article
Posted on April 24, 2015, 13:21 By lof
Categories: Graphics, Webdesign Tags: double density, dpi, hi-res, images, img, Mobile, responsive, retina
http://sebastien-gabriel.com/designers-guide-to-dpi/home
This guide is designed as a “get started” or introductory read for the starting to intermediate designer who wants to learn or get more knowledge about cross-DPI and cross-platform design from the very beginning.
No complex math and un-parsable graph, just straight forward explanations ordered in short sections for you to understand and apply directly to your design process.
Written by Sebastien Gabriel.