Préparez les images pour un web plus rapide
Passez les photos et graphiques de la page en WebP, avec la largeur que votre design utilise vraiment. C'est le chemin habituel quand la page d'accueil se sent lourde et les images restent à résolution complète d'appareil photo.
- 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
WebP est la valeur par défaut ici car il gagne normalement contre JPG sur les photos et peut conserver la transparence des éléments d'interface. Tous les navigateurs modernes l'affichent.
Restez sur JPG si un CMS, newsletter ou partenaire rejette toujours WebP. Restez sur PNG pour un logo qui doit rester exactement comme il est dessiné.
Si ce qui vous préoccupe est la vitesse, réduire la largeur importe autant que le format. Un WebP de 4000 px reste beaucoup d'octets.
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 images que vous allez mettre sur une page.
- Laissez la sortie sur WebP et la qualité près de 0,8 sauf si vous voyez des bandes.
- Laissez la largeur maximale autour de 1600, ou 2400 si l'image s'affiche à 1200 pixels CSS sur écrans retina.
- Téléchargez les fichiers WebP et remplacez les originaux dans votre modèle ou CDN.
Conseils
- Photos d'en-tête : un gros WebP, pas un PNG qui est une capture de la photo.
- Grilles de produit : une largeur constante aide le cache et le design.
- Si un client ne peut pas ouvrir l'aperçu, convertissez une copie en JPG. Laissez le WebP sur le web.