à partir de ce panneau d’informations, vous pouvez voir le fichier image (grapes-file-information.png) a une largeur de 2 000 pixels par une hauteur de 501 pixels et une taille de 120 ko

Dimensions – taille physique

pour la plupart des sites Web, assurez-vous que votre fichier n’est pas plus large que la largeur de votre page Web.

Si vous prévoyez d’Afficher des images en mode plein écran (comme l’image large montrée ci-dessus), vous voudrez peut-être prévoir que vos images en taille réelle soient de 1 280 px, 1 920 px ou même plus larges., Votre thème WordPress garantit normalement que les images plus grandes seront automatiquement redimensionnées vers le bas pour les adapter à la résolution du moniteur de chaque visiteur.

lorsque vous téléchargez une image, WordPress ne télécharge pas seulement l’image originale, il crée automatiquement trois images redimensionnées pour vous:

  • Une version Grande (par défaut 600px)
  • Une version moyenne (par défaut 300px)
  • une vignette (par défaut 150px)

Vous pouvez donc toujours choisir d’utiliser votre image pleine grandeur, ou le moyen ou la vignette.,

ces tailles de fichiers par défaut dans WordPress peuvent être modifiées sous tableau de bord, paramètres, médias.

la taille du Fichier

C’est la partie la plus importante de la préparation d’une image pour votre site web. Les Images avec une grande taille de fichier prennent plus de temps à télécharger sur un navigateur de visiteurs et ralentissent votre site web.

pour la plupart des images Web ‘pleine page’, vous voulez que l’image soit de 80 Ko à 100 Ko au maximum. Si l’image n’est qu’une partie d’une page (par exemple la moitié de la largeur d’un article de blog), alors 20Kb-30KB est généralement correct.,

la baisse de la qualité d’image à 30-50% de l’original ne fait généralement aucune différence que vous pouvez choisir à l’œil nu. Essayez et vous verrez.

Vous pouvez déposer des images 2-3MB à 80kb-120KB et ne pas vraiment être en mesure de voir tout changement de qualité visible.

pour vérifier que vous n’avez pas trop optimisé vos images, ouvrez votre image d’origine et l’image optimisée et visualisez-les côte à côte. Attention aux « jaggies » (zones pixélisées)., Si votre image a des zones de ciel (ou des zones qui ont une zone large de la même couleur) ou des lignes minces (telles que des lignes électriques) traversant un fond neutre, vérifiez-les soigneusement car ce sont souvent les premiers endroits où vous remarquerez une pixellisation.

outils de préparation D’images

Si vous chargez des images sur votre ordinateur et que vous êtes habitué à les réduire avant de les envoyer par e-mail, un moyen très rapide d’optimiser les images peut être de vous les envoyer par e-mail avant de les télécharger sur WordPress.,

préparation automatisée

Si vous préférez l’automatisation plutôt que l’optimisation manuelle de chaque image, vous pouvez installer le plugin ShortPixel (utilisez ce lien d’affiliation pour 100 images gratuites / mois) et qui optimisera automatiquement chaque image que vous chargez. Utilisez le paramètre sans perte pour obtenir des résultats de la plus haute qualité.

préparation manuelle

Vous pouvez utiliser un programme de retouche d’image pour recadrer et redimensionner vous-même les fichiers d’image. Voici quelques options gratuites/d’entrée de gamme que vous pouvez essayer:

  • Mac: vous pouvez utiliser L’application de prévisualisation sur votre Mac – utiliser des outils, ajuster la taille, puis Exporter pour enregistrer au format JPG., Ribbet a également un excellent nouvel éditeur d’image qui vous permet de redimensionner les fichiers JPG – télécharger sur votre Mac gratuitement. Il existe une version de navigateur Web disponible, mais qui nécessite L’utilisation de Flash.
  • Mac/Windows: obtenez un abonnement gratuit à Canva – il s’agit d’un éditeur d’image basé sur un navigateur
  • Windows: FastStone ou PIXresizer (tous deux gratuits)

Si vous souhaitez utiliser des outils d’édition plus avancés, Photoshop est le roi de la colline, mais gardez à l’esprit qu’il est exagéré si, Il existe des options d’abonnement pour Photoshop qui coûtent environ 12 $/mois (recherchez l’abonnement Photographie). Pour optimiser une image à L’aide de Photoshop, vous devez apprendre à utiliser la fonction Taille de L’Image et les outils D’exportation.

dans la plupart des cas, les programmes de gestion d’image vous permettent de réduire la qualité d’image d’un pourcentage. Si vous avez affaire à de grandes images haute résolution, vous pouvez généralement les déposer à environ 30% de la qualité d’origine et ne pas être en mesure de voir beaucoup (le cas échéant) de différence. Expérience pour vous-même.,

Voici quelques captures d’écran montrant ImageWell et pittoresque réduisant la taille du fichier à 30% de l’original.