Découper une image pour le web

N'avez vous jamais remarqué que dans certaines pages web des images qui semblaient n'être faites que d'un bloc étaient en fait constitué de plusieurs autres images ? Mais comment arriver à un découpage aussi parfait et précis ? La réponse vous est donné par photoshop :
Ouvrez une image. Dans le menu Affichage sélectionnez les options Afficher les règles et Magnétismes des repères.

Image 1
Maintenant, cliquez une fois sur la règle horizontale et sans décliquer descendez le repère horizontal (en bleue sur l'image 2). Même opération pour le repère vertical. Répetez autant de fois cette opération que vous voulez pour le découpage de votre image. Ici, elle a été répété deux fois pour chaque règle afin d'obtenir 9 images différentes.

Image 2
Avec l'outil Rectangle de sélection , sélectionnez une image, normalement les limites du rectangles se positionnent automatiquement sur les marques. Coupez la sélection et créez un nouveau fichier en faisant Fichier> Nouveau qui aura tout de suite la taille de l'image coupée. Collez l'image et enregistrez la. Répetez cette opération autant de fois que vous avez d'images. Ici, elle a était répetée 9 fois. Lors de votre en page web, il faut bien entendu placer ces images dans un tableau.

Image 3

Voila ce que cela donne avec une marge interne des cellules de 5.

Voilà ce que cela donne avec une marge interne des cellules de 0.