Compression avec perte ou sans perte : guide du débutant pour les deux formats

Les images numériques font partie intégrante du Web et il est difficile de créer du contenu sans certains médias. L'humble image fixe est un excellent moyen d'offrir un contexte supplémentaire à votre écriture.

Cependant, une image peut avoir une taille de fichier énorme sans optimisation. La compression avec perte ou sans perte est une considération courante car chacune peut réduire la taille d'une image, bien qu'il y ait également des compromis de qualité à prendre en compte.

Vous aurez presque toujours besoin d'appliquer une certaine compression à une image. Cela maintient la qualité à un niveau que vous spécifiez comme acceptable tout en réduisant la taille des fichiers. Le choix du bon niveau de compression dépendra de vos objectifs finaux et de vos exigences.

Pour cet article, nous examinerons la compression avec perte ou sans perte. Tout au long, nous parlerons du processus qu'une image prend pour "se mettre en forme", de ce qu'est la compression et de nombreux autres aspects de l'optimisation de vos images.

Différences entre perte et sans perte

En ce qui concerne les compressions d'images numériques, vous avez le choix entre plusieurs formats différents. Parfois, ceux-ci auront d'autres noms en fonction de nombreux facteurs. Cependant, au niveau de base, vous trouverez deux types :

• Compression avec perte : le but ici est de fournir la plus petite taille de fichier possible pour une image. En tant que telle, la qualité d'image est souvent en bas de la liste des priorités.
• Compression sans perte : vous constaterez toujours une réduction substantielle de la taille du fichier avec ce format de compression, mais l'image ne souffrira pas d'artefacts et d'autres problèmes.

Dans la plupart des cas, votre décision concernant le format à utiliser dépendra de votre objectif final : voulez-vous des fichiers minuscules ou vous concentrez-vous sur la préservation de la qualité ?

La compression avec perte supprimera définitivement les données jugées inutiles de l'image. Il utilise de nombreuses techniques différentes pour y parvenir, ce qui entraîne des tailles de fichiers beaucoup plus petites.

La compression sans perte supprime également les données, mais elle peut restaurer l'original si nécessaire. L'objectif est de maintenir une qualité élevée, tout en réduisant la taille du fichier.

Il existe plusieurs façons d'y parvenir, mais le résultat est souvent le même. Pour trouver la bonne option pour vos besoins, prenons d'abord un peu de recul et passons en revue les bases des images et de la compression en général.

Éléments d'une image numérique

Comme pour le développement de logiciels et de sites Web, il existe souvent une « pile » pour transférer une image de la caméra vers le Web.

