Mes photos au régime Photoshop et mon site se charge plus vite

 

Si vous voulez que votre site soit bien référencé par les moteurs de recherche, Google en tête, vous devez avoir un site au top techniquement et qui s’affiche rapidement sur l’ordinateur,la tablette ou le téléphone de vos visiteurs, sinon ces derniers n’attendront pas l’affichage complet de la page et se seront déjà redirigés vers un autre site, probablement celui de vos concurrents directs. Nous avons tous en mémoire cette pomme qui mettait 3 minutes à s’afficher sur un écran d’ordinateur en ce temps révolu où l’ADSL était un rêve, la 4G encore à l’étude et le smartphone en était à ses balbutiements.

La technologie internet a fortement évoluée durant la dernière décennie,tout va beaucoup plus vite sur le web, il n’empêche que beaucoup de propriétaire de site-web omettent encore de publier leurs photos à une juste taille(on parle de poids de la photo) et donc leur site met un temps relativement long à se charger impactant irrémédiablement leur référencement, sachant que pour Google un temps long est estimé à plus 600 millisecondes, d’ou l’importance de chaque détail dans la publication d’un site, notamment le poids d’une image qui impacte directement le temps de chargement (voir exemple ci-dessous).

 

Avant optimisation des images, le site est lent à télécharger
Vitesse de téléchargement d'un site après ajustement du poids des images
Je vais donc vous apprendre à publier vos photos à la bonne taille pour qu’elles restent visibles sans pixellisation et les plus légères possibles pour le temps de chargement, pour ceci nous allons utiliser Photoshop, c’est le logiciel le plus simple d’utilisation que je connaisse pour réaliser cette opération, il existe des sites vous proposant la même fonction en ligne que je n’ai pas encore testé à ce jour, je n’ai donc pas d’avis sur ces offres en ligne.

Donc nous ouvrons la photo que nous désirons alléger avec Photoshop afin d’obtenir à peu près ce résultat, suivant les version de ce logiciel.

 

Ouvrir une photo avec photoshop
Glissez votre souris sur l’onglet Images puis redimensionner afin d’adapter la taille de votre photo à celle dont vous avez besoin sur votre site,pas la peine d’utiliser une photo de 1600 pixels de large si dans votre contenu l’image affichée est de 600 pixels. Une fois la bonne dimension appliquée, cliquez sur Ok, la taille de l’image est modifiée ce qui est immédiatement visible sur l’affichage.

 

Réglage de la taille des photos avec photoshop
Le réglage de la taille des images avec Photoshop
Ensuite, faites glisser votre souris sur l’onglet fichier puis sur enregistrer pour le web, de façons à faire apparaître l’écran suivant, le plus important puisqu’il va nous permettre de bien régler le poids de notre photo.

L’affichage est séparé en 2 parties, à gauche la photo originale et son poids qui est affiché en bas à gauche, la deuxième partie étant un aperçu de l’image que vous allez enregistrer, il ne vous reste plus qu’à choisir sous quel format vous désirez enregistrer votre image (Gif,Png,Jpeg) le plus courant étant le jpeg, choisissez Jpeg,il ne vous reste plus qu’à définir la qualité, la plus basse possible sans altérer la définition de l’image, facile puisque toutes les modifications sont appliquées directement à l’aperçu de la partie de droite où vous retrouver en bas à gauche de l’image le poids définitif de votre photo.

Enregistrez votre image ainsi générée dans le dossier de votre choix, il ne vous reste plus qu’à la mettre en ligne sur votre site, répétez l’opération avec toutes les photos de votre contenu, votre temps de téléchargement diminuera, votre référencement progressera.

copie d'écran photoshop etape 4
Réglage de la qualité de l'image avec photoshop
Les paramètres de qualité d'image par photoshop

Que pensez vous de cette page ?

Cliquez sur une étoile pour donner votre avis

Note Moyenne / 5. Nombre de vote

Soyez le premier à donner votre avis

Merci pour vos encouragements

Vous pouvez aussi nous suivre sur Facebook

Share This