Captures d'écran en image : Sauvegarder et optimiser vos captures

Dernière mise à jour : June 28, 2026

Une capture d'écran n'est qu'un fichier image, mais le format dans lequel vous l'enregistrez détermine si le texte reste net ou se transforme en un désordre flou. Les captures d'écran sont principalement composées de couleurs et de textes plats, ce qui signifie qu'elles se compressent mal en JPEG et très bien en PNG ou WebP sans perte (lossless). Ce guide explique comment capturer des captures d'écran sur chaque plateforme, quel format choisir, et comment les réduire pour le web sans perdre la lisibilité.

Réponse rapide : dans quel format devriez-vous enregistrer une capture d'écran ?

Enregistrez les captures d'écran en PNG pour l'édition et l'archivage, puis convertissez-les en WebP sans perte pour le web. Le PNG préserve les arêtes nettes du texte et des éléments d'interface utilisateur (UI), tandis que WebP vous offre la même qualité sans perte avec environ la moitié de la taille de fichier. Évitez JPEG pour les captures d'écran — sa compression transforme un texte net en artefacts estompés. Pour une capture d'écran destinée à un site web, redimensionnez d'abord ses dimensions aux dimensions d'affichage, puis comprimez le WebP sans perte.

Comment faire une capture d'écran sur chaque plateforme ?

L'étape de capture diffère selon l'appareil, mais chaque plateforme dispose d'un raccourci intégré.

• Sur Windows, Win + Impr. Écran enregistre directement un fichier dans le dossier Captures d'écran.
• Sur macOS, ajoutez Ctrl à n'importe quel raccourci pour copier dans le presse-papiers au lieu d'enregistrer un fichier.
• Sur un écran haute-DPI, capturez en 2x et redimensionnez pour de meilleurs résultats sur les écrans standard.

Pourquoi PNG est-il le bon format pour les captures d'écran ?

Les captures d'écran sont différentes des photographies. Une photo a des dégradés lisses et des millions de couleurs ; une capture d'écran a des blocs de couleur plats, des arêtes vives et du texte. JPEG a été conçu pour les photos, il essaie donc de flouter les transitions nettes d'une capture d'écran, ce qui donne un artefact visible autour de chaque lettre.

PNG est sans perte (lossless), il enregistre donc chaque pixel exactement. Le compromis est la taille du fichier — un PNG plein écran peut faire plusieurs mégaoctets. WebP sans perte résout ce problème, offrant la même qualité parfaite au pixel pour une taille beaucoup plus petite. La comparaison WebP vs JPEG explique exactement où chaque format gagne, et le guide de WebAIM sur les formats d'images aborde l'angle de l'accessibilité — des captures d'écran lisibles sont importantes pour les utilisateurs qui en dépendent comme documentation.

Optimiser les captures d'écran pour le web

Une capture d'écran brute est généralement beaucoup plus grande qu'elle ne devrait l'être pour être affichée. La séquence d'optimisation est la même à chaque fois.

1. Recadrez le chrome du navigateur, les barres des tâches et tout élément non pertinent avec l'outil de recadrage d'images.
2. Redimensionnez aux dimensions d'affichage exactes — servir une image de 2560px dans un emplacement de 640px gaspille de la bande passante.
3. Convertissez PNG en WebP sans perte pour le web. Si la capture d'écran est une interface utilisateur riche en photos, un WebP qualité-85 peut être plus petit avec une perte acceptable.
4. Vérifiez le résultat à 100 % de zoom pour confirmer que le texte reste net.

Comment faire une capture d'écran de page complète ?

Une capture d'écran de page complète capture toute une page défilante, pas seulement la zone visible. Tous les principaux navigateurs peuvent désormais faire cela sans outils supplémentaires.

• Chrome / Edge / Firefox : Ouvrez DevTools (F12), ouvrez le menu des commandes (Ctrl+Shift+P), tapez "screenshot", et choisissez "Capture full size screenshot".
• Safari : Activez le menu Développeur, puis Développer > Afficher l'inspecteur web > faites une capture d'écran de la page.
• Extensions : GoFullPage et similaires capturent les longues pages et exportent un seul PNG ou PDF.

Une capture d'écran de page complète est le seul moyen de documenter une mise en page défilante dans une seule image. Pour un examen plus approfondi du dimensionnement pour le web, le guide des images réactives explique comment servir différentes dimensions à différents écrans.

Traitement par lots des captures d'écran

Si vous maintenez un site de documentation ou un centre d'aide, vous accumulez des centaines de captures d'écran qui nécessitent toutes le même traitement : recadrage, redimensionnement, compression. Faire cela une par une n'est pas évolutif.

L'approche pratique est d'appliquer les mêmes paramètres à tous les fichiers d'un dossier. Redimensionner à la largeur d'affichage documentée, convertir PNG en WebP sans perte, et écrire le résultat dans un nouveau dossier afin que les originaux restent intacts. Cela maintient chaque capture d'écran dans un article d'aide à une taille et un format cohérents, ce qui donne au site entier une apparence cohérente plutôt qu'assemblée de morceaux.

• Conservez les maîtres PNG dans un dossier d'archives ; ce sont vos sources sans perte.
• Nommez les captures d'écran par fonctionnalité, et non par date, afin qu'elles restent trouvables.
• Réexécutez le lot lorsque vous adoptez une nouvelle largeur d'affichage pour que les anciennes captures correspondent aux nouvelles.

Pour les mécanismes sous-jacents de la manière dont WebP sans perte atteint des fichiers plus petits que PNG, le guide de compression Google WebP explique le codage prédictif qui rend ce format efficace sur les régions d'interface utilisateur plates.

Problèmes et solutions courants des captures d'écran

• Le texte est flou dans le fichier exporté — vous avez enregistré en JPEG. Passez à PNG ou WebP sans perte.
• Le fichier est trop volumineux pour être téléchargé — redimensionnez aux dimensions d'affichage et convertissez en WebP avant de télécharger.
• La capture d'écran a la mauvaise résolution sur un écran haute-DPI — capturez en 2x et redimensionnez, ou vérifiez le paramètre DPI de l'outil.
• Fond blanc là où vous attendiez une transparence — la plupart des outils de capture ne prennent pas en charge la transparence ; utilisez un outil qui exporte PNG avec un canal alpha.
• La capture d'écran montre le mauvais moniteur — sur les configurations multi-moniteurs, le raccourci capture l'affichage principal ; utilisez l'outil de capture pour sélectionner la bonne région.

Quand faut-il utiliser des captures d'écran ?

Les captures d'écran sont des outils de documentation. Elles sont le bon choix lorsque vous devez montrer exactement à quoi ressemblait un écran — un rapport de bug, une étape de tutoriel, une évaluation d'application. Elles sont le mauvais choix lorsqu'une illustration propre ou une photo recadrée communiquerait mieux, car une capture d'écran porte avec elle l'encombrement de l'interface utilisateur qui détourne l'attention du point. Recadrez étroitement sur la zone pertinente, enregistrez en PNG ou WebP sans perte, et redimensionnez pour la destination. Bien fait, une capture d'écran est considérée comme une preuve ; mal faite, elle est considérée comme du bruit.

Questions fréquemment posées

Quel format dois-je utiliser pour sauvegarder une capture d'écran ?

PNG, pour un texte et des arêtes nets et une qualité sans perte — la compression JPEG rend le texte boueux. Pour l'utilisation sur le web, convertissez le PNG en WebP pour réduire sa taille. Les captures d'écran sont des graphiques, traitez-les donc comme tels, pas comme des photos.

Comment faire une capture d'écran sur chaque plateforme ?

macOS : Cmd+Shift+3 (plein écran) ou Cmd+Shift+4 (sélection). Windows : Win+Shift+S (Outil Capture) ou Impr. Écran. Linux : l'outil de capture d'écran ou gnome-screenshot. Chaque plateforme dispose également d'une option de capture de page complète dans le navigateur.

Pourquoi PNG est-il le bon format pour les captures d'écran ?

Parce que les captures d'écran sont principalement composées de texte net, d'arêtes et de couleurs plates — exactement ce que la compression JPEG endommage. Le PNG préserve ces arêtes sans perte. Pour la livraison sur le web, convertissez le PNG en WebP pour réduire la taille du fichier.

Comment faire une capture d'écran de page complète ?

Utilisez la fonction intégrée de capture de page complète du navigateur (DevTools ou une extension de navigateur). Elle fait défiler et assemble toute la page en une seule image haute. Utile pour documenter une mise en page complète ou un long article.

Puis-je modifier une capture d'écran ?

Oui — ouvrez-la dans un éditeur pour recadrer, annoter ou masquer des informations. Conservez les modifications sans perte (PNG) jusqu'à l'exportation finale, puis convertissez en WebP pour le web. Les captures d'écran sont des graphiques ; traitez-les comme tels, pas comme des photos.

Comment optimiser une capture d'écran pour le web ?

Gardez-la en PNG pour l'édition, puis convertissez-la en WebP pour la livraison afin de réduire la taille. Redimensionnez à la largeur d'affichage. Les captures d'écran sont du texte net et des couleurs plates, donc PNG les préserve sans perte et WebP les réduit — JPEG endommagerait les arêtes du texte. Voir le guide de compression.

Comment faire une capture d'écran de page complète ?

Utilisez la fonction intégrée de capture de page complète du navigateur : dans DevTools Chrome, exécutez une commande-screenshot du viewport complet, ou utilisez une extension de navigateur qui fait défiler et assemble toute la page en une seule image haute. C'est le moyen fiable de capturer un long article ou une mise en page complète qui ne tient pas sur un seul écran.