Offre spéciale Offre spéciale
FoneDog Screen Recorder FoneDog Screen Recorder
Seulement Seulement
4.49€ 4.49€
pour obtenir une licence d'un mois pour obtenir une licence d'un mois
La vente se termine dans xx jours La vente se termine dans xx jours
ACHETER MAINTENANT
sale

Compression et optimisation de fichiers JPEG pour le World Wide Web

By Nathan E. Malpass, Dernière mise à jour: August 27, 2019

Je suis un graphiste et je travaille avec plusieurs images et formats d'image chaque jour. L’une de mes tâches consiste à travailler avec des fichiers image volumineux et à les éditer. L'un des formats de fichier les plus utilisés est le JPEG. Maintenant, je veux en savoir plus sur la façon d'optimiser et compresser JPEG surtout pour le web. Pouvez-vous m'aider avec ça?

~ Designer graphique anonyme

Partie I: IntroductionPartie II: Arrêtez-vous d'économiser à cent pour cent (100%)Partie III: Options de compressionPartie IV: Une variété de types de supports pour le WebPartie V: Outil pour compresser des images JPEGPartie VI: Conclusion

Partie I: Introduction

La compression d'image est un concept très populaire de nos jours. Il est utilisé dans presque tous les aspects de la vie car les images ont joué un rôle essentiel dans les affaires, le travail et même dans nos vies personnelles. La compression d'image peut être effectuée dans différents formats de fichier tels que GIF, JPEG et PNG.

La différence entre ces formats de fichier image réside dans la manière dont la compression est effectuée et affichée à l'écran. Il existe de nombreux guides qui vous expliquent comment publier d'excellents médias sur Internet. Cependant, beaucoup de concepteurs ne comprennent toujours pas les principes fondamentaux en matière d’images et de supports en général.

Dans cet article, nous vous informerons et vous donnerons des idées pour implémenter correctement la compression de fichiers JPEG. Vous devez optimiser et compresser vos images pour accélérer les temps de chargement de vos pages Web tout en maintenant un certain niveau de qualité pour vos images.

Le truc ici est de trouver l’équilibre entre la taille du fichier et sa représentation à l’écran. Il n'y a pas de solution réelle qui soit parfaite. Il faut un peu de pratique pour s'y habituer. Mais une fois que vous en savez plus sur compression de fichiers JPEG, le développement de sites Web sera plus facile à long terme.
Compresser Jpeg Image

Partie II: Arrêtez-vous d'économiser à cent pour cent (100%)

Évitez d’enregistrer vos images JPEG avec une qualité de cent pour cent (100%). Bien entendu, cela ne donnera pas une image optimisée. Plus la qualité de l'image est élevée, plus la taille du fichier sera grande.

Vérifier quelque chose. Si vous essayez d'enregistrer l'image avec 90% en qualité 95%, vous remarquerez que la taille du fichier sera considérablement réduite. Vous devez parfois enregistrer vos images avec une qualité inférieure à 90%.

Si vous utilisez Photoshop, vous avez de la chance. Si vous essayez d'extraire la boîte de dialogue "Enregistrer pour le Web", vous pouvez voir que Photoshop vous permet en réalité de sélectionner un nombre de valeurs prédéfinies différentes. Les valeurs possibles pour JPEG peuvent être vues ci-dessous:

* La qualité maximale est à 100%.

* La très haute qualité est à 80%.

* Haute qualité est à 60%.

* La qualité moyenne est à 30%.

* Enfin, la qualité basse est à 10%.

Adobe Photoshop considère même 60% comme une image de haute qualité. Pour les développeurs Web, il est préférable de s'en tenir à environ 50% envers 70%. C’est une gamme sûre que vous pouvez garantir lors du développement de vos sites Web.

Alors, quelle est la valeur réelle où vous pouvez réellement affirmer qu'une qualité d'image est réellement basse? La valeur que vous utilisez réellement pour l'optimisation dépend du projet ou de l'image sur laquelle vous travaillez.

Vous devez prendre en compte les différents types de graphiques qui généreront les fichiers les plus volumineux. Ces images nécessiteront le plus de compression possible. Nous suggérons que tout ce qui est inférieur à 30% entraînerait une image de mauvaise qualité. Les autres concepteurs et développeurs ne fixeraient leur limite qu'à 50% parce qu'ils ne souhaitaient vraiment pas compromettre la qualité.

Mais quel est le meilleur conseil? Eh bien, vous devez réellement essayer les meilleurs réglages pour vous. Essayez quelques niveaux d’optimisation ou de compression et déterminez ceux qui semblent les meilleurs en termes de qualité et de taille de fichier. Vous serez surpris de constater que quelques ajustements ici et là peuvent vous aider à optimiser vos fichiers JPEG à leur taux de compression maximum, sans qu'il soit nécessaire de compromettre son apparence.
Compresser Jpeg Photoshop

Partie III: Options de compression

Premièrement, nous aimerions que vous en sachiez plus sur la qualité et la compression. En réalité, ces deux termes sont inversement corrélés. Cela signifie que si vous enregistrez une image JPEG particulière avec un taux de compression 30%, vous obtenez un résultat de qualité 70%. Si une image n'est pas compressée, elle présente une qualité 100%.

Ce sont en fait des options que vous pouvez utiliser et qui sont parmi les plus élémentaires. Et en réalité, cela devrait être plus que suffisant lorsque vous enregistrez pour le World Wide Web. La plupart des utilisateurs ne vont pas beaucoup plus loin dans une variété de personnalisations. Le sous-échantillonnage place les gens dans des problèmes beaucoup plus compliqués, par exemple dans le processus de conversion d'images RVB en YCbCr (Chroma Red, Chroma Blue et Luminance).

