How-To: Instant Website Optimization for Retina Displays

Home » Blog » Design » How-To: Instant Website Optimization for Retina Displays

Last month I recommended an article by Reda Lemeden about designing for Retina displays.

Today, as a follow-up, if you will, I’d like to suggest reading a how-to by Kyle J. Larson on website optimization for Retina displays. ‘Instant Website Optimization for Retina Displays‘ describes the process of creating and optimizing various website elements such as images, fonts, icons and backgrounds for high-resolution displays.

The author starts off with creating high-density images and continues to outline various optimization tools and techniques. Furthermore, the how-to covers CSS media queries and CSS image-set for delivering different assets to Retina and non-Retina devices in order to optimize download speeds. The use of fonts, font icons and SVG (Scalable Vector Graphics) in the context of high-resolution displays is detailed as well.

Each chapter of the how-to is categorized into ‘Must know’, ‘Should know’ and ‘Become an expert’, which allows you to start off with a quick read and delve into greater detail later on.

Overall, ‘Instant Website Optimization for Retina Displays‘ provides a neat overview of tools and techniques for dealing with Retina-optimized website elements.

The how-to is available at Packt Publishing in various eBook formats.

Leave a Comment

* Checkbox GDPR is required


I agree

By continuing to browse the site you agree to our use of cookies. Privacy Policy

Privacy Preference Center

Strictly necessary

These cookies are necessary for the site to function.

PHPSESSID: Preserves user session state across page requests.

__cfduid: Used by the content network, Cloudflare, to identify trusted web traffic.



Remembers the user's submitted data when a comment is submitted in a blog post. The purpose is to aut o-populate form fields for subsequent comments, in order to save time for the user.



Statistic cookies help us to understand how visitors interact with our websites by collecting and reporting information anonymously.

_ga: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

_gat: Used by Google Analytics to throttle request rate.

_gid: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

collect: Used to send data to Google Analytics about the visitor's device and behaviour. Tracks the visitor across d evices and marketing channels.



We use Wordfence to secure our website against hacking attempts:


Close your account?

Your account will be closed and all data will be permanently deleted and cannot be recovered. Are you sure?