Optimisation des Images pour le Web avec Photoshop
Découvrez les étapes essentielles pour enregistrer vos images au format web via Photoshop, en utilisant les formats JPEG, GIF, et PNG.
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, nous explorons plusieurs images avec différents styles graphiques dans Photoshop afin de bien comprendre les effets des formats de fichiers, notamment JPEG, GIF et PNG. Nous ouvrons les documents sous forme d'onglets pour faciliter la comparaison. L'objectif est de maîtriser la fenêtre d'enregistrement pour le web. Nous apprenons à adapter la taille de la fenêtre, à utiliser les différents onglets pour visualiser les versions optimisées de nos images et à choisir les meilleurs réglages de compression. Les fonctions zoom et déplacement sont également expliquées pour optimiser la visualisation de nos compositions avant d'enregistrer. Enfin, nous passons en revue les détails techniques et les avantages d'utiliser 'Enregistrer pour le Web' plutôt que 'Enregistrer sous' pour bénéficier de meilleurs algorithmes de compression et de réglages adaptés aux exigences actuelles du web.
Objectifs de cette leçon
À la fin de cette vidéo, vous serez capable de :
- Utiliser la fenêtre 'Enregistrer pour le Web' de Photoshop.
- Comparer les effets de compression entre JPEG, GIF et PNG.
- Optimiser la taille et la qualité des images pour le web.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez avoir :
- Des connaissances de base en Photoshop.
- Une compréhension des différents formats de fichiers image.
Métiers concernés
Les compétences abordées dans cette vidéo sont particulièrement utiles pour les professions suivantes :
- Graphiste
- Web Designer
- Responsable Marketing Digital
Alternatives et ressources
Comme alternatives, vous pouvez utiliser des logiciels tels que GIMP ou Affinity Photo, qui proposent également des fonctionnalités d'optimisation d'images pour le web.
Questions & Réponses