Découvrez 2 outils indispensables pour l’intégration de maquette en Html/Css!

Ils vous permettent de n’avoir qu’une seule image contenant toutes vos images.

Je m’explique: vos images sont regroupées en une seule image(plus facile pour l’appeler dans le css) et il ne vous reste plus qu’à jouer avec les background-position pour avoir l’image que vous souhaitez à l’endroit choisi.

Rassurez vous, ces générateurs fournissent directement les différentes positions pour chaque image que vous avez rajouté ! Cependant, faites attention lors de la découpe de vos images à ne pas recadrer trop large ou vous devrez quand même jouer avec votre background-position 😉

 

Premier générateur

Pour celui la, dans un premier temps, vous n’avez pas besoin de toucher aux différentes options proposées. Mettez juste toutes vos images dans un .zip et uploadez le.

 

Deuxième générateur

Le WIB se sociabilise !

Suivez nous sur Twitter et Facebook pour des news lives en tous genres !