Comment compresser des images pour un site Web avec Photoshop ou en ligne

Si vous exploitez une boutique en ligne ou un site Web, compression d'image pour site Web est un art que les développeurs web doivent maîtriser. Selon une récente enquête, il existe plus d'une centaine de formats d'image. Ils ont été développés à des fins différentes. Certains d'entre eux sont conviviaux pour les sites Web et d'autres ne conviennent pas à la distribution en ligne. Cet article va vous montrer les meilleures façons de compresser des images pour le Web. Ainsi, vous pouvez optimiser votre site Web et accélérer le chargement des pages.

• Partie 1: Les avantages de compresser des images pour le Web
• Partie 2: La façon la plus simple de compresser des images pour des sites Web
• Partie 3: Comment compresser des images pour le Web avec Photoshop
• Partie 4: FAQ sur la compression d'images pour le Web

Partie 1: Les avantages de compresser des images pour le Web

Les grandes images peuvent ralentir vos pages Web. Cela crée une expérience utilisateur moins qu'optimale. La compression des images pour les sites Web consiste à réduire la taille de leur fichier. Selon HTTP Archive, les images représentent en moyenne 21 % du poids total d'une page Web. Les principaux avantages de la compression d'image pour les sites Web incluent :

• Améliorez la vitesse de chargement des pages Web.
• Améliorez votre référencement. Les fichiers d'image plus petits accélèrent votre site et se classent plus haut dans les résultats des moteurs de recherche.
• Faites des sauvegardes rapidement.
• Convivial pour les visiteurs car une taille de fichier plus petite utilise moins de bande passante.
• Nécessite moins d'espace de stockage sur votre serveur.

Partie 2: La façon la plus simple de compresser des images pour des sites Web

Les utilitaires Web sont le moyen le plus simple de compresser des images pour le Web; cependant, ils présentent généralement certains inconvénients, tels que la taille limite des fichiers. À partir de ce point, nous recommandons Apeaksoft Compresseur d'images en ligne gratuit. Il peut répondre à tout ce dont vous avez besoin pour compresser des images de sites Web en ligne.

En bref, Free Online Image Compressor est un bon point de départ pour les débutants et les gens moyens pour compresser des images pour le Web.

Comment compresser des images Web en ligne

Étape 1Ouvrez un navigateur Web et visitez le compresseur d'image en ligne directement.

Étape 2Cliquez Ajouter des images pour ouvrir la boîte de dialogue d'ouverture de fichier. Recherchez et sélectionnez les images que vous souhaitez publier sur votre site Web, puis cliquez sur le Ouvert pour les télécharger. Vous pouvez également faire glisser et déposer les images de votre disque dur dans la page pour les télécharger directement.

Étape 3Une fois le téléchargement terminé, l'application Web commence à les compresser immédiatement. Après la compression des images Web, vous pouvez télécharger les images plus petites en appuyant sur la touche Télécharger sur chaque fichier. Ou cliquez sur le Tout télécharger pour obtenir toutes les images compressées sous forme d'archive ZIP.

Partie 3: Comment compresser des images pour le Web avec Photoshop

Photoshop est un autre moyen de compresser des images pour des sites Web. Par rapport aux compresseurs d'images en ligne, Photoshop propose de nombreuses options personnalisées et des outils d'édition d'images. Par conséquent, il convient mieux aux utilisateurs avancés. Si vous avez déjà Photoshop sur votre ordinateur, les étapes ci-dessous clarifient le flux de travail.

Étape 1Exécutez Photoshop et ouvrez une image que vous souhaitez utiliser pour votre site Web. Ouvrez le Déposez le menu dans le ruban supérieur et sélectionnez Enregistrer pour le Web. Pour certaines versions de Photoshop, le Enregistrer pour le Web l'option est cachée dans Exportations onglet Déposez le menu.

Étape 2Dans la boîte de dialogue Enregistrer pour le Web, vous pouvez prévisualiser l'image d'origine et le résultat compressé dans Original et Optimisé onglets. Localisez le panneau de droite et vous obtiendrez quelques options.

Étape 3Tout d'abord, ajustez le Format de fichier dans le coin supérieur droit. Par défaut, c'est JPEG, mais vous pouvez le modifier dans d'autres formats d'image. Quand cela vient à Qualité, ajustez la valeur en fonction de vos besoins. Le plus élevé, la taille du fichier est plus grande. Si vous compressez trop la qualité de l'image, elle deviendra floue.

Étape 4Ensuite, cochez la case à côté de Optimisé. Décidez ensuite si vous souhaitez convertir en sRGB. Pour réduire l'image, vous pouvez modifier Largeur et Hauteur options Taille de l'image région.

Étape 5Vérifiez la taille du fichier dans le coin inférieur gauche. Si vous en êtes satisfait, cliquez sur le OK bouton. Dans la boîte de dialogue de profil, sélectionnez un dossier de destination, nommez l'image et enregistrez-la sur votre disque dur.

Partie 4: FAQ sur la compression d'images pour le Web

Question 1: Qu'est-ce qu'une bonne taille d'image pour le Web?

Réponse: En plus de compresser l'image pour les sites Web, la dimension de l'image est un élément important. Cela peut avoir un impact important sur la façon dont il s'affiche en ligne. Nous vous suggérons d'utiliser des images d'une largeur comprise entre 1500 et 2500 pixels. Les images inférieures à 1500 pixels peuvent être floues ou pixélisées lorsqu'elles sont étirées.

Question 2: combien de Ko doit contenir une image Web?

Réponse: Il existe une règle de 200 Ko. La plupart des développeurs Web conviennent que 200 Ko est la taille de fichier maximale pour une image. Ce chiffre a été testé et est arrivé à la combinaison de plusieurs facteurs, tels que les dimensions moyennes des images, le format, le nombre d'images par page Web. Lorsque vous compressez des images pour le Web, vous pouvez également suivre cette règle.

Question 3: Quel est le meilleur pour le web, JPG ou PNG?

Réponse: Étant donné que JPG et PNG ont leurs avantages et leurs inconvénients, vous devez choisir le bon en fonction de votre situation. En pratique, vous devez utiliser JPG pour les photos et PNG pour les graphiques et les captures d'écran.