Redimensionner des images en ligne — Gratuit et instantané

Ce que le redimensionnement change réellement

Le redimensionnement change le nombre de pixels dans une image. Une photo de 4000 x 3000 contient douze millions de pixels ; une version 1200 x 900 en contient un peu plus d’un million. Réduire les dimensions en pixels est l’un des moyens les plus efficaces de rendre un fichier plus petit car il y a moins de données visuelles à stocker. C’est différent de la qualité de compression, qui garde les dimensions identiques mais stocke chaque pixel moins précisément.

La réduction améliore généralement la performance pratique sans perte de qualité évidente lorsque l’image est utilisée sur un site web, dans un document ou une publication sociale. L’agrandissement est différent. Rendre une petite image plus grande ne peut pas créer de vrais détails non capturés dans le fichier d’origine. Cela peut lui faire atteindre une taille requise, mais elle peut aussi paraître floue ou artificielle.

Pixels, rapport d’aspect et exigences de mise en page

La plupart des plateformes de publication s’intéressent à la fois à la taille en pixels et au rapport d’aspect. La taille en pixels contrôle la résolution ; le rapport d’aspect contrôle la forme. Une image de profil carrée utilise un rapport 1:1, une bannière paysage peut utiliser 16:9 et une story verticale utilise 9:16. Si vous redimensionnez sans préserver le rapport d’aspect, les personnes et objets peuvent paraître étirés. Si vous préservez le rapport, une dimension peut ne pas correspondre exactement à la cible.

PhotoTools vous offre les deux modes. Le redimensionnement par pourcentage est utile quand vous voulez simplement une copie plus petite. Le redimensionnement par dimensions exactes est utile quand une plateforme exige une largeur ou une hauteur spécifique. Le verrou de rapport d’aspect aide à prévenir la distorsion tout en vous laissant choisir une largeur ou une hauteur cible.

Pourquoi des dimensions plus petites aident les sites web

Les grandes images sont l’une des raisons les plus courantes de la lenteur perçue des pages web. Une photo prise par un téléphone moderne peut être bien plus large que ce dont un affichage de navigateur a besoin. Si cette image est téléversée sans redimensionnement, les visiteurs téléchargent des pixels inutiles. Redimensionner avant le téléversement peut réduire la bande passante, améliorer la vitesse de la page et rendre les pages riches en images plus réactives.

La bonne taille dépend de l’usage. Les images de blog fonctionnent souvent bien autour de 1200 à 1600 pixels de large. Les vignettes de produits peuvent n’avoir besoin que de quelques centaines de pixels. Les écrans haute densité bénéficient d’une résolution supplémentaire, mais servir une image de 6000 pixels de large pour une petite carte reste du gaspillage.

Redimensionnement Canvas et format d’export

Le redimensionnement dans le navigateur fonctionne en décodant l’image, en la dessinant sur un canvas à une nouvelle largeur et hauteur, puis en exportant le canvas comme un nouveau fichier. Ce processus supprime aussi la plupart des métadonnées d’appareil car le nouveau fichier est généré à partir de pixels plutôt que copié octet par octet depuis l’original. Cela peut être utile pour la confidentialité et la taille de fichier.

Après le redimensionnement, vous pouvez choisir un format de sortie adapté à la destination. Le JPG est fiable pour les photos, le PNG est utile pour les graphiques et la transparence, et le WebP est généralement un bon choix pour l’usage web moderne. Si la taille de fichier compte encore après le redimensionnement, combinez le redimensionnement avec la compression.

Conseils pratiques de redimensionnement

Partez du contexte d’affichage final. Pour l’e-mail, réduisez à la fois les dimensions et la qualité. Pour les réseaux sociaux, faites d’abord correspondre la forme de la plateforme, puis exportez à une taille assez grande pour éviter le flou après la compression de la plateforme. Pour les sites web, redimensionnez l’image maîtresse en plusieurs tailles si la même photo apparaît dans une zone d’en-tête, une carte et une vignette.

Gardez toujours votre fichier d’origine. Le redimensionnement est facile à répéter, mais une fois un fichier réduit, les détails supprimés ne peuvent pas être restaurés. Enregistrez les copies redimensionnées avec des noms clairs pour distinguer plus tard l’original, la version web et la vignette.

Choisir une taille cible responsable

Une bonne taille cible se base sur la façon dont l’image sera réellement vue. Si une image apparaît dans une barre latérale de 360 pixels de large, téléverser une source de 4000 pixels de large gaspille de la bande passante. Si elle apparaît en en-tête pleine largeur sur de grands écrans de bureau, un export plus large peut se justifier. La cible pratique est généralement la plus grande taille affichée multipliée par la densité d’écran que vous voulez prendre en charge.

Pour la plupart des usages web quotidiens, 1200 à 2000 pixels sur le côté long suffisent pour les grandes images, tandis que 400 à 800 pixels suffisent souvent pour les cartes, vignettes et captures de documentation. L’impression est différente car la taille physique et le DPI comptent. Une petite image web peut paraître bien à l’écran mais trop floue sur papier.

Redimensionner dans le navigateur est utile car vous pouvez créer plusieurs versions de livraison sans confier l’original à un serveur. Créez une grande version web, une version vignette et une version de partage compressée à partir de la même source, puis gardez l’original intact pour les exports futurs.