3392 posts Nice Guy
  • Most Wanted Bounty Winner
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 6-7 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Won a Competition
  • Bought between 100 and 499 items
  • Exclusive Author
  • Referred between 500 and 999 users
+5 more
KrownThemes says

What’s wrong in using vectors? There’s SVG around.

Is SVG widely supported?

31 posts
  • Referred between 1 and 9 users
  • Australia
  • Has been a member for 1-2 years
  • Bought between 1 and 9 items
  • Contributed a Tutorial to a Tuts+ Site
  • Exclusive Author
  • Sold between 100 and 1 000 dollars
CaptainTheme says

My upcoming WP pluign supports Retina displays. I mainly had to iclude 2 sizes of all images and a little bit of CSS . The menu icon was a little bit tricky though. To target Retina displays with CSS I use
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
             //your CSS here
}
Detecting Retina with JS:
var isRetina = window.devicePixelRatio > 1;

Just little typo fixed up above from 32 to 3/2 for opera targeting.

It’s nice to give your users an option to upload a ‘retina’ logo. You don’t really need to use a fixed area though, just a fixed height or width should work.



What’s wrong in using vectors? There’s SVG around.
Is SVG widely supported?

Very supported – just not IE 8 and below really.

732 posts fifty_tons and CodingJack
  • Elite Author
  • Sold between 50 000 and 100 000 dollars
  • Exclusive Author
  • Author had a Free File of the Month
  • United States
  • Referred between 1 and 9 users
  • Has been a member for 4-5 years
  • Bought between 1 and 9 items
50andJACK says

Seems like SVG is the best option. Because then the logo would be future-proof from the next retina upgrade we have to deal with. Plus SVG has been adopted by HTML5 so it isn’t going anywhere.

-Jack

by
by
by
by
by
by