Optimising for Retina: 10 essential tools

It’s pretty clear that hi-res displays aren’t going away. Modern smartphones almost exclusively boast displays with pixels packed so tightly you can’t see them. Apple has also introduced similar displays to its iPad and MacBook Pro lines, and other manufacturers will soon follow suit. Indeed, Google recently announced its Nexus 10 tablet will have a 2560x1600 pixel resolution, clocking in at around 300 pixels per inch. If you’re keeping count, that’s essentially print quality.

The problem with such high-resolution displays is that although native text on the web renders beautifully on them, raster images do not. Photographs are upscaled and appear blurry, and visual components exported from vector art (logos and the like) get a bad case of the jaggies in addition to the blur. Short of ignoring hi-res displays entirely, your only option is to embrace new techniques and workflows that enable you to efficiently output suitable content. What follows is a list of 10 useful tools, including scripts, techniques and software, which should make this task easier for you.

1. Use the Fico web font for resolution-independent icons

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.