Une image commence par des données "brutes" (d'où le nom RAW). Cela s'apparente au code d'une application : les extraits, les lignes et les valeurs se traduisent par des arrière-plans avec des couleurs, des espaces réservés pour les images, des éléments dynamiques, etc.

Pour une image, le fichier RAW présente une représentation d'image légèrement différente en fonction du fabricant de l'appareil photo, du logiciel d'édition, de l'algorithme d'espace colorimétrique, etc. À partir de là, vous modifiez l'image et l'exportez dans l'un des nombreux formats de fichier (plus sur ceux-ci plus tard):

Il y a quelques éléments différents qui composent une image numérique standard :

• Type de fichier : différents types fourniront des qualités qui peuvent ou non convenir à votre image finale. La clé est de choisir le type de fichier le plus approprié pour l'application.
• Résolution : vous verrez souvent cela exprimé en mégapixels (MP), mais vous utiliserez également des pixels par pouce (PPI) ou des points par pouce (DPI). Des résolutions plus élevées offrent une meilleure qualité, mais elles augmentent également la taille initiale du fichier
• Profondeur de bits : Cet aspect détermine les informations de couleur dans une image. Une profondeur de bits faible ne rendra que quelques couleurs, tandis qu'une profondeur de bits élevée pourrait potentiellement rendre des millions de couleurs à la fois. Généralement, plus c'est haut, mieux c'est.
• Dimensions : il s'agit de l'espace physique occupé par une image. Par exemple, 1 000 pixels x 500 pixels pourraient définir la taille totale d'une image.
• Espace colorimétrique : Il s'agit d'un algorithme qui détermine l'affichage des couleurs. Chaque espace colorimétrique est configuré différemment, et cela dépend souvent de la préférence du photographe.

Ces éléments se combinent pour fournir une image finale de qualité variable. Par exemple, une grande photographie JPEG haute résolution et haute résolution offrira une qualité et une netteté suprêmes :

En revanche, même une image de grande dimension et capable d'afficher beaucoup de couleurs peut sembler médiocre à faible résolution :

Cet équilibre est la façon dont vous développez l'image principale avant d'appliquer la compression. Cependant, le format que vous utilisez pour l'image a une grande part dans la qualité finale.

Comment fonctionne l'optimisation des images Web

Étant donné que la compression d'image est la même dans un sens général sous le capot, vous pouvez appliquer des règles standard à la façon dont vous optimisez les images pour le Web.

Nous couvrons beaucoup de ces concepts ailleurs sur le blog Kinsta, mais cela vaut la peine de donner un bref résumé pour référence :

• Utilisez une résolution de 72 PPI, car il s'agit de la norme pour le Web. Vous pouvez utiliser un PPI/DPI plus élevé pour des raisons d'archivage, mais nous supposons que vous publiez sur le Web.
• Réglez le "bord long" de l'image sur 2048 pixels, car cela est optimal pour de nombreuses applications différentes.
• Utilisez une profondeur de couleur de 8 bits si vous en avez l'option.
• Exécutez une image via un outil de compression et d'optimisation avant de la publier.

C'est un format simple qui peut vous donner des résultats cohérents, bien que la compression et l'optimisation soient quelque chose que nous développerons dans le reste de cet article.

À cette fin, examinons les avantages et les inconvénients de la compression avec perte par rapport à la compression sans perte.

Comment la compression d'image peut aider vos images Web

En termes généraux, la "compression" rapproche le minimum et le maximum. Par exemple, la compression augmente le volume le plus bas de la musique et réduit le plus haut. Cela rend le niveau moyen plus fort à l'oreille.

Pour les images, la compression est davantage un processus réducteur. Cela signifie que l'accent est davantage mis sur la suppression des données de votre image pour réduire la taille du fichier, tout en maintenant la qualité aussi élevée que possible.

Il existe de nombreux algorithmes propriétaires différents pour aider à réduire la taille des fichiers image. Dans de nombreux cas, ceux-ci sont la propriété d'une entreprise spécifique. Vous trouverez de nombreuses normes de compression « avec perte » et « sans perte », chacune avec des descripteurs uniques :

Cela dit, l'application de la compression d'image présente de nombreux avantages qui ne sont pas exclusifs à un format particulier :

• Vous pouvez limiter la taille des fichiers, ce qui améliore les performances de votre site.
• Par extension, le serveur de votre site aura moins de travail à faire, impactant les performances.
• Les fichiers de petite taille aident à réduire les émissions du serveur. Ainsi, vous contribuez à contribuer à un avenir durable et éthique.
• Vous pouvez afficher une qualité presque parfaite et comparable en fonction de l'algorithme et de la qualité de compression que vous choisissez.

Tout comme créer une image partageable, jouer avec différentes valeurs de compression, utiliser une entreprise spécifique et choisir le bon algorithme sont essentiels pour trouver des résultats qui fonctionnent pour vous.

Avantages et inconvénients de la compression avec perte

La compression avec perte réduit la taille du fichier de l'image, presque à l'exclusion de tous les autres aspects. Le fonctionnement de l'algorithme consiste à supprimer définitivement les données. Cela peut être aussi destructeur que cela puisse paraître.

Bien que nous n'entrions pas trop dans les détails, sachez que certaines des suppressions de compression avec perte de données sont visibles dans l'image. L'idée est d'offrir la meilleure représentation de l'image originale de haute qualité à un poids plus léger - et cela signifie que certaines données ne feront pas la coupe.

En général, l'utilisation de la compression avec perte présente quelques avantages :

Enregistrez-vous pour recevoir le bulletin d'informations

Vous voulez savoir comment nous avons augmenté notre trafic de plus de 1000 % ?

Rejoignez plus de 20 000 autres personnes qui reçoivent notre newsletter hebdomadaire avec des conseils WordPress d'initiés !

Abonnez-vous maintenant

• La taille des fichiers sera petite - dans certains cas, inférieure à 10 kilo-octets (Ko).
• La perte de qualité sera acceptable dans de nombreux cas, malgré les artefacts.

Cela nous amène aux inconvénients de l'utilisation de la compression avec perte - que la qualité de l'image réduira avec n'importe quelle quantité de compression :

Vous constaterez que les bandes de couleurs - où les nuances de couleurs ne sont pas rendues de la bonne manière - et une perte de clarté des bords seront visibles dans certains cas. Les images avec moins de couleurs en montreront moins, mais la réduction de la clarté sera toujours présente.

De plus, la dégradation de l'image est une caractéristique permanente du processus de compression. Cela signifie qu'il n'y a aucun moyen d'inverser les effets à une date ultérieure.

Malgré les inconvénients, la compression avec perte est excellente pour le Web et les performances de votre site. Les petites tailles de fichiers ne donnent pas toujours des images granuleuses, bien que vous puissiez (bien sûr) pousser les choses à l'extrême :

Cependant, la perte n'est pas la seule option. La compression sans perte est une alternative pour le propriétaire de site soucieux de la qualité.

Avantages et inconvénients de la compression sans perte

La compression sans perte fait ce qu'elle dit sur l'étiquette : elle compresse la taille du fichier d'une image autant que possible sans affecter la qualité visible. Pour ce faire, il supprime les métadonnées d'image, qui peuvent occuper inutilement de l'espace :

L'algorithme de compression sans perte recherche également les séquences de pixels répétitives, puis encode un raccourci pour les afficher. Par exemple, prenez "Interface de ligne de commande". Vous définirez souvent son acronyme une fois, puis utiliserez "CLI" (ou l'acronyme de votre choix) pour le référencer à la vitesse de l'éclair

