Redimensionnez images pour qu'elles ne freinent pas une page
Les fichiers d'appareil photo ont souvent 5000 pixels de large. Votre colonne d'article a 720. Servir le fichier d'appareil photo gaspille la bande passante même si vous le compressez après. Limitez la largeur ici puis encodez.
- Rapide
- 100% privé
- Toujours gratuit
- N'importe quel navigateur
Déposez les images n'importe où sur cette page
JPG, PNG, WebP, GIF, SVG, HEIC ou AVIF. Vos photos restent sur cet appareil.
Quand utiliser ceci
Redimensionnez quand la boîte de pixels est trop grande pour le design. Compressez quand la boîte est déjà bien et les octets restent beaucoup.
1200 px de large est une valeur par défaut solide pour entrées de blog et cartes de produit. Utilisez 2400 si la même image s'affiche à 1200 pixels CSS sur un écran 2×.
Pour recadrages et stories Instagram, utilisez la page de réseaux sociaux. Celle-là remplit un cadre au lieu d'ajuster dans une largeur maximale.
Si vous avez en plus besoin de formater du JSON ou vérifier un token sans le coller sur un site public, utilisez ToolBuddy. Ça reste aussi dans le navigateur.
Comment faire
- Déposez les photos trop grandes.
- Mettez la largeur maximale à 1200 ou 1600. Laissez le pourcentage vide sauf si vous voulez une échelle relative.
- JPG ou WebP autour de 0,85 suffit pour les photos d'un article.
- Téléchargez le résultat sur votre CMS. Ne téléchargez pas en plus l'original de 12 Mo « au cas où » au même endroit.
Conseils
- N'agrandissez jamais un logo de 400 px à 1200. Il se verra flou.
- Une largeur constante dans toute une galerie se voit plus soigné.
- Après redimensionnement, si les octets restent beaucoup, passez par Compresser ou convertissez en WebP.