Formats d’image : WebP, PNG, JPG et SVG
Le mauvais format d’image peut ralentir le chargement des pages ou rendre les graphiques flous. Voici comment les formats web modernes se comparent en matière de compression, de transparence et de netteté.
Les fichiers sont traités localement dans votre navigateur grâce à WebAssembly et aux API HTML5. Ils ne quittent jamais votre appareil : ils ne sont donc ni envoyés vers un serveur ni stockés par des tiers.
Commencez la conversion immédiatement sur votre propre appareil : pas d'attente de téléchargement, pas de file d'attente et aucune limitation par un serveur distant.
Utilisez tous les outils disponibles sans créer de compte, sans payer d'abonnement et sans limite artificielle de taille de fichier. Convertissez aussi souvent que votre navigateur et votre appareil le permettent.
Comparaison des formats et spécifications techniques
| Format de sortie | Type MIME | Spécification | Type |
|---|---|---|---|
| PNG Image | image/png | W3C-PNG | Graphiques réseau portables |
| JPG Image JPEG | image/jpeg | ITU-T-T81-JPEG | Groupe d’experts en photographie (JPEG) |
| WebP Image | image/webp | RFC-6386-VP8 | Format d'image moderne Google WebP |
| SVG Vecteur | image/svg+xml | W3C-SVG | Graphiques vectoriels adaptables |
| HEIC Photo | image/heic | ISO-IEC-23008-12-HEIF | Conteneur d’image à haute efficacité |
| AVIF Image | image/avif | AOMEDIA-AV1-AVIF | Format d’image fondé sur AV1 |
| PSD Document Photoshop | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Document Adobe Photoshop |
| PSB Document volumineux Photoshop | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Document grand format Adobe Photoshop |
| WMF Métafichier Windows | image/x-wmf | MS-WMF-SPEC | Format vectoriel métafichier Windows |
| EMF Métafichier amélioré | image/x-emf | MS-EMF-SPEC | Format vectoriel métafichier amélioré |
| JFIF Image | image/jpeg | ITU-T-T81-JPEG | Format d'échange de fichiers JPEG |
| TGA Truevision | image/x-tga | TGA-SPEC | Image matricielle Truevision Targa |
| PCX ZSoft | image/x-pcx | PCX-SPEC | Image matricielle ZSoft Paintbrush PCX |
| PDF Document | application/pdf | ISO-32000-2 | Format de document portable |
Spécifications techniques et analyse des codecs
La règle de décision rapide pour les formats
WebP et AVIF peuvent réduire la taille de nombreuses images web et prennent tous deux en charge la transparence, mais le résultat dépend de l’image et des paramètres d’encodage. Utilisez JPG pour les photos si de petits artefacts sont acceptables, PNG pour les captures d’écran et graphiques nets, et SVG pour les logos et icônes redimensionnables.
Images matricielles et vectorielles : le SVG reste net à toute échelle
Les images matricielles (JPG, PNG, WebP) sont composées de pixels de couleur fixe : si vous zoomez trop, elles deviennent floues ou pixélisées. Le SVG décrit les formes à l’aide de lignes, de courbes et de couleurs ; les icônes et les illustrations restent donc parfaitement nettes, des petits écrans mobiles aux écrans 8K, dans des fichiers souvent très légers.
Idée reçue : « Un DPI élevé améliore la qualité des images sur le web »
Le DPI (points par pouce) ne sert qu’à l’impression ; les navigateurs web l’ignorent. Sur les téléphones et les écrans d’ordinateur, la netteté dépend des dimensions en pixels (par exemple, 1920 × 1080) et de la densité de l’écran, et non des métadonnées DPI intégrées.
Transparence alpha : PNG ou WebP
Le JPEG ne possède pas de canal de transparence ; les pixels transparents deviennent donc un fond uni lors de l’enregistrement en JPEG. Le PNG préserve la transparence alpha ; le WebP peut également la stocker et produire un fichier plus petit. Comparez l’image, car la taille dépend du contenu et des paramètres d’encodage.
0 octet envoyé vers des serveurs externes. Tout le traitement a eu lieu localement dans le bac à sable de votre navigateur.