La compression sans perte fonctionne de la même manière en ce sens qu'elle est moins destructrice. Bien que la suppression des métadonnées ne soit pas réversible, une partie de la compression le sera, ce qui en fait un algorithme flexible pour de nombreuses utilisations.

Les avantages de l'utilisation de la compression sans perte tournent autour de la conservation de la qualité :

• La compression sans perte préserve la plus grande qualité d'une image par rapport à tous les autres algorithmes.
• Lossless est fantastique à des fins d'archivage. Par exemple, un photographe peut équilibrer les ressources de stockage avec une image qui conserve le plus de données.
• Lossless est l'algorithme de compression préféré pour les arts visuels : photographie, graphisme, art numérique, etc. La combinaison d'un algorithme sans perte avec la profondeur et la résolution appropriées peut obtenir une copie presque «un à un».

Cependant, il y a quelque chose à noter sur la façon dont la compression sans perte sert des niches spécifiques : la gamme d'applications est petite. Cela réduit sa disponibilité globale.

Voici quelques autres inconvénients de la compression sans perte à prendre en compte :

• Si un site Web utilise de nombreuses images, la compression sans perte peut ne pas être optimale pour les afficher. En effet, dans la plupart des cas, vous voudrez valoriser des fichiers de plus petite taille dans ces types de situations.
• Bien que la compression réduise la taille des fichiers, les algorithmes sans perte ne modifient pas autant les données d'image que les pertes. Pour cette raison, vous ne verrez peut-être que des réductions marginales de taille plutôt que des résultats amincissants extrêmes.

Ensuite, nous examinerons le moyen le plus rapide (et potentiellement le meilleur) de le faire.

Comment choisir entre perte et sans perte

À ce stade, vous comprenez la différence entre la compression avec perte et sans perte. Cependant, vous ne savez peut-être toujours pas quel est le meilleur algorithme à utiliser sur votre site.

Il y a deux situations à considérer :

1. Pour la plupart des cas d'utilisation sur le Web, la compression avec perte est acceptable.
2. Si vous souhaitez afficher des photographies ou des œuvres d'art photographiées, la compression sans perte vous servira mieux.

Ces considérations reposent sur l'utilisation de l'un des formats d'image Web standard, tels que JPEG, PNG ou GIF. Cependant, vos besoins de compression peuvent différer avec des formats plus modernes comme HEIC et WebP.

Nous irions jusqu'à dire qu'à moins que vous n'affichiez des photographies sur votre site, la compression avec perte devrait être votre choix par défaut. WordPress compresse les images par défaut, ce qui montre bien que la compression avec perte convient à presque toutes les applications.

Utiliser un service de compression en ligne pour optimiser vos images

Il existe de nombreuses façons de compresser vos images avant de les afficher sur votre site. Par exemple, vous pouvez choisir d'appliquer la compression au stade de l'édition. Cela pourrait être un sous-produit de la conversion à partir des formats RAW de toute façon.

Cependant, un choix populaire est l'un des nombreux services en ligne. Chacun proposera une sélection d'algorithmes et une interface utilisateur (UI) exemplaire. De plus, la plupart ont un service gratuit, au moins pour essayer l'application avant de vous engager.

Nous couvrons quelques options dans notre article sur l'optimisation des images, bien qu'il s'agisse de plugins spécifiques à WordPress qui se connectent à une interface de programmation d'application (API). La bonne nouvelle est que beaucoup de ces plugins fournissent également une interface en ligne. Par exemple, considérez ShortPixel :

Ici, vous ferez glisser des images sur le téléchargeur, puis attendez que l'application les compresse et les traite. Cependant, vous voudrez d'abord choisir l'algorithme, car le processus commencera immédiatement.

Le choix est simple : Deux formes de compression avec perte (« Lossy » et « Glossy ») et une option sans perte. L'interface de ShortPixel explique bien la différence entre chaque algorithme et vous pouvez télécharger les images en quelques secondes.

Bien que les deux puissent répondre à vos demandes, l'interface Imagify semble plus lisse et plus professionnelle que celle de ShortPixel. Il existe également trois "niveaux de compression" ici - Normal, Agressif et Ultra :

La légère différence ici est qu'Imagify commence par une compression sans perte et progresse jusqu'à un algorithme avec perte avec de lourds artefacts. Cependant, il existe quelques autres options que vous ne trouverez pas dans d'autres solutions.

Pour commencer, vous pouvez conserver les données EXIF ​​intactes pour votre image et même les redimensionner après la conversion. C'est parfois inestimable, surtout si vous souhaitez appliquer un niveau de compression qui pourrait sinon supprimer les données EXIF ​​​​ou limiter la façon dont vous redimensionnez une image.

Tout comme son homonyme mythique, Kraken peut brouiller vos images et appliquer différents types de compression. La plupart des utilisateurs opteront pour les types Lossy ou Lossless.

Cependant, il existe également un mode Expert :

Cela vous permet d'ajuster la compression à vos propres besoins, entre autres options. Par exemple, vous pouvez ajuster les niveaux de compression JPEG et PNG, choisir de conserver les métadonnées de l'image et même travailler avec un sous-échantillonnage de chrominance pour modifier davantage les couleurs.

Résumé

Les images peuvent sembler être un simple aspect de votre site : vous prenez un fichier, le téléchargez sur WordPress, puis ajoutez un bloc Image pour l'afficher.

Cependant, le processus de préparation d'une image pour le Web implique bien plus que vous ne le pensez. Le format de compression que vous choisissez peut avoir un impact sur la taille du fichier, la qualité de l'image, etc.

Cet article a examiné la compression avec perte ou sans perte et a résumé celle que vous devriez choisir. Malgré la marche sur la corde raide de la qualité par rapport à la taille, la compression avec perte est parfaite pour la plupart des cas d'utilisation sur le Web. Les photographes ou ceux qui s'inquiètent de la falsification de la qualité des images voudront utiliser une compression sans perte, bien qu'il y ait moins d'avantages concernant la taille du fichier.

De quel côté vous situez-vous dans la bataille entre la compression avec perte et sans perte ? Faites-nous part de vos réflexions dans la section commentaires ci-dessous!