Tag Archive for retina display

Time to rethink the dpi for your main web and mobile site images

Just bumped across a review on the new iPads and two sentences caught my eye. The reviewer mentioned surfing to Zillow, the site that lists houses for sale. He commented on how the pictures looked all pixelated.

That’s important, and it’s also a sesimic change in the digital world of our websites and images on the mobile devices viewed by our clients. In “the good old days,” the way to keep your web pages loading fast, and not bust through your storage and bandwidth limits of your hosting provider, the best bet was to “downsize” the images to be 100dpi (dots per inch) down to no less than 72dpi.

In a world where the masses of display devices could not get above 75dpi, it was a great way to help yourself in the ways mentioned above. If you had been loading those 5 mega pixel pictures from your digital camera, and then wondered why your web pages took so very, very long to display, and you figured it out, you know what I’m talking about.

So….what’s the point? The new Retina displays for the iPad3 and iPhone 5 devices leapt forward to now display 286dpi. Your 100dpi pictures, all slim and trim electronically images UP TO NOW now look all pixelated.

Time to consider just how smooth and life like you need your site images need to be for the growing market of Apple product users.

If you don’t consider this an issue, and think you can just leave those users behind, you need to understand much of what is before you in the non-Apple/Mac world came to be as a result of everyone trying to copycat the innovations coming out of Apple. USB came from Apple Desktop Bus (ADB), which also gave us back all sorts of things attached outside the computer (like Macs were n the early days), after the PC people were trying to put everything inside the box. Windows…bless Bill Gates and his merry band of workers, was a twinkle in Bill’s eye because Steve and Steve (and realistically, Mike) put out a ground breaking new interface to the computer, and once seen, Microsoft then began to work on it.

Displays, the actual hardware, now will begin to see an evolution very soon, as the consumer market will begin to want it, but without the price tag, and the electronic manufacturers will position their products to meet the demand, and therefore, your site better be up to speed in the near future.

If those old images aren’t on file, in their original, high quality format, consider replacing them, or reworking the sites to remove them from their digital surrounding.

Next: No more low resolution setting on your cameras. Get the high quality version (at the minimum to allow you to extract a nice 300dpi version), and store them for the future.

Update 11/10/12: Google and Samsung are now using 300dpi (or “ppi” pixels per inch) displays on their new tablets. One more “call to action” to get into all your website graphics and consider “upgrading” the dpi of not only your photos, but any artwork/logo you scaled down for fast loading web pages! End of update, now returning to your original text.

The quick thinkers, who rely on high quality impression for their business would be well advised to make a review of their sites a top priority in the near term.

Words to the wise…prepare for the shifts in technology, or at least, in this case, start paddling now to catch the wave.