Comment optimiser les images pour le web

Optimisez vos images pour accélérer votre chargement de la page Web.

Optimisez vos images pour accélérer votre chargement de la page Web.

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 une perte peu ou pas de qualité d`image. Cela est vrai d`optimisation si l`image est redimensionnée ou non.

Utilisez Web Resizer en ligne

Visitez WebResizer.com et cliquez sur le "Choisir le fichier" bouton. Accédez à l`image que vous souhaitez optimiser sur votre disque dur, cliquez dessus, puis cliquez sur "D`ACCORD." Cliquez ensuite 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 à droite.

Video: TUTO "Trucs & Astuces" Photoshop : Comment enregistrer un fichier image pour le Web ?

Afficher l`image optimisée et la fiche pour sa taille de fichier (kb), 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, effectuez 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ée pour maintenir la proportionnelle photo. Vous pouvez saisir une quantité de 0 à 40 pour l`affûtage, et un montant de 10 à 100 pour une qualité d`image (plus le nombre, meilleure est la qualité).

Video: formation optimiser image pour web photoshop

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.

Ajuster la teinte de l`image, 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 bordures 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 Feux d`artifice, puis sélectionnez et saisir 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 voir comme il regardera avec les options d`optimisation sélectionnées.

Sélectionner "Exportation" du "Fichier" menu, tapez un nom de fichier et cliquez sur "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 "optimisation" onglet de la fenêtre qui apparaît.

Cliquez sur la liste déroulante des paramètres de la "Preset" menu ou entrée des options individuelles de réglage dans les champs, le choix du format de fichier, la taille et la qualité d`image.

Voir l`aperçu de l`image et régler les paramètres comme vous le souhaitez.

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

Video: Comment optimiser une photo pour le web en 2 étapes ?

Articles Tu auras besoin de

Les références

  • lien AKSI: Optimisation des images pour le Web
  • lien Art et la photographie numérique: Comment optimiser les photos numériques pour le Web
  • lien WebsiteTips.com: Site Web Optimisation

A propos de l`auteur

Melissa Worcester est une maman, écrivain et graphiste indépendant. Elle a été écrit professionnellement depuis plus de 18 ans et gagner une écriture de revenu à temps partiel pour divers sites Web depuis 2007. Elle écrit sur les questions de technologie, des affaires et du marketing, amélioration de l`habitat, l`éducation et les sujets de la famille et aide à l`entreprise de remodelage de la maison de son mari. Worcester a obtenu un baccalauréat ès arts en communication et en psychologie de l`Université de Syracuse.

Articles connexes