4

I create a logo with a circle and because it has transparent area, I used png. The thing is that on my website it doesn't look smooth. There is a lot of aliasing... Should I use svg for logo? Is it well supported by browser?

image of a logo made up of a circle with the letter 'N' in it

closed as off-topic by Kit Grose, msp, Abektes, JonW Apr 26 '16 at 9:31

  • This question does not appear to be about user experience within the scope defined in the help center.
If this question can be reworded to fit the rules in the help center, please edit the question.

  • You have probably saved your image as an 8-bit PNG instead of a 24-bit one. Nevertheless, this question is off topic for this site and probably belongs better on the Graphic Design Stack Exchange site. – Kit Grose Apr 26 '16 at 4:10
  • 3
    I'm voting to close this question as off-topic because it is about visual design and file formats only. – Kit Grose Apr 26 '16 at 4:11
1

I would have thought any problems you're having with the .png file are related to the original image itself and the quality of its conversion to .png, rather than a problem with the .png format.

In answer to your question though, Safari, Firefox, Internet Explorer, Edge, Chrome, and Opera all offer SVG rendering support.

If it was me, though, I would first try to see if you can get it to look as you want in PNG format first, only because PNG is more widely supported generally.

  • weird, because I used Illustrator and convert into png. Will see tomorrow if I can fixe that. – Nic727 Apr 26 '16 at 1:31
1

Your specific example's lack of smoothness is not because png renders bad. It is just because you did not exported your png file in a correct way.

If you have your original logo in vectors turn anti-alias on. In some rare cases you can export it two times larger and resample it on Photoshop or Gimp. If you do not have the original in vectors... you need to draw it again anyway. (Inserting a bitmap inside Ilustrator wil not magicly convert it to vectors)

For something like a Logo, you can use either format, but I would only use SVG if I really need to scale an image. Some map, some blueprints, some diagrams.

Not the answer you're looking for? Browse other questions tagged or ask your own question.