BreizhVibe

Tuto · Gérer le contenu de son site · Débutant

Des images légères pour un site rapide.

Une photo prise au téléphone pèse souvent plusieurs mégaoctets. Mise telle quelle sur un site, elle le ralentit, surtout sur mobile et dans les zones mal couvertes. Bonne nouvelle : trois réglages et un logiciel gratuit suffisent pour la rendre 10 à 20 fois plus légère, sans différence visible.

15 minutes Aucune connaissance technique Logiciels gratuits

Avant · photo du téléphone

≈ 3,5 Mo

4032 × 3024 px · JPEG ou HEIC

Après · prête pour le site

≈ 180 Ko

1200 × 900 px · JPEG qualité 80

Ordre de grandeur indicatif : le poids final dépend de la photo (un ciel uni pèse moins qu'un feuillage détaillé). Rappel : 1 Mo = 1 000 Ko.

L'essentiel

Trois règles à retenir.

01 · Les pixels

Pas plus grand qu'affiché

Un écran affiche rarement plus de 1920 pixels de large. Une photo de 4000 px oblige le visiteur à télécharger des pixels qu'il ne verra jamais. On réduit d'abord la taille.

02 · Le poids

Viser des kilo-octets

Le poids (en Ko) est ce que le visiteur télécharge. Après la réduction, on compresse : une qualité autour de 75 à 85 % est invisible à l'œil et divise encore le poids.

03 · Le format

Le bon format pour le bon usage

Une photo n'a pas les mêmes besoins qu'un logo. Choisir le bon format évite des fichiers trop lourds ou des contours baveux.

Les repères par usage

Des valeurs de départ simples. Si votre image dépasse un peu, ce n'est pas grave ; si elle pèse 10 fois plus, il faut la retravailler.

Usage Largeur en pixels Poids visé Format conseillé
Bannière pleine largeur 1600 à 1920 px moins de 300 Ko JPEG ou WebP
Photo dans un article 1200 px moins de 200 Ko JPEG ou WebP
Portrait, photo d'équipe 800 px moins de 120 Ko JPEG ou WebP
Vignette, carte, galerie 400 à 600 px moins de 60 Ko JPEG ou WebP
Logo, pictogramme vectoriel, ou 2× la taille affichée moins de 30 Ko SVG, sinon PNG
Capture d'écran, affiche avec texte 1200 px moins de 250 Ko PNG ou WebP

Les formats, en clair

.jpg

Les photos. Lu partout, bonne compression. Pas de transparence. Le choix sûr.

.webp

Photos et graphismes. Plus léger que JPEG à qualité égale, gère la transparence, lu par tous les navigateurs actuels.

.png

Logos, textes, transparence. Net sur les aplats et les lettres, mais très lourd pour une photo.

.svg

Logos et icônes. Dessin vectoriel : net à toutes les tailles, souvent quelques Ko.

À éviter sur un site : HEIC (photos d'iPhone), TIFF, BMP et RAW — à convertir en JPEG ou WebP avant de publier. Le GIF animé est très lourd : préférez une courte vidéo.

Les outils

Gratuits, et largement suffisants.

Nouveau · automne 2026 Windows · Mac · Linux

Photon Studio

L'alternative gratuite à Photoshop.

Le nouveau venu qui change la donne : un vrai logiciel de retouche professionnel, gratuit, sans abonnement ni compte, qui fonctionne hors ligne. Il reprend l'interface et les raccourcis de Photoshop et ouvre même les fichiers PSD, calques compris. Idéal si vous venez de Photoshop ou si vous voulez aller plus loin que PhotoFiltre.

Découvrir Photon Studio

Utile pour ce tuto

  • Recadrage, taille de l'image, export
  • Export en JPEG, PNG et WebP
  • Détourage et suppression du fond par IA, sur votre ordinateur
  • Ouvre les photos RAW des appareils photo

Logiciel tout récent : quelques défauts de jeunesse sont signalés, corrigés au fil des mises à jour.

Conseillé Windows

PhotoFiltre 7

Logiciel français, simple et léger. Gratuit pour un usage privé et pour les associations ; un usage professionnel demande la licence PhotoFiltre Studio X.

photofiltre-studio.com
Le plus simple Navigateur

Squoosh

Application web gratuite, sur PC, Mac ou téléphone, sans rien installer. Compare l'avant et l'après côte à côte et exporte en WebP ou JPEG. Une image à la fois.

squoosh.app
Windows · Mac · Linux

GIMP

Logiciel libre et complet, gratuit pour tous les usages. Plus puissant, mais demande un peu de prise en main.

gimp.org
Par lots

XnConvert

Pour traiter 50 photos d'un coup : même taille, même qualité, même format. Gratuit pour un usage privé ou associatif.

xnview.com

Pas à pas

Préparer une photo pour un article.

Avec PhotoFiltre 7

Objectif : 1200 px de large, moins de 200 Ko.

  1. 1
    Gardez l'original de côté. Travaillez toujours sur une copie, dans un dossier « web ».
  2. 2
    Ouvrez l'image avec Fichier › Ouvrir.
  3. 3
    Recadrez si besoin : tracez un rectangle avec l'outil de sélection, puis Image › Recadrer. Enlever le superflu allège aussi l'image.
  4. 4
    Réduisez la taille : Image › Taille de l'image. Cochez « Conserver les proportions » et tapez 1200 dans la largeur, en pixels.
  5. 5
    Enregistrez en JPEG : Fichier › Enregistrer sous, type JPEG, avec un nouveau nom. Réglez la qualité autour de 80.
  6. 6
    Vérifiez le poids : dans l'explorateur Windows, clic droit › Propriétés. Trop lourd ? Recommencez avec une qualité de 70.

Avec Squoosh

Sur n'importe quel appareil.

  1. Ouvrez squoosh.app et déposez votre photo.
  2. Activez « Resize » et tapez la largeur voulue.
  3. Choisissez WebP ou MozJPEG, qualité 75 à 80.
  4. Lisez le poids final en bas de l'écran et faites glisser le curseur pour comparer.
  5. Cliquez sur le bouton de téléchargement.

Toujours dans cet ordre

D'abord recadrer, puis réduire en pixels, et compresser en dernier. Compresser une image trop grande ne suffit jamais.

Bonnes habitudes

Au-delà du poids.

Un nom de fichier clair

Minuscules, tirets, sans espaces ni accents. Il aide aussi les moteurs de recherche.

fest-noz-kalanna-scene.jpg

Un texte alternatif

Décrivez l'image en une phrase dans le champ « texte alternatif » : il est lu aux personnes malvoyantes et s'affiche si l'image ne charge pas.

Les droits

Publiez vos photos ou des images libres de droits, citez le photographe, et demandez l'accord des personnes reconnaissables.

La localisation cachée

Les photos de téléphone peuvent contenir le lieu de prise de vue (données EXIF). Un nouvel export les supprime souvent : vérifiez dans les Propriétés du fichier.

Aide-mémoire

Avant de publier une image.

À imprimer et garder près de l'ordinateur.

  • J'ai travaillé sur une copie, l'original est rangé ailleurs.
  • La largeur ne dépasse pas l'usage : 1920 px au grand maximum.
  • Le poids est en Ko, pas en Mo (moins de 300 Ko pour une grande photo).
  • Photo en JPEG ou WebP, logo en SVG ou PNG.
  • Le nom du fichier est clair, sans espaces ni accents.
  • J'ai rempli le texte alternatif.
  • J'ai le droit de publier cette image.