Optimisation des GIFs pour le Web

Exporter et optimiser l’animation Gif pour une bannière Web
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Photoshop CC pour le Web
Revoir le teaser Je m'abonne
Transcription

59,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis

59,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de:

  • Comprendre comment réduire la taille des fichiers GIF.
  • Apprendre à préserver les couleurs importantes lors de l'optimisation.
  • Maitriser l'usage de la fonctionnalité 'enregistrer pour le Web' dans Photoshop.

Apprenez à réduire la taille de vos fichiers GIF tout en maintenant les couleurs critiques, en utilisant Photoshop.

Dans cette leçon, vous découvrirez comment enregistrer des fichiers au format GIF en utilisant Photoshop. Nous vous guiderons à travers le processus d'optimisation de la taille de votre animation en ajustant le nombre de couleurs et en supprimant le tramage, tout en préservant les couleurs essentielles.

En utilisant la fenêtre d'encodage pour le Web, nous commencerons par une animation pesant 65 Ko et travaillerons à la réduire tout en maintenant une qualité visuelle acceptable. Vous apprendrez comment verrouiller certaines couleurs pour les conserver même lorsque le nombre total de couleurs est réduit, permettant ainsi une meilleure optimisation.

À la fin de cette leçon, vous saurez enregistrer et tester votre bannière animée de manière efficace, en vous assurant qu'elle reste légère et adaptée pour une utilisation en ligne, notamment pour des régies publicitaires.

Voir plus
Questions réponses
Quel est l'effet de la réduction du nombre de couleurs sur un GIF?
Réduire le nombre de couleurs diminue la taille du fichier, mais peut entraîner une perte de qualité visuelle.
Comment peut-on préserver certaines couleurs lors de l'optimisation d'un GIF?
On peut verrouiller les couleurs importantes dans la grille de couleurs avant de réduire le nombre total de couleurs.
Pourquoi est-il important de tester votre GIF optimisé dans un navigateur?
Tester dans un navigateur permet de s'assurer que l'animation fonctionne correctement et qu'elle est visuellement acceptable sur le Web.
Donc pour enregistrer au format GIF, on fait comme pour une image standard, fichier, enregistré pour le Web. On arrive dans la fenêtre d'encodage, donc ici je suis à 65 kg avec mon animation. Je vais essayer de réduire le poids de mon document. Alors je peux réduire le nombre de couleurs bien sûr, mais je peux aussi supprimer le tramage. Le tramage est assez gourmand en général en termes de poids. Alors ici je vois que je suis encore à 65, donc je vais essayer de passer à 16. Et là je suis à 48 kg, donc ce qui est correct pour une régie publicitaire, néanmoins j'ai perdu beaucoup de nuances de couleurs. Alors ce qu'on va faire pour optimiser un petit peu l'affichage, je vais revenir à 32 et ici je vais choisir dans la grille de couleurs celle que je veux absolument préserver. Donc je sélectionne par exemple le rouge et pour verrouiller le rouge lorsque je vais revenir à 16 couleurs, je vais cliquer ici sur le petit cannet. Je sélectionne ensuite le blanc, je verrouille le blanc, je vais prendre ensuite un bleu, je verrouille le bleu, un jaune, je verrouille le jaune, les couleurs sombres, le vert, voilà. Et lorsque je vais réduire, si je reviens même à 8 couleurs, je remarque que les couleurs que j'ai verrouillées en fait n'ont pas été supprimées, donc ce qui me permet d'optimiser un petit peu le poids du document. Alors bien sûr 8, c'est un petit peu trop, je vais revenir ici à 16. Je vois que j'ai encore un peu de marge ici à 42 kg, donc si je passe à 32, ça va être trop lourd, donc manuellement je vais monter à 24. 24, j'arrive à 56. Je décrémente ici, alors je vais passer à 20. Voilà, 20, je suis à 50,55, ce qui devrait convenir. Et pour terminer, donc je valide l'enregistrement en cliquant sur enregistrer. J'enregistre donc cette bannière. Dans mon dossier final. Alors toujours commande S quand vous avez terminé votre composition Photoshop, si jamais vous voulez réexporter une nouvelle fois votre bannière à l'aide des réglages que nous avons prédéfinis dans la fenêtre d'enregistrement. Je reviens dans mon dossier de composition, je vais enregistrer la bannière en cliquant sur enregistrer. Je reviens dans mon dossier de travail, dans final, ma bannière alors ici fait 53 kg, mais le système Apple IOS est toujours un peu généreux en termes de poids. Néanmoins, vous avez vu que vous pouvez revenir en arrière pour optimiser un petit peu le poids de votre animation. Donc pour tester la bannière, le système est en mesure de lire ici l'animation, mais vous pouvez aussi lancer un navigateur et glisser tout simplement la bannière dans le navigateur.

Programme détaillé de la formation

Nos dernières formations Photoshop
  • Photoshop 2024 - Maîtriser les outils, panneaux et menus par la pratique
    Découvrir
    Photoshop est le logiciel de référence dans la retouche, le montage et le traitement d'image. Il contient aussi de nombreux outils, panneaux et menus, et il n'est pas toujours facile de choisir la bonne option ou le bon réglage pour obtenir le résultat souhaité. Dans cette formation, nous ferons un tour exhaustif des outils, des panneaux et des menus fondamentaux. Vous aurez ainsi une cartographie complète et détaillée de votre logiciel. Des mises en application simples vous seront proposées régulièrement et vous n'aurez plus qu'à adapter les techniques abordées à votre contexte professionnel.
    9h38 160 leçons
  • Photoshop 2024 - Créativité sans limites avec L'IA Firefly
    Découvrir
    Débloquez le potentiel complet de Photoshop CC 2024 et apprenez à transformer vos images en chefs-d'œuvre grâce à des techniques de sélection, des outils de transformation avancés, et exploitez la puissance de l'intelligence artificielle avec Firefly pour des créations toujours plus époustouflantes.
    1h43 20 leçons
  • Pack 7 formations
    Photoshop pour les pros
    Découvrir
    Découvrez "Photoshop pour les pros", un pack de formations en tutoriels vidéos conçu pour les professionnels souhaitant approfondir leur expertise sur les outils avancés de Photoshop. Le pack contient cinq formations : Les calques de réglages, Les masques de fusion, Composition de calque, Les modes de fusion et Les masques vectoriels. Avec ces formations, vous allez améliorer votre maîtrise de Photoshop et être capable de réaliser des créations graphiques professionnelles.
    9h05 158 leçons
  • Photoshop pour les pros - Les calques de réglages
    Découvrir
    À l’issue de cette formation, vous êtes capable de manier professionnellement les calques de réglages.
    1h25 20 leçons
  • Photoshop pour les pros - Les masques de fusion
    Découvrir
    À l’issue de cette formation, vous êtes capable d'utiliser professionnellement les masques de fusion.
    1h37 26 leçons