Photoshop — Retouche d’images pour le web : préparer, optimiser et exporter ses visuels
Produire des images rapides à charger et nettes sur tous les écrans à partir de sources hétérogènes
- Certifié Qualiopi
- 2 jours — 14 h
- Présentiel ou à distance
- Fondamental
- Finançable OPCO
Les images d'un site arrivent de partout : photos de produits captures d'écran banques d'images et visuels fournis par le client. Certaines pèsent trop lourd et ralentissent l'affichage des pages. D'autres se déforment sur mobile ou perdent leur sujet au recadrage. Les exports sont refaits à la main à chaque changement de gabarit.
Ces 14 heures traitent la préparation des images destinées à l'écran. Les participants normalisent leurs sources travaillent les recadrages selon les points de rupture et maîtrisent le compromis entre poids et qualité perçue. Ils mettent enfin en place des exports répétables et des maquettes d'écran lisibles par les développeurs.
Objectifs pédagogiques
- Normaliser une image source en définition et en espace colorimétrique
- Recadrer un visuel pour plusieurs tailles d'écran sans perdre le sujet
- Choisir le format de fichier adapté au contenu de l'image
- Régler le compromis entre poids du fichier et qualité perçue
- Automatiser l'export d'une série d'images vers plusieurs tailles
- Préparer une maquette d'écran exploitable par un développeur
Programme de la formation
Avant la formation
Analyse du besoin et test de positionnement. Vos réponses sont partagées avec votre formateur afin d'adapter la formation à votre niveau et votre contexte professionnel.
Partir d'une image saine
- Définition taille d'affichage et densité d'écran
- Espaces colorimétriques et conversion pour l'écran
- Nettoyage recadrage et redressement
- Calques non destructifs et objets réutilisables
Des visuels lisibles en petite taille
- Détourage et fonds transparents
- Corrections de lumière et de contraste
- Netteté adaptée à la taille de diffusion
- Habillage texte et zones de sécurité
Le compromis qui décide du temps de chargement
- Formats matriciels et cas d'usage de chacun
- Réglages de compression et effets visibles
- Images vectorielles pour les éléments d'interface
- Versions adaptées aux écrans à forte densité
Livrer un lot exploitable
- Recadrages multiples selon les points de rupture
- Exports automatisés vers plusieurs tailles
- Nommage et organisation des fichiers livrés
- Maquette d'écran annotée pour l'intégration
Après la formation
E-learning accessible en illimité dans le temps. Évaluation de niveau afin de suivre votre progression.
Les points forts
Les avis de nos apprenants
Prochaines sessions
Aucune session programmée sur ce lieu pour le moment. Demandez une date.
À qui s'adresse cette formation ?
Intégrateurs webmestres chargés de communication et graphistes débutants amenés à préparer des images pour un site ou une boutique en ligne.
Financer cette formation
Mon Pôle Formation est un organisme certifié Qualiopi au titre des actions de formation. À ce titre, cette formation est éligible aux principaux dispositifs de financement de la formation professionnelle.
Le plan de développement des compétences regroupe l'ensemble des actions de formation décidées par l'employeur. Votre OPCO prend généralement en charge les coûts pédagogiques, et parfois la rémunération, les frais de transport, de repas et d'hébergement.
Tous les salariés peuvent en bénéficier, quels que soient la nature et la durée de leur contrat. Rapprochez-vous de votre service RH ou formation : nous montons le dossier avec vous.
Vous versez chaque année une Contribution à la Formation Professionnelle. Elle ouvre droit à une prise en charge par votre fonds d'assurance formation : FIFPL, AGEFICE, FAFCEA, VIVEA ou OPCO selon votre activité.
Nous préparons pour vous le devis, le programme détaillé et l'attestation nécessaires au dossier.
Selon votre projet professionnel, France Travail peut financer tout ou partie de la formation via l'Aide Individuelle à la Formation. Le dossier se construit avec votre conseiller à partir de notre devis.
Vous pouvez régler la formation directement, en une fois ou jusqu'à 6 fois sans frais. Contactez un conseiller pour définir l'échéancier : 01 87 66 57 66.
Questions fréquentes
Elle porte sur la préparation et l'optimisation, pas sur la création d'illustrations. Le fil conducteur va de la normalisation d'une image source en définition et en espace colorimétrique jusqu'à l'export dans le format attendu par le site ou la boutique en ligne.
Le recadrage multiformat est traité dans Photoshop à partir de la zone à préserver et des points de rupture d'affichage. Vous apprenez à définir un cadrage de référence, à décliner les variantes attendues et à automatiser l'export d'une série d'images vers plusieurs tailles.
Un jeu d'images exportées aux formats et aux tailles utiles, accompagné d'une maquette d'écran exploitable. Vous savez également arbitrer le compromis entre poids du fichier et qualité perçue, et justifier le choix du format selon le contenu de l'image.