web-dev-qa-db-fra.com

Dois-je utiliser SVG pour fixer un cercle pixélisé dans le logo au lieu de PNG?

Je crée un logo avec un cercle et parce qu'il a une zone transparente, j'ai utilisé png. Le truc, c'est que sur mon site, ça n'a pas l'air fluide. Il y a beaucoup d'alias ... Dois-je utiliser svg pour le logo? Est-il bien pris en charge par le navigateur?

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

4
Nic727

J'aurais pensé que les problèmes que vous rencontrez avec le fichier .png sont liés à l'image originale elle-même et à la qualité de sa conversion en .png, plutôt qu'à un problème avec le format .png.

En réponse à votre question, Safari, Firefox, Internet Explorer, Edge, Chrome et Opera offrent tous la prise en charge du rendu SVG.

Si c'était moi, cependant, j'essaierais d'abord de voir si vous pouvez le faire apparaître comme vous le souhaitez au format PNG, uniquement parce que PNG est généralement plus largement pris en charge.

1
Monomeeth

Le manque de fluidité de votre exemple spécifique n'est pas dû au fait que le png est mauvais. C'est simplement parce que vous n'avez pas exporté votre fichier png correctement.

Si vous avez votre logo d'origine dans des vecteurs, activez l'anti-alias. Dans certains cas rares, vous pouvez l'exporter deux fois plus grand et le rééchantillonner sur Photoshop ou Gimp. Si vous n'avez pas l'original dans les vecteurs ... vous devez le dessiner à nouvea de toute façon. (L'insertion d'une image bitmap dans Ilustrator ne la convertira pas par magie en vecteurs)

Pour quelque chose comme un logo, vous pouvez utiliser l'un ou l'autre format, mais je n'utiliserais SVG que si j'ai vraiment besoin de mettre à l'échelle une image. Une carte, des plans, des diagrammes.

1
Rafael