28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,

Je pensais à quelque chose tout à l'heure entre deux cafés, et j'ai longtemps cogité là dessus par la suite.
Que pensez vous des différents formats d'images à l'heure actuelle ? Et quand les utilisez vous ?
Bon on ne parle pas de la base ici, on sait que jpg = image/photo, png=transparence etc.

Mais par exemple, on a un pack d'icones, qu'on définit avec des background position (et donc des sprites), vous pencheriez plutôt pour du png ou du svg ?

Pour ma part, j'ai tendance à mettre du SVG un peu partout (motifs répétés, background en dégradé, icons, logo etc), et après divers tests (avec optimisation des images via photoshop, grunt etc), il s'avère que le .svg est un format très bien reconnu (malgre la viewbox qui me casse les c... coudes) et plus léger à charger, même en sprite, que le png
Bonsoir,

Idem pour moi aussi, je fais un max de truc en svg.

Bien entendu pour IE8 c'est mort, sauf pour les icônes embarquées via une font. Il faut donc utiliser le svg en connaissance de cause.
Salut, j'utilise aussi beaucoup le svg pour les picto en mode sprite.
J'ai trouvé une astuce qui fonctionne plutôt bien pour remplacer l'image en cas de non support du svg :


<img src="img/logo_head.svg" alt="logo" onerror="this.removeAttribute('onerror'); this.src='img/logo_head.png'" />