CATALOGUE Design et Infographie Formation Photoshop Apprendre Photoshop CC 2020 - Les fondamentaux

Optimisation d'images pour le web sur Photoshop

Retour à la formation
Chapitre 10 Leçon 2
Précédent
Suivant

Découvrez comment optimiser vos images de 50 mégas pour qu'elles soient adaptées à une utilisation web sans compromettre la qualité.

Détails de la leçon

Description de la leçon

La leçon porte sur l'optimisation d'images lourdes pour une utilisation web, avec un exemple d'image de 50 mégas. Nous explorons les différentes techniques possibles pour optimiser les images tout en préservant leur qualité visuelle. Une première méthode consiste à réduire la taille de l'image via le menu de la Taille de l'image, quoique cette approche puisse poser des problèmes de recadrage. Une seconde technique est abordée avec le recadrage et la réduction de la résolution de l'image, permettant ainsi de contrôler mieux le cadre et de réduire considérablement le poids. Enfin, la méthode d'Exportation pour le web dans Photoshop est présentée ; elle permet de tester en temps réel différentes qualités et formats (JPEG, PNG) pour trouver un équilibre optimal entre poids et qualité de l'image. Des explications sur les différences entre les formats PNG 8 et PNG 24 sont fournies, notamment en termes de compatibilité et de qualité du détourage.

Objectifs de cette leçon

À la fin de cette vidéo, vous saurez comment :

  • Optimiser une image volumineuse pour le web.
  • Utiliser les menus de Photoshop pour réduire le poids des fichiers.
  • Choisir entre les formats PNG 8 et PNG 24 en fonction des besoins spécifiques.

Prérequis pour cette leçon

Connaissances de base en Photoshop et en gestion des fichiers d'images pour le web.

Métiers concernés

Les graphistes, web designers, et développeurs web peuvent utiliser ces techniques pour optimiser les visuels sur les sites web, blogs, et applications mobiles.

Alternatives et ressources

Des logiciels alternatifs comme GIMP ou Affinity Photo peuvent également être utilisés pour des opérations similaires.

Questions & Réponses

Une image de 50 mégas est trop lourde à charger, surtout sur les périphériques mobiles, entraînant des temps de chargement longs et une mauvaise expérience utilisateur.
La résolution adaptée pour le web est de 72 dpi, ce qui permet d'afficher les images de manière optimale sans surcharger le temps de chargement.
Le format PNG permet de conserver la transparence et offre un détourage plus propre, tandis que le JPEG est plus compressé et peut perdre en qualité.