Discussion :

[olysmar2]

Bonjour,

Sur mon site, j'utilise des images en 64x64
a partir de ces images, je les affiches en différentes taille en définissant la taille dans la balise IMG

Je voudrais utiliser les sprites css et mettre sur mes images en 64x64 sur mon image de base

Est ce qu'avec les sprites css, je pourrais redéfinir la taille de l'image dans la balise IMG ?

Merci
Sylo

[Invité]

Bonjour,

d'après ce que je comprends, tu utilises des balise <img /> pour afficher des icônes. Pas des images.

• Une image est descriptive (sa présence est significative, car ajoute du sens au "contenu", et peut avoir une description : attributs alt, title),
• une icône est illustrative (sa présente est facultative, son absence ne change rien au contenu)

Donc: pas bien.

Les icônes se mettent en background(-image) CSS :

• soit des éléments d'elles illustrent
• soit sur leur :before ou :after

Voici un exemple d'icônes dans un menu, avec animation sur :hover : http://codepen.io/jreaux62/pen/zvqgxR

C'est aussi la vocation des sprites.

Un sprite va comporter plusieurs icônes accolées dans une même image/sprite.
Pour afficher chaque icône, il faut la positionner.

Mais je t'invite à te documenter sur les sprites : "utiliser sprite CSS"

Pour afficher différentes tailles d'icônes (64x64, 32x32,...), on peut cumuler ces différentes tailles icônes sur un même sprite.

[olysmar2]

ok, merci pour ton retour bien détaillé
Je vais regarder cela
Olysmar