Le réglage de la luminosité s'appelle la luminance. Lors de la compression des images JPEG, la luminance est toujours définie dans la valeur éventuellement la plus élevée. La valeur de luminosité est placée dans un canal séparé. Et pour cette raison, il est plus facile d'optimiser les valeurs de couleur individuelles (par exemple, bleu et rouge). C'est ce qu'on appelle le processus de sous-échantillonnage de la chrominance. Les concepteurs très méticuleux aimeraient en savoir plus sur ce type d'algorithme de compression.

Cependant, vous ne le savez peut-être pas, mais Adobe Photoshop n'utilise généralement pas le sous-échantillonnage comme méthode de compression. Si vous utilisez Adobe Photoshop et choisissez Enregistrer pour le Web, les images enregistrées à l'aide de cette fonctionnalité utiliseraient un sous-échantillonnage de chrominance inférieur à une valeur de qualité de 50%.
Compresser Jpeg Compresser Jpeg

Partie IV: Une variété de types de supports pour le Web

Le World Wide Web est très diversifié. Il est rempli d'une variété de supports d'image. Par exemple, vous avez les icônes, les badges, les boutons, les photographies et autres types de fichiers graphiques. Mais vous voudrez peut-être prendre en compte ceci: La comparaison de la qualité de deux types de graphiques différents (par exemple un bouton par rapport à une image de produit) n’a en réalité pas de sens.

Vous voudrez peut-être essayer de créer un lien vers un fichier JPEG distinct qui est moins compressé lorsque vous utilisez des images ou des photographies détaillées. Ensuite, vous pouvez configurer des vignettes avec un taux de compression relativement élevé et une taille de fichier très réduite sur votre site.

Quel est l'inconvénient de cela? Eh bien, il vous faudra donner deux ensembles différents de ces images pour votre galerie multimédia. Vous devez prendre en considération tous les fichiers graphiques que vous avez placés sur votre site Web. Après quoi, vous devez indiquer quelles techniques de compression ou d’optimisation vous devez implémenter pour chaque fichier.

Il est préférable de mettre en place un système de fichiers organisé qui vous permet de rechercher facilement dans les fichiers. Un webmaster choisit d'héberger ses images en dehors de ses hôtes Web, tels que Picasa ou Flickr.

Même si tel est le cas, il serait peut-être préférable d'utiliser un outil de compression afin de minimiser la taille des images. Toutefois, la manière dont vous affichez ces images compressées sur votre site variera toujours. Cela est vrai de nos jours en raison de l'utilisation croissante d'appareils mobiles qui aident les gens à accéder à Internet depuis n'importe où dans le monde.
Compresse Jpeg Compresse

Partie V: Outil pour compresser des images JPEG

L’outil de compression d’images que nous vous recommandons de compresser est Compresseur de photos en ligne gratuit de FoneDog. Cet outil présente les avantages suivants:

* Il vous permet de compresser des fichiers d'image (JPEG ou PNG, par exemple), ce qui entraînera une réduction de la taille sans perte de qualité de l'image.

* Il vous permet d'économiser plus d'espace sur votre appareil. Ainsi, vous pouvez utiliser cet espace pour d'autres photos, vidéos et documents importants.

* L'image utilise moins de bande passante, surtout si vous souhaitez l'utiliser à l'intérieur d'un site Web. Ainsi, vous pouvez économiser beaucoup de bande passante et accueillir plus d'utilisateurs, en particulier si le forfait d'hébergement Web que vous avez utilisé ne dispose que d'une quantité limitée de transfert de données.

* Il en résulte des temps de chargement plus rapides dans les appareils et pour les fournisseurs de services d'hébergement Web. Les utilisateurs de votre site Web ne seront pas ennuyés par les temps de chargement lents. Comme vos images occupent moins d’espace, le chargement est plus rapide et offre une meilleure expérience utilisateur.

Voici comment utiliser Free Online Photo Compressor de FoneDog, étape par étape:

Step 01 - Allez à la page Photo Compressor sur le site de FoneDog ici.

Étape 02 - Téléchargez votre image ou vos images. Vous pouvez télécharger un maximum d'images 20 avec environ 5MB par image en taille maximale.

Étape 03 - Une fois les photos compressées, téléchargez le fichier image compressé dans la plateforme en question.
Compresse Photo Fonedog

Partie VI: Conclusion

La compression des images JPEG peut être délicate. C'est parce que vous devez équilibrer la qualité avec celle de la substance. Bien que les gens aient une connexion Internet rapide de nos jours, il est toujours nécessaire de réduire la taille des images. C'est parce que les gens deviennent de plus en plus impatients.

Il existe de nombreux outils de compression ou d'optimisation JPEG. Un outil que vous pouvez utiliser est Compresseur de photos en ligne gratuit de FoneDog. Cet outil peut vous aider à réduire la taille de vos images sans compromettre une grande partie de sa qualité.

Laisser un commentaire

Commentaire

Commentaire ()
author image

Nathan E. Malpass

iPhone/Expert en maintenance d'appareils Android

Staying home, listening to music, writing tech articles

Many people asked me to repair their mobile phones so I have a lot of experience in mobile phone repair, and I know a lot about Android or Apple phones.

Free Online Photo Compressor logo

Free Online Photo Compressor

Comment aimez-vous cet article?

Check icon/ Check icon

INTÉRESSANTTERNE

Check icon/ Check icon

SIMPLEDIFFICILE

Je vous remercie! Voici vos choix:

Évaluez cet article: Excellent

Évaluation: 4.6 / 5 (basé sur 70 notes)

Free Online Photo Compressor logo

Free Online Photo Compressor

FoneDog utilise cookies pour vous assurer la meilleure expérience sur notre site. Cliquez sur ici pour savoir plus.