Making a logo as clear as possible for all browsers

Discussion in 'Design and Graphics' started by mrholder, Jan 28, 2015.

  1. mrholder macrumors regular

    Joined:
    Jan 3, 2009
    #1
    I have a vector logo that is 100px wide by 28px high. I've exported it as a PNG-24 and I'm getting complaints that it is blurry in the email signature on a new iPhone. It's 2-color. Should I try it as a high jpg or gif? I saved it as an SVG as weill, but when coded in html it is not supported by all browsers.
     
  2. Pakaku macrumors 68000

    Pakaku

    Joined:
    Aug 29, 2009
    #2
    If it looks blurry on a high-DPI screen, that's because it's upscaling. If you want it to look sharp, you'd have to export at a higher resolution and let it be scaled down.
     
  3. ezekielrage_99 macrumors 68040

    ezekielrage_99

    Joined:
    Oct 12, 2005
    #3
    You'll have to output a 2X file for it to appear sharper on retina devices.
     
  4. Consultant macrumors G5

    Consultant

    Joined:
    Jun 27, 2007
    #4
    100 by 28 pixel logo is small even 10 years ago.

    FYI, the Macrumors logo on this page, just the logo portion is about 120 x 120

    And you need to export retina file that are larger.
     

Share This Page