Les partenaires publicitaires:

Comment raccorder images pour la conception web

Assaisonnement image, ou le tranchage, est une technique utile si vous voulez charger une image en pièces, utiliser des pièces séparées d'une image pour les différents liens ou pour créer des sprites d'image - la technique de placer plusieurs images dans un seul fichier d'image afin que le navigateur Web doit récupérer une seule image au lieu de plusieurs à partir du serveur. Pour joindre une image, vous aurez besoin d'une sorte de trame programme d'édition graphique comme Photoshop, Corel Photo Paint ou Gimp (Gimp est disponible gratuitement sous la licence publique GNU).

  1. Épissage avec l'outil Slice

    • 1

      Ouvrez votre programme d'édition graphique préféré. Ouvrez l'image que vous voulez raccorder. Cliquez "Ouvert" du "Fichier" menu.

    • 2


      Clique le "Tranche" outil de la "Outils" boîte. Ceci est l'icône de scalpel sur la boîte à outils dans Photoshop et Corel et peut être trouvé dans "Toile" dans le "Filtres" menu dans Gimp.

    • 3

      Cliquez et faites glisser votre souris sur l'image pour sélectionner la partie de l'image que vous voulez raccorder. Après avoir sélectionné la zone, vous pouvez faire glisser les coins ou les bords de sélectionner avec précision la région correcte.

    • 4



      Dans Photoshop, cliquez sur le "Aller Pour Image Ready" icône (ou type "Ctrl," "Décalage" et "M" simultanément) d'utiliser l'application Image Ready.

      Dans Corel, saisissez le texte nom de fichier, une URL de destination et alt (alternative) à afficher dans votre page HTML à partir de la "Découpage d'image Docker."

    • 5

      Exporter les images épissage. Cliquez "Enregistrer pour le Web" du "Fichier" menu dans Photoshop et Corel. Dans Gimp, cliquez simplement sur "Sauvegarder." "Enregistrer pour le Web" est un plug-in qui peut être téléchargé, mais ne vient pas avec Gimp.

    » » » » Comment raccorder images pour la conception web