Optimisation des GIFs pour le Web
Apprenez à réduire la taille de vos fichiers GIF tout en maintenant les couleurs critiques, en utilisant Photoshop.
Introduction de la formation à Photoshop CC pour le Web
Les raccourcis utiles de Photoshop CC
Création de formes vectorielles, édition de formes
Les réglages élémentaires de Photoshop
Exporter individuellement les images bitmaps pour le Web
Exporter un SVG depuis Photoshop CC
Créer plusieurs versions dune composition Photoshop CC
Réaliser un Gif animé
Réaliser un rollOver CSS
Réaliser un Sprite Sheet (animation pelliculée)
Exporter une page XHTML statique à laide de loutil Tranches
Réaliser une composition HTML5 sémantique à partir de Photoshop
Gérer les styles CSS de formes primitives avec Photoshop
Gérer les styles CSS de textes éditables avec Photoshop
Exporter les calques par lot à laide de lextension Photoshop Generator
Générer automatiquement les icones dune application mobile
Exporter une composition Photoshop vers les autres logiciels Adobe
Réaliser un Gif vidéo
Réaliser un montage vidéo pour le Web avec Photoshop
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est nécessaire de:
- Avoir des notions de base en Photoshop.
- Connaître les principes de la compression d'image.
Métiers concernés
Les professionnels suivants trouveront cette vidéo particulièrement utile:
- Graphistes spécialisés en animation.
- Développeurs Web devant optimiser le contenu visuel.
- Marketeurs créant des bannières publicitaires en ligne.
Alternatives et ressources
En l'absence de Photoshop, on peut utiliser:
- GIMP pour des tâches similaires de traitement d'images.
- Des outils en ligne comme Ezgif.com pour une compression simple.
Questions & Réponses