Retina Ready Graphics

Do you want to share WYSIWYG Web Builder tips, tricks, tutorials or useful HTML code? You can post it here...
(no questions or problems please, this section is not monitored by support).
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.

PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Post Reply
User avatar
zinc
 
 
Posts: 2150
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Retina Ready Graphics

Post by zinc »

I have been building a site for a client who has only MAC/iPad & iPhone, While it is still in the early stages, she complained that the icons I was using for social media are pixelated, and she was right. The issue is that iOS devices seem to display with a much higher resolution and for example if you have a 40x40 icon, what you should do is make it 80x80 but within your page, resize it to 40x40 if that is the size you want.

A much better detailed explanation is here if you are interested:

http://bit.ly/1e9E7Se

Alternatively you can use a script like this:

http://imulus.github.io/retinajs/
Running WYSIWYG Web Builder since 2007...
Post Reply