Comment optimiser les images pour le web

<article data-type="article">
Optimisez vos images pour rendre votre page Web charge plus rapide.

L`optimisation consiste à faire une image prête à être utilisée dans une page Web. Pour les photos prises avec un appareil photo numérique de qualité, ce qui inclut le redimensionnement des dimensions de l`image, puisque la plupart des appareils photo numériques prennent de grandes photos. Il comprend également la compression des données pour que le fichier prend moins d`espace disque avec peu ou pas de perte de qualité d`image. Cela est vrai de l`optimisation si l`image est redimensionnée ou non.

Choses que vous devez

  • Adobe Photoshop, Adobe Fireworks ou l`accès à Internet

Utilisez Web Resizer en ligne

  • Visitez WebResizer.com et cliquez sur le "Choisissez fichier" bouton. Accédez à l`image que vous souhaitez optimiser sur votre disque dur, cliquez dessus, puis cliquez sur "D`ACCORD." Ensuite, cliquez sur le "Télécharger l`image" bouton pour le télécharger. Vous verrez deux versions de la photo ci-dessous ces boutons: l`image optimisée sur la gauche et l`original sur la droite.

  • Voir l`image optimisée et la fiche complète de sa taille de fichier (en Ko), la largeur et la hauteur (en pixels) en dessous. Si cela est satisfaisant, cliquez sur "Télécharger cette image" dessous de la photo optimisé pour le télécharger. Si ce n`est pas ce que vous voulez, suivre les étapes ci-dessous pour ajuster les options d`optimisation.

  • Entrez les montants pour les options dans les champs ci-dessous les deux photos. Vous pouvez entrer une nouvelle taille (spécifiant "largeur" ou "la taille") Et l`autre dimension sera calculé pour garder la photo proportionnelle. Vous pouvez saisir une quantité de 0 à 40 pour l`affûtage, et une quantité de 10 à 100 pour la qualité d`image (plus le nombre, meilleure est la qualité).

  • Clique sur le "Appliquer les modifications" bouton pour voir la nouvelle image. Répéter l`opération avec de nouvelles options jusqu`à ce que vous êtes satisfait, ou cliquez sur "Télécharger cette image" pour télécharger l`image optimzed. Si vous voulez d`autres modifications, passez à l`étape ci-dessous avant de télécharger l`image.




  • Ajustez l`image de teinte, l`exposition, le contraste ou la saturation des couleurs en entrant les numéros dans les champs respectifs. Ajouter des effets aux frontières en définissant les options pour les frontières au fond. Cliquer sur "Appliquer les modifications" et alors "Télécharger cette image" lorsque vous êtes satisfait.

Optimiser les images avec Adobe Fireworks

  • Sélectionnez ou ouvrez une image que vous souhaitez optimiser dans Adobe Fireworks en cliquant dessus (il est déjà ouvert dans Fireworks) ou en sélectionnant "Ouvrir" du "Fichier" menu pour l`ouvrir.

  • Sélectionnez le "Optimiser" panneau des panneaux sur le côté droit de la fenêtre Fireworks, et sélectionner et entrer des options pour l`optimisation. Sélectionnez la combinaison souhaitée de la qualité et le format de fichier dans la liste déroulante. Vous pouvez modifier la qualité d`image en changeant le nombre dans la "Qualité" case si désiré.

  • Clique sur le "Aperçu" bouton ci-dessus l`image pour la voir comme elle se penchera avec les options d`optimisation sélectionnés.

  • Sélectionner "Exportation" du "Fichier" menu, tapez un nom de fichier et cliquez "sauvegarder" pour enregistrer votre image optimisée.

Optimiser avec Adobe Photoshop

  • Sélectionner "Ouvrir" du "Fichier" menu pour ouvrir l`image que vous souhaitez optimiser dans Adobe Photoshop.

  • Choisir "Enregistrer pour le Web & Dispositifs" du "Fichier" menu. Sélectionnez le "Optimisé" onglet de la fenêtre qui apparaît.

  • Cliquez sur la liste déroulante des paramètres de la "Preset" menu, ou entrée individuelle possibilités de réglage dans les champs, en choisissant le format de fichier, la taille et la qualité d`image.

  • Voir l`aperçu de l`image et de modifier les réglages.

  • Entrez un nom de fichier et puis cliquez sur le "sauvegarder" bouton.

AUTRES

» » » » Comment optimiser les images pour le web