Utilisation de la commande 'Enregistrer pour le web'
Objectifs
Les objectifs de cette vidéo sont de :
- Présenter l'importance de l'optimisation des images pour le web
- Expliquer comment utiliser la commande 'Enregistrer pour le web' de Photoshop
- Comparer différents formats d'image et leurs implications sur la qualité et le poids
- Fournir des conseils pour choisir les meilleures options d'optimisation
Résumé
Apprenez à optimiser vos images pour le web en utilisant la commande Enregistrer pour le web dans Photoshop.
Description
Après avoir réalisé les maquettes, il est indispensable de créer les différents éléments qui constitueront la page HTML, notamment les images. Pour cela, il faut utiliser la commande Enregistrer pour le web dans Photoshop. Cette commande permet d'optimiser parfaitement les images pour différents formats tels que JPEG, GIF et PNG.
La boîte de dialogue de cette commande présente généralement quatre vignettes permettant de comparer le poids et la qualité de l'image dans différents formats. Par exemple, les formats GIF, JPEG, et PNG peuvent être comparés facilement. Ensuite, il est possible de comparer différentes qualités d'un même format pour choisir le meilleur compromis entre qualité et poids de l'image. En effet, une qualité JPEG de 80 est souvent suffisante pour une image destinée au web et a un poids beaucoup plus faible qu'une qualité de 100.
Il est également possible de modifier la taille de l’image de sortie au dernier moment. Enfin, pour des fichiers de type logo, il est recommandé d'utiliser les formats GIF ou PNG avec transparence, plutôt que le format JPEG.
Questions - réponses
Programme détaillé
Module 1 - Introduction video
Module 2 - Principes généraux
Module 3 - Réaliser une maquette en responsive Design
Module 4 - Maitriser l'intégration en Responsive Design
Module 5 - Le travail des textes
Module 6 - Intégrer des images optimisées
Module 7 - Une réalisation complète
Module 8 - Connaissances complémentaires
Module 9 - Conclusion
