Aller au contenu principal
Transformation d’image

Compresseur et redimensionneur d’images

Traitez localement jusqu'à 20 PNG, JPEG ou WebP via Canvas, avec limites facultatives de 400–3000 px et qualité JPEG/WebP de 10 à 100%. Parfait pour optimiser des images web, réduire le poids de pages ou préparer des assets pour CDN. Aucun upload, traitement 100% navigateur.

Outils image

Glissez les images iciPNG, JPEG, WebP jusqu'à 50 Mo chacun

Ajoutez ou sélectionnez une image pour comparer avant et après compression.

75%
1200px
1200px
La compression s'exécute entièrement en mémoire dans le navigateur avec Canvas. Aucun téléversement n'est effectué.

En bref

Redimensionnez et réencodez sans téléversement en tenant compte de la mémoire décodée, des métadonnées perdues, de la transparence, des encodeurs variables et de PNG sans qualité réglable.

Fonctionnalités prises en charge

  • PNG, JPEG/JPG ou WebP choisi ou déposé ; 20 fichiers maximum, 50 Mo chacun et 10 000 pixels au plus sur chaque dimension source décodée.
  • FileReader produit une data URL, Image décode, les dimensions sont ajustées proportionnellement, Canvas dessine puis toBlob encode séquentiellement.
  • Chaque résultat conserve le MIME original ou demande JPEG/WebP, puis se télécharge avec _compressed ; tailles et économie proviennent des blobs réels.
  • Compressez/redimensionnez puis créez une data URL avec Base64 File Converter uniquement si le format d’intégration l’exige.
  • Non. Canvas perd généralement métadonnées et animation, peut modifier la couleur et peut produire un fichier plus gros.

Comment utiliser Compresseur et redimensionneur d’images

Réalisez un flux Compresseur et redimensionneur d’images vérifiable dans ce navigateur.

  1. 1

    Étape 1

    Fournir l’entrée exacte

    PNG, JPEG/JPG ou WebP choisi ou déposé ; 20 fichiers maximum, 50 Mo chacun et 10 000 pixels au plus sur chaque dimension source décodée.

  2. 2

    Étape 2

    Régler les contrôles disponibles

    Qualité 10–100 %, largeur/hauteur maximale facultative 400–3000 px, sortie Original/JPEG/WebP et intention de retirer les métadonnées.

  3. 3

    Étape 3

    Exécuter l’opération

    FileReader produit une data URL, Image décode, les dimensions sont ajustées proportionnellement, Canvas dessine puis toBlob encode séquentiellement.

  4. 4

    Étape 4

    Vérifier le résultat

    Pour 2400×1600 avec deux maxima à 1200, exigez 1200×800 ; vérifiez MIME, transparence, orientation et artefacts du téléchargement.

  5. 5

    Étape 5

    Continuer ou exporter

    Compressez/redimensionnez puis créez une data URL avec Base64 File Converter uniquement si le format d’intégration l’exige.

Erreurs fréquentes

Estimer la mémoire du navigateur uniquement avec la taille compressée

Conséquence: Un fichier peut coexister en octets source, data URL Base64, pixels RGBA décodés, Canvas et blob de sortie. Un fichier autorisé de 50 Mo ou un lot important peut donc utiliser plusieurs fois sa taille disque et bloquer l’onglet.

Correction: Contrôlez les dimensions décodées et la taille du lot, traitez le plus petit lot utile et fermez les autres onglets gourmands avant de grandes images.

Convertir une image transparente en JPEG sans examiner les pixels aplatis

Conséquence: JPEG ne représente pas l’alpha. L’encodeur doit aplatir les pixels transparents ou semi-transparents ; logos, ombres et détourages peuvent recevoir un fond ou des contours inattendus.

Correction: Gardez PNG ou un WebP vérifié si la transparence compte, ou aplatissez sur un fond choisi avant JPEG puis inspectez les pixels téléchargés.

Oublier ce cas limite : Pourquoi PNG ignore-t-il la qualité ou le résultat varie-t-il selon le navigateur ?

Conséquence: La qualité Canvas n’est qu’une indication pour les formats avec pertes ; PNG n’a pas ce réglage, les encodeurs diffèrent et un MIME non pris en charge peut retomber sur PNG.

Correction: Contrôlez le MIME du Blob et les pixels dans chaque navigateur cible ; acceptez JPEG/WebP seulement si perte et alpha conviennent.

Bonnes pratiques

  • Pour 2400×1600 avec deux maxima à 1200, exigez 1200×800 ; vérifiez MIME, transparence, orientation et artefacts du téléchargement.
  • Contrôlez le MIME du Blob et les pixels dans chaque navigateur cible ; acceptez JPEG/WebP seulement si perte et alpha conviennent.
  • Gardez les originaux et comparez à 100 % avant de supprimer les sources.

Flux de travail liés

Redimensionner, encoder et inspecter une image publiable

Compresseur et redimensionneur d’imagesRedimensionneur d’imageConvertisseur de fichier en data URL Base64

Compressez/redimensionnez puis créez une data URL avec Base64 File Converter uniquement si le format d’intégration l’exige.

  1. Conserver les sources et noter dimensions décodées, orientation et transparence
  2. Choisir des limites proportionnelles et un format adapté aux besoins d’alpha et de qualité
  3. Compresser localement un petit lot et attendre chaque blob
  4. Contrôler dimensions, MIME, alpha, orientation, taille et artefacts à 100 %
  5. Publier le fichier vérifié ou créer une data URL uniquement si le format destinataire exige l’intégration

Limites du navigateur

  • La qualité Canvas n’est qu’une indication pour les formats avec pertes ; PNG n’a pas ce réglage, les encodeurs diffèrent et un MIME non pris en charge peut retomber sur PNG.
  • Source, data URL Base64, pixels décodés, Canvas et blob peuvent coexister ; 50 Mo de fichier ne prédit pas la mémoire.
  • Encodeurs et qualité Canvas varient ; téléchargements exigent un geste et les images corrompues peuvent échouer au décodage.

Ressources de référence

HTML Standard: Serializing bitmaps to a fileÉditeur: WHATWG · Révisé: 2026-07-26File APIÉditeur: W3C · Révisé: 2026-07-26PNG Specification, Third EditionÉditeur: W3C · Révisé: 2026-07-26

Exemples concrets

Entrée
photo.jpg : 2400×1600 ; max 1200×1200 ; sortie JPEG
Résultat
photo_compressed.jpg : 1200×800

Le rapport 3:2 donne ces dimensions déterministes ; le nombre d’octets dépend du contenu et de l’encodeur.

Questions fréquentes

Quels formats, nombres de fichiers, tailles et dimensions décodées sont acceptés ?

PNG, JPEG/JPG ou WebP choisi ou déposé ; 20 fichiers maximum, 50 Mo chacun et 10 000 pixels au plus sur chaque dimension source décodée.

Pourquoi PNG ignore-t-il la qualité ou le résultat varie-t-il selon le navigateur ?

La qualité Canvas n’est qu’une indication pour les formats avec pertes ; PNG n’a pas ce réglage, les encodeurs diffèrent et un MIME non pris en charge peut retomber sur PNG.

Animation, EXIF, profils couleur et réduction de taille sont-ils garantis ?

Non. Canvas perd généralement métadonnées et animation, peut modifier la couleur et peut produire un fichier plus gros.

Que faut-il inspecter en plus de l’économie d’octets affichée ?

Pour 2400×1600 avec deux maxima à 1200, exigez 1200×800 ; vérifiez MIME, transparence, orientation et artefacts du téléchargement.

Les sources, pixels décodés ou blobs résultants sont-ils téléversés ?

Octets, pixels, Canvas et blobs restent sur l’appareil sans téléversement ; téléchargements et hors ligne suivent le navigateur.

Quand une data URL Base64 constitue-t-elle une étape pertinente ?

Compressez/redimensionnez puis créez une data URL avec Base64 File Converter uniquement si le format d’intégration l’exige.

Confidentialité et fonctionnement hors ligne

Octets, pixels, Canvas et blobs restent sur l’appareil sans téléversement ; téléchargements et hors ligne suivent le navigateur.