Article | Web | Optimisation photos et vidéos
Optimisez vos images et vidéo pour votre site web
Étape 1 : Rechercher des photos pour agrémenter votre site ?
Ajouter des photos nécessite juste un peu de préparation !
Vous avez la possibilité d’insérer vos propres visuels ou de choisir parmi une variété d’images disponibles dans des banques d’images.
Voici quelques exemples de sites où vous pouvez dénicher des photos de haute qualité, libres de droits et gratuites :
Étape 2 : Optimisation photos et vidéos pour le Web
Afin d’alléger vos images, il est idéal d’utiliser un logiciel spécialisé comme Photoshop ou Affinity Photo (sur Mac). Mais ne vous inquiétez pas si vous n’avez pas accès à ces outils, car il existe plusieurs services en ligne très pratiques pour cela. Nous vous suggérons deux solutions :
• Toutes les images optimisées pour le web doivent être en résolution de 72 DPI.
• Une taille de 1800 x 1200 pixels optimisée en 72 dpi est un très bon rapport qualité / poids.
• Le poids d’une image optimisée ne doit pas dépasser 100 Ko
1. Importez la photo dans le logiciel en ligne
Rendez-vous sur le site photopea.com
Sélectionnez « Ouvrir depuis l’ordinateur » ou faites glisser directement la photo sur l’interface.
2. Vérifier la résolution de la photo
Ouvrez le menu « Image > Taille de l’image » et vérifiez la résolution en DPI. Si ce n’est pas le cas, saisissez la valeur 72. Si la taille change lorsque vous saisissez la résolution, remettez la bonne taille avant de cliquer sur OK.
3. Exporter la photo optimisée
Pour terminer, cliquez sur le menu « Fichier
> Exporter en tant que > JPG » et définissez la largeur selon vos préférences, la hauteur s’ajustera automatiquement. Choisissez le pourcentage en fonction de la qualité souhaitée. Le poids de l’image enregistrée s’affiche en bas de la fenêtre (71,1 Ko dans ce cas) ; à vous de l’ajuster pour qu’il soit inférieur à 100 Ko. Il vous suffit ensuite d’enregistrer le fichier.
Avant d’intégrer l’image dans le contenu du site, il est essentiel de choisir un nom de fichier qui soit compréhensible pour les moteurs de recherche et qui favorise le référencement naturel. Par exemple, si vous téléchargez une photo depuis Pexels avec le nom « pexels-sebastian-voortman-189349.jpg », vous pourriez la renommer en « photopea-owmel-agence-de-communication-webmaster-à-saint-gilles–croix-de-vie-en-vendee-(85) ».
Important
Il est recommandé d’incorporer les mots-clés reflétant le contenu de la photo (nom de l’entreprise, localisation, thème) en les séparant par des tirets hauts (préférablement aux tirets bas). De plus, il est préférable d’éviter l’utilisation de caractères spéciaux, d’accents et d’espaces.
Concernant les vidéos…
Hébergez votre vidéo sur une plateforme externe
Pour intégrer des vidéos, la méthode recommandée consiste à les héberger préalablement sur une plateforme spécialisée telle que Youtube. Ces plateformes fournissent des boutons de partage qui permettent de récupérer le code à insérer dans l’interface d’administration du site. En utilisant WordPress, il suffit même de copier-coller directement le lien de la vidéo dans l’éditeur.
À noter
Il est important de noter qu’il est déconseillé de télécharger directement une vidéo sur le site sans passer par une plateforme externe. Cette approche peut considérablement augmenter le poids de la page et compromettre la qualité du streaming.