Latest in Design

Image credit:

Create Retina-ready graphics for your website

Share
Tweet
Share

Sponsored Links

If you're looking for something to do this weekend that doesn't involve fighting your way through massive crowds of holiday shoppers, you can work on bumping the graphics on your website up to Retina quality.

Designer Chris Spooner took a look at his statistics and discovered that a good number of his site visits come from people with Apple products. With an increasing number of Apple's product line moving to Retina displays, it made sense for him to do a graphics upgrade to his various sites. In the process, he put together a tutorial for Line25 that shows you what to do and how to code your site to handle the new Retina-ready graphics. It's not merely taking your existing graphics and scaling them up, but it's making sure you do so correctly so you don't wind up with pixelated graphics that would look even worse on a Retina screen. Spooner does a good job in explaining why different methods of scaling work and their drawbacks.

[via The Loop]

All products recommended by Engadget are selected by our editorial team, independent of our parent company. Some of our stories include affiliate links. If you buy something through one of these links, we may earn an affiliate commission.
Comment
Comments
Share
Tweet
Share

Popular on Engadget

Microsoft Excel spreadsheets now take custom live data

Microsoft Excel spreadsheets now take custom live data

View
Scientists found an Earth-sized ‘rogue’ planet in the Milky Way

Scientists found an Earth-sized ‘rogue’ planet in the Milky Way

View
Netflix is raising the price of standard and premium plans in the US

Netflix is raising the price of standard and premium plans in the US

View
Jabra Elite 85t review: Noise-blocking comfort that rivals the best

Jabra Elite 85t review: Noise-blocking comfort that rivals the best

View
Some Google One plans now come with a complimentary VPN

Some Google One plans now come with a complimentary VPN

View

From around the web

Page 1Page 1ear iconeye iconFill 23text filevr