Convertissez un PNG opaque en WebP et comparez le résultat

Un PNG photographique peut valoir la peine d'être testé en tant que WebP pour un site Web. Il peut s'agir d'une image de caméra exportée à partir d'un outil de conception, d'une scène de pièce rendue ou d'un graphique promotionnel aplati. Effectuez une exportation distincte et comparez-la avec l'original plutôt que de supprimer immédiatement le PNG. La taille du fichier dépend de l'image, la sauvegarde utile est donc celle que vous mesurez réellement.

La transparence nécessite ici une attention particulière. Bien que le format WebP puisse stocker de l'alpha, cet outil restitue actuellement la sortie WebP sur un fond blanc. Une entrée transparente perdra donc cette zone transparente lors de l'exportation. Conservez PNG pour les logos, découpes et superpositions qui doivent être placés sur différents arrière-plans, et utilisez cette conversion pour les images pour lesquelles un résultat opaque est approprié.

Le préréglage conserve les dimensions et commence à une qualité de 90 % sans netteté. Essayez un fichier avec un petit texte et un autre avec un fond photographique. Inspectez les bordures fines, les lettres colorées et les dégradés lisses. Un dessin peut paraître joli en un coup d'œil tout en affichant des halos colorés à côté d'une étiquette lorsqu'il est affiché à sa taille prévue.

Si le PNG est une capture d'écran d'une interface, la lisibilité peut être plus importante que la suppression de quelques octets. Comparez une PNG export ou conservez la source lorsque WebP adoucit les détails critiques. Pour une grande photographie opaque, testez Ajuster aux limites d'affichage réelles avant de réduire davantage la qualité. Réduisez d’abord les pixels inutiles lorsque le site Web ne les affiche jamais, mais conservez une résolution suffisante pour l’emplacement prévu.

Le curseur de qualité WebP contrôle l'encodage avec perte de cette exportation. Un paramètre plus élevé ne restaure pas les détails manquants dans la source, et le même nombre n'implique pas le même résultat visuel dans différents formats. Utilisez-le comme outil de comparaison : ajustez un peu, inspectez le résultat et conservez la plus petite version qui répond à vos propres besoins de qualité.

PNG n'utilise pas ce contrôle qualité de la même manière, donc changer l'extension est un véritable choix de flux de travail. Si votre PNG comprend de minuscules étiquettes de diagramme ou des limites de couleurs précises, conserver PNG peut être la bonne décision même lorsque son fichier est plus volumineux. Ce convertisseur ne réduit pas une palette de couleurs PNG, ne produit pas de paramètre WebP sans perte ni ne modifie les objets et les calques à l'intérieur d'un graphique aplati.

Téléchargez l'image convertie et téléchargez-la sur une page de test dans le système de votre site Web actuel. Confirmez que le navigateur reçoit WebP, que le recadrage affiché est correct et qu'aucun bord transparent n'est devenu blanc de manière inattendue. Affichez-le sur l'arrière-plan de la page, surtout si la source a été conçue pour une section sombre. La conversion doit être vérifiée dans son contexte, et pas seulement dans un aperçu du fichier.

Examinez ensuite l’affichage mobile. Un grand graphique marketing peut nécessiter une mise en page plus simple au lieu d'une copie plus compressée lorsque son lettrage devient illisible sur un téléphone. La sélection d'images réactives et les dimensions réservées restent des tâches distinctes sur le site Web. Une fois que l'échantillon est sonore, traitez les fichiers correspondants ensemble. Vos données d'image restent dans le navigateur pendant cette conversion et la source PNG reste inchangée.

Par exemple, testez un mot-symbole blanc sur des pixels transparents avant de convertir des éléments de marque. Une sortie blanche opaque peut masquer complètement la marque, ce qu'une seule comparaison de la taille du fichier ne manquerait pas.