Convertir des images PNG, JPEG, WebP et AVIF dans le navigateur
Redimensionnez selon votre budget CDN, choisissez avec ou sans perte et prévisualisez la qualité — sans envoyer les fichiers sources vers des sites douteux.
D’autres utilitaires qui complètent bien ce guide :
Pourquoi c'est important
Le marketing envoie des bannières hero en PNG multi-mégaoctets parce que personne n'a prévu de fallback WebP. Les développeurs joignent des captures BMP aux issues GitHub et gonflent les clones. L'e-commerce exige du JPEG sous 200 Ko pendant que le design insiste sur la transparence alpha — d'où des allers-retours Photoshop manuels. Un convertisseur local dans le navigateur préserve les NDA et resserre la boucle pour expérimenter les matrices de formats par breakpoint.
Trois scénarios réels
Exportez des variantes AVIF/WebP depuis des masters PNG en réglant la qualité par breakpoint.
Gains LCP mesurables
Déposez un PNG exporté depuis Illustrator et émettez des comps JPEG lorsque la transparence est inutile.
Délai court
Réduisez la largeur et compressez avant upload des tickets.
Moins de rejets
Parcours
Ouvrez le convertisseur d'images.
Téléversez la ou les sources raster
PNG, JPEG, WebP, AVIF, GIF (première image), BMP — glissez depuis Finder ou l'Explorateur.
Choisissez le format cible
Alignez conteneur + codec sur la politique CDN (stacks modernes : WebP/AVIF avec fallback JPEG).
Ajustez les dimensions
Conservez le ratio ou fixez une longueur maximale pour les
srcsetresponsive.Affinez qualité ou sans perte
Les curseurs JPEG/WebP échangent taille et artefacts — zoomez l'aperçu pour juger les halos autour du texte.
Téléchargez les fichiers convertis
Renommez de façon cohérente (
hero@2x.webp) avant de commit dans le pipeline d'actifs statiques.
Conseils avancés
- Associez la compression si vous ne faites que réduire JPEG/WebP sans changer de format — voir compresser des images.
- Conservez les masters sans perte (PNG / AVIF lossless) dans Git LFS ; dérivez les variantes avec perte en CI en vous appuyant sur ce flux en prototypage.
- Attention à l'alpha : le JPEG ne préserve pas la transparence — choisissez PNG/WebP/AVIF quand les overlays l'exigent.
Pièges courants
Piège courant
Double compression
Re-encoder du JPEG déjà avec perte accumule les blocs — repartez d'exports bruts quand c'est possible.
Piège courant
Suppression de profil couleur
Certains navigateurs supposent sRGB après conversion — vérifiez la photo critique de marque sur écran étalonné si les profils ICC comptent.
Piège courant
Attentes GIF animé
Seule la première image est exportée sauf pipeline conscient de l'animation — clarifiez les besoins de mouvement en amont.
Quand ce n'est pas l'outil adapté
- Vectoriel vers raster à l'échelle : préférez Inkscape headless ou
rsvg-converten CI (tutoriel SVG vers PNG). - Développement RAW : darktable/Lightroom appliquent des corrections d'objectif au-delà des conversions raster rapides.
- Milliers de fichiers chaque nuit : planifiez des jobs
ffmpeg/magickcôté serveur avec audit de checksums.
FAQ
Les fichiers quittent-ils mon ordinateur ?
Non — décodage et encodage via APIs navigateur ; déconnectez le Wi‑Fi pour valider un flux air-gapped.
Pourquoi l'AVIF diffère sur Safari ?
Vérifiez les versions du décodeur — prévisualisez dans les navigateurs cibles lorsque le grain fin influence l'acceptation marque.
Puis-je conserver les métadonnées EXIF ?
Cela dépend du format de destination et des réglages — auditez la vie privée avant de garder les tags GPS.
Étapes suivantes
- Supprimez ou éditez l'EXIF sensible avec le tutoriel éditeur EXIF.
- Construisez des favicon ICO après nettoyage vectoriel via SVG vers ICO.
- Fusionnez des storyboards en PDF avec image vers PDF.