Images matricielles dans le navigateur
Une image matricielle est une grille de pixels accompagnée de métadonnées : largeur, hauteur, canaux de couleur et format conteneur. JPEG, PNG et WebP font des compromis différents entre compression, fidélité, transparence et compatibilité. Cette famille convertit, redimensionne, inspecte et échantillonne les couleurs entièrement dans le navigateur, sans téléverser les octets du fichier.
Pour alléger une photo en WebP, commencez par JPG vers WEBP. Le choix dépend du destinataire : CMS ancien, limite de poids, système de design avec alpha ou budget de performance.
Formats et chaîne de conversion
JPEG compresse les photos avec perte et ne possède pas de canal alpha. Réencoder à qualité plus basse retire encore des détails ; convertir JPEG en PNG ne les restaure pas. PNG est sans perte et gère la transparence, mais les photos y sont souvent plus lourdes. WebP propose des modes avec ou sans perte et donne fréquemment des fichiers plus petits à qualité comparable.
La chaîne lit un File local, le décode en bitmap, le dessine sur un canvas à la taille voulue, exporte avec un type MIME et une qualité facultative, puis télécharge le résultat. Le curseur de qualité concerne JPEG et WebP avec perte ; PNG reste sans perte pour le tampon canvas. Lors d'une conversion transparente PNG/WebP vers JPEG, les zones alpha sont généralement compositées sur un fond uni.
Outils de la famille
- JPG vers WEBP et PNG vers WEBP.
- WEBP vers JPG, PNG vers JPG et JPG vers PNG.
- Redimensionner par largeur ou hauteur, Informations d'image et Couleurs dominantes.
Taille, métadonnées et limites
Fixez une seule dimension pour préserver le ratio. Réduire améliore le web ; agrandir invente des pixels. Taille de fichier et mégapixels sont distincts : Informations d'image les affiche ensemble. Canvas est une chaîne de pixels, pas une archive EXIF intégrale ; l'orientation peut être appliquée à l'affichage, mais les tags GPS et appareil reviennent rarement à l'export.
L'extraction de palette compte ou regroupe les couleurs après sous-échantillonnage et fournit des repères hex/RGB pour CSS. Les hypothèses sRGB et le sous-échantillonnage chromatique JPEG influencent le résultat. Évitez les générations répétées avec perte, par exemple JPEG → WebP → JPEG ; WebP 80 n'est pas JPEG 80. Les très grandes images peuvent épuiser la mémoire de l'onglet, et les TIFF CMYK ou animations multi-images ne sont pas le flux prévu. Gardez un master séparé et produisez une seule version de diffusion.