agora-forum.eu

Optimize web images for retina

There is a free and premium version. I want to start by saying the fewer images youre using, the better. Retina Displays require double the pixels to display the same image as standard definition displays.

Learn how to add high-resolution icons and startup images to your web apps.

Optimize web images for retina
Retina devices will make normal images appear very blurry, and so youll want to provide a dual-resolution alternate. I've been trying to find a good approach to solve a very commmon problem in the retina era. However this can become exhausting if you have literally hundreds or thousands of images to sort through. Embed fonts from the web for creating unique typography and graphics. When an Apple product has a Retina Display, each user interface widget is doubled in width and height to compensate for the smaller pixels.
Optimize web images for retina
Every image that is added to a web page has to be downloaded by site visitors which increases loading times. It also increases bandwidth which can put a strain on web servers, especially shared ones and that can drive up hosting costs.
The language of the reptilian brain is visual imagery. As other manufacturers add similar displays to their devices, high-resolution graphics will become the new standard for the apps and websites of the future.

PreviousNext