Convertissez JPG en WebP pour la bibliothèque d'images de votre site Web

Conservez votre projet JPEG ou d'édition original comme maître et créez une copie WebP pour la livraison. Cela vous permet de créer des tailles différentes ultérieurement sans compresser à plusieurs reprises une exportation déjà compressée. Utilisez des noms de fichiers clairs qui identifient le sujet et l'emplacement prévu, plutôt que de remplacer chaque photographie de vos archives par un nouveau format.

WebP est une option pour les photographies de sites Web, mais votre système de gestion de contenu doit accepter le téléchargement et diffuser correctement la sortie. Vérifiez ce flux de travail avec un fichier avant de convertir une bibliothèque entière. Certains systèmes génèrent leurs propres alternatives ou redimensionnent automatiquement les images téléchargées. Si c'est le cas, comparez le fichier réellement livré aux visiteurs, car un fichier optimisé localement peut être à nouveau traité après le téléchargement.

Le préréglage initial conserve les dimensions d'origine à une qualité de 90 %. Cela vous donne une comparaison simple des formats. Pour un fichier de diffusion de site Web, passez à Ajuster à l’intérieur une fois que vous connaissez la plus grande largeur d’affichage nécessaire dans la mise en page. Une image en pleine résolution de caméra est souvent inutile pour une carte, mais une grande bannière peut nécessiter un candidat plus grand.

Effectuez des exportations distinctes pour différents rôles d'affichage plutôt que de forcer une petite image à remplir chaque espace. Une vignette, une image d'article et une vue agrandie du produit servent à des fins différentes. Le resizer d'image rétine explique comment choisir des candidats illustratifs de densité plus élevée sans supposer que chaque appareil a besoin du même fichier. Évitez d'élargir une petite source pour répondre à un grand nombre d'exportations ; l'agrandissement ne peut pas créer le détail manquant.

Choisissez une zone difficile lorsque vous comparez le WebP avec le JPEG : des cheveux, des branches d'arbre, un tissu fin, un ciel lisse ou un mur sombre. Vérifiez à la fois la taille d’affichage prévue et une vue rapprochée. Un réglage qui semble bon sur un arrière-plan flou peut être trop agressif pour une photo de produit texturée. Le numéro de qualité est un contrôle d’encodeur et non un score visuel universel.

Si le WebP est plus grand que la source, conservez le meilleur fichier pour vos besoins réels ou essayez soigneusement un paramètre de qualité inférieure. Ne présumez pas qu’une extension plus récente remporte toutes les comparaisons. Cet outil crée un WebP codé dans le navigateur ; il n'offre pas de mode WebP sans perte séparé, de panneau de réglage de codec personnalisé ou de garantie concernant la sauvegarde sur une image individuelle.

Après le téléchargement, placez le fichier dans la vraie page et confirmez le recadrage, le texte alternatif et les dimensions affichées. Une image avec moins d'octets peut toujours se charger tardivement si la page le demande tardivement. Réservez son espace de mise en page, choisissez des sources réactives adaptées et évitez de charger paresseusement une image dont vous avez besoin immédiatement en haut de la page. Ce sont des décisions de mise en œuvre de sites Web au-delà de la conversion.

Vérifiez la disposition du téléphone ainsi qu'un grand moniteur. Si la même image devient une bande méconnaissable dans le recadrage du téléphone, créez une composition différente plutôt que d'augmenter la qualité JPEG ou WebP. Traitez les photos associées ensemble seulement après que cette première page ait fonctionné. La conversion reste sur votre appareil et les fichiers originaux restent disponibles pour une exportation différente.

Par exemple, comparez le paysage verdoyant d’un article avec son simple portrait en studio. Ils peuvent nécessiter des paramètres de qualité différents, même pour la même largeur. Gardez une note des dimensions et des octets mesurés à côté de chaque candidat afin que la décision reste liée à un fichier réel.