Comment redimensionner les images étape par étape
Réponse rapide
Pour redimensionner une image : ouvrez Image Resizer, téléchargez votre image, entrez la largeur ou la hauteur cible (l'autre dimension est calculée automatiquement pour préserver les proportions) et téléchargez l'image redimensionnée. Tout le traitement s'effectue localement à l'aide du Canvas API — votre image n'est jamais téléchargée.
Introduction
Redimensionner une image modifie ses dimensions (largeur et hauteur en pixels). Ceci est essentiel pour les images Web (qui nécessitent des dimensions spécifiques pour la mise en page et les performances), les publications sur les réseaux sociaux (qui nécessitent des tailles exactes par plate-forme) et les miniatures. Le redimensionnement diffère de la compression : le redimensionnement modifie les dimensions, la compression réduit la taille du fichier. Ce guide vous montre comment redimensionner des images dans votre navigateur à l'aide d'un outil en ligne gratuit.
Pas à pas
-
Ouvrez l'outil Image Resizer
Accédez à la page de l'outil Image Resizer. L'outil prend en charge JPEG, PNG, WebP et BMP et traite les images localement à l'aide du Canvas API.
-
Téléchargez votre image
Cliquez sur télécharger ou faites glisser et déposez votre image sur l'outil. L'outil affiche les dimensions d'origine (par exemple 4 000 x 3 000 pixels) et la taille du fichier.
-
Saisissez les dimensions cibles
Entrez la nouvelle largeur ou hauteur. Si « Conserver les proportions » est activé (par défaut), l'autre dimension est calculée automatiquement pour éviter toute distorsion. Par exemple, changer la largeur de 4 000 à 800 définit automatiquement la hauteur de 3 000 à 600.
-
Choisissez la méthode de rééchantillonnage (facultatif)
Certains outils proposent des options de rééchantillonnage : bilinéaire (rapide, de qualité inférieure) ou bicubique (plus lent, de meilleure qualité). Pour la réduction d'échelle, bicubique produit des résultats plus nets. La valeur par défaut drawImage() du navigateur est généralement suffisante.
-
Téléchargez l'image redimensionnée
Cliquez sur Télécharger pour enregistrer l'image redimensionnée. L'outil affiche les nouvelles dimensions et la taille du fichier. Vérifiez que le résultat semble correct avant de l'utiliser.
Exemples
Redimensionner pour l'affichage Web
Saisir: photo.jpg (4000x3000, 4,5 Mo)
Sortir: photo-web.jpg (800x600, 180 Ko) — Réduction de taille de 96 %
Redimensionner pour la vignette des réseaux sociaux
Saisir: image.png (2000x2000)
Sortir: thumb.png (300x300) — vignette carrée
Redimensionner sans rapport hauteur/largeur (distorsion)
Saisir: photo.jpg (4000x3000, maintenir le rapport : désactivé)
Sortir: photo.jpg (800x800) — étiré/déformé
Problèmes courants
- Distorsion due à la rupture du rapport hauteur/largeur : la désactivation de « conserver le rapport hauteur/largeur » étire l'image. Gardez-le toujours sauf si vous souhaitez intentionnellement une distorsion.
- La mise à l'échelle produit des images floues : l'agrandissement d'une image au-delà de sa taille d'origine crée des résultats flous et pixellisés. Utilisez la mise à l'échelle AI pour une meilleure qualité.
- Redimensionnement à des dimensions incorrectes pour le cas d'utilisation : vérifiez les exigences de la plate-forme cible. Par exemple, les images Open Graph doivent être de 1 200 x 630 et les cartes Twitter de 1 200 x 675.
- Redimensionnement sans compression : une image de 4 000 px redimensionnée à 800 px mais enregistrée à 100 % de qualité JPEG est toujours volumineuse. Combinez le redimensionnement et la compression.
Conseils
- Redimensionnez les images aux dimensions exactes de l'affichage : la diffusion d'une image de 4 000 px pour un affichage de 800 px gaspille de la bande passante et ralentit le chargement des pages.
- Utilisez les dimensions Web courantes : 1 920 x 1 080 (héros), 1 200 x 630 (social), 800 x 600 (contenu), 300 x 300 (vignette).
- Conservez toujours les proportions pour éviter toute distorsion. L'exception est lorsque vous recadrez intentionnellement selon un rapport spécifique.
- Utilisez notre Image Resizer pour un traitement instantané et privé : vos images ne quittent jamais votre navigateur.