Make a retina-friendly logo

[Amin Sabet]

Amin Sabet submitted a new resource:

Make a retina-friendly logo - Easy method to make your site logo retina screen friendly

Many sites don't include a retina-friendly logo. It's very easy to do and, IMO, makes the site look much nicer on a retina-ish screen (screens with very small pixel pitch).

here are the steps assuming you're using a default or close to default style:

1) Set your Height of Header Logo (Style Property Groups > Header and Navigation) to the height that you want your logo to show on a normal, non-retina display. It's probably already set to this.

In our example, let's say the normal height...

Read more about this resource...

 

[Mouth]

Great guide.
Although, I'd recommend people convert their high resolution logos to SVG and use that instead.
http://image.online-convert.com/convert-to-svg