Ajout et modification des photos de votre site web

Les premières impressions sont faites en aussi peu que sept secondes. Mais sur votre site web, c'est encore plus rapide.

Comme, six secondes plus vite.

Alors qu'est-ce qui fait une bonne première impression en un clin d'œil? Des images convaincantes et professionnelles. La présence et la qualité des photos de votre site Web peuvent déterminer en grande partie qui s'engage avec votre marque et finit par acheter vos produits.

En fait, des études ont montré que si vous nettoyez vos images, vous pourriez visiblement voir une croissance accrue. Le contenu avec des images convaincantes affiche en moyenne 94% de vues de plus que leurs concurrents en mode texte uniquement.

Et le meilleur de tous? Vous n'avez pas besoin d'être un photographe professionnel ou un expert de Photoshop pour que les images de votre site aient l'air polies et attrayantes. Avec les astuces d'édition de photos suivantes pour les débutants, vous pouvez commencer à récolter les bénéfices dès le premier jour.

1. Priorisez la Qualité

Même si vous ignorez la science - que 65% de la population se compose d'apprenants visuels, que 90% des informations transmises au cerveau sont visuelles, et que les champs d'attention se sont raccourcis aux regards éphémères - vous devez accepter la réalité que des photos de qualité feront ou défont votre site. En fait, 67% des personnes interrogées affirment que la qualité d'image d'un site est «très importante» pour sélectionner et acheter des produits.

Cela peut ne pas sembler être un conseil de "retouche photo" en soi, mais prenez-le de nous: les images qui complètent le contenu de votre site contribuent à une expérience utilisateur positive et persuasive. De plus, ils stimulent le référencement. Google récompense les classements de votre site en fonction de la pertinence et de la qualité de vos images, donc ne sous-estimez pas la puissance des photos gagnantes.

Si votre budget ne permet pas à votre entreprise d'embaucher un photographe professionnel, prenez le vôtre ou investissez dans des images de qualité (certains comme Picjumbo, Pixabay, et Pexels sont gratuits).

2. Suivez la Règle des Tiers

Ce n'est pas grave si vous n'avez pas une vaste expérience en photographie - nous savons que vous avez d'autres points sur lesquels vous concentrer. Alors commençons par les bases d'une bonne photo. La composition d'une photo fait référence à la disposition des éléments d'une photo dans le cadre. La composition permet de guider les yeux des spectateurs à travers la photo et augmente l'impact d'une image.

Un exemple de ceci est la Règle des Tiers: les parties clés de vos photos (les choses intéressantes) devraient être aux intersections des lignes divisant votre photo en tiers.

Règle des tiers Exemple.png

Voyez-vous comment les femmes de cette photo - qui ont choisi de manière inexplicable un champ sec et envahissant pour un jeu de téléphone - sont alignées avec les intersections des lignes? C'est l'essence de la Règle des Tiers.

Vous pouvez même le faire avec un seul objet dans une photo.

Girl Ocean Règle de Thirds

Si vos photos ne suivent pas la Règle des Tiers, vous devriez choisir une nouvelle photo ou essayer de mieux encadrer la vôtre en les éditant pour mieux adhérer à la Règle des Tiers. Utilisez l'outil de recadrage (voir le numéro 5 ci-dessous) pour réaligner les éléments de la photo.

Alors que les règles sont parfois faites pour être brisées, se conformer à la règle des tiers est un moyen simple d'éditer vos photos pour plus d'attrait et de composition.

3. Focus sur les Détails

Croyez-le ou non, il y a beaucoup moins d'éléments tape-à-l'œil sur les photos qui comptent pour votre site web. Prêter attention à ces petits détails permet des solutions rapides et faciles qui amélioreront votre site et boosteront votre SEO.

Parlons d'abord des plus importants.

Connaître le Bon Type de Fichier à Utiliser

Tout d'abord: les fichiers photo PNG et JPG ne sont pas les mêmes.

Savoir comment fonctionne chacun peut vous aider à faire de bons choix sur le web avec vos photos - et augmenter la vitesse de votre site (demandez à Google ). L'objectif est de conserver une taille de fichier raisonnable sans compromettre la qualité de l'image.

Commençons par les fichiers PNG. Les fichiers PNG fonctionnent généralement mieux avec les images haute résolution avec un nombre limité de couleurs car lorsqu'elles sont compressées, elles contiennent toujours plus d'informations qu'un fichier JPG. Les fichiers PNG produisent des images de meilleure qualité et, par conséquent, coûtent plus cher - une taille d'image plus grande. Ils sont également le choix des concepteurs qui prévoient de faire plus de jeu d'édition de fantaisie, comme les effets avec la transparence.

Tout bien considéré, les fichiers PNG doivent être utilisés avec parcimonie pour les éléments qui nécessitent absolument la plus haute résolution afin de ne pas freiner la vitesse de votre site.

Ensuite, parlons de JPG. Les JPG sont généralement le choix pour les images Web avec beaucoup de couleurs, car leur plus petite taille de fichier permet des temps de chargement beaucoup plus petits (les photos finissent par prendre une grande partie du poids d'un site). Cependant, avec la compression, certaines informations sont perdues, ce qui signifie que la qualité de la photo est réduite - mais vous pouvez toujours obtenir un bon équilibre entre les deux.

Nom du fichier photo.png

L'exportation de votre photo vous permet de changer le type de fichier d'image.

Bien que l'identification du type de fichier qui fonctionne le mieux pour les images de votre site soit un équilibre, il vaut la peine de veiller à ce que votre site soit optimisé pour la vitesse et offre une expérience visuelle attrayante pour vos utilisateurs.

Nommez votre Fichier Image Correctement

Avec tous les menus détails de votre site Web, vous n'avez pas besoin d'une autre tâche de liste à faire - nous le savons. Votre temps est précieux et en quantité limitée. Par conséquent, bien qu'il soit tentant de nommer vos photos "asdfasdf.jpeg" ou "photo1.png", il est important de donner à vos photos un nom de fichier en rapport avec le contenu de l'image. Nous ne sommes pas seulement des nitpicky - les noms de fichiers appropriés (comme, indice: avec vos mots-clés) aident Google à savoir de quoi parle votre photo.

Utiliser des Légendes et du Texte Alternatif

Aller plus loin - même avec des tâches apparemment fastidieuses - aide énormément le trafic de votre site et améliore vos images et votre expérience utilisateur. Un de ces must-dos est de fournir un texte alt pour vos images - la copie descriptive qui détaille ce que l'image montrera si, pour une raison quelconque, elle ne peut pas être affichée.

Suivant: légendes. Les bonnes images Web ont des légendes qui permettent d'optimiser vos images pour les moteurs de recherche.

Encore une autre raison importante de légender vos photos? Les légendes sont cruciales pour l'engagement. Les légendes sont lues environ 300% de plus en moyenne que la copie du corps d'un article, donc si vous ne les avez pas, vous perdez des lecteurs.Les utilisateurs Web sont des gens occupés. Donnez-leur de petites bouchées de texte (comme vos légendes) pour attirer leur attention.

4. Affichez un Style Authentique

Prenez du recul et considérez toutes les images sur votre site. Ensemble, correspondent-ils à l'essence unique de votre site? Est-ce qu'ils s'alignent tous sur votre identité de marque?

Considérez la sensation de votre site. Est-ce propre et minimal? Artsy et boho? Quel que soit le produit ou le service proposé par votre entreprise, assurez-vous que le contenu visuel que vous proposez est fidèle à votre style unique et correspond à votre marque.

Voici quelques hacks d'édition de photos pour vous aider à atteindre ce look remarquable.

Utiliser les Filtres

Les filtres ne sont pas seulement pour Instagram. Bien qu'ils doivent être utilisés avec discrétion (pas de superpositions de Snapchat, s'il vous plaît), les filtres peuvent aider à améliorer les photos en leur donnant une sensation spécifique. Utilisées régulièrement sur votre site, les photos filtrées vous aident à développer un style de marque que vos utilisateurs reconnaîtront.

Jouer avec les Températures

Vous pouvez également vous appuyer sur le ton, l'humeur et l'esthétique de votre site en vérifiant la température de vos images, pour ainsi dire. Toute classe d'art de base veillera à mentionner les couleurs chaudes et froides - le rouge, le jaune et l'orange (chaud) se montreront stimulants et vibrants, tandis que les couleurs froides comme le violet, le bleu et le vert invoqueront le calme et la sérénité.

Ajustez les couleurs pour correspondre à votre style. Différentes émotions peuvent être communiquées en jouant sur l'équilibre des couleurs, la teinte ou les paramètres de saturation dans votre éditeur de photos.

Temperature.png

Les couleurs plus chaudes de cette photo lui donnent un soupçon d'aventure.

Températures 2.png

Le ton cool de l'image ajoute à l'effet du paysage glacial.

5. Crop It Like It’s Hot

Couper vos images peut parfois faire la différence entre avoir une photo décente et avoir le parfait pour votre site.

Que vous redimensionniez une image pour l'adapter à des dimensions spécifiques ou que vous supprimiez des détails d'image externes, le recadrage permet d'éliminer l'encombrement et de mieux cadrer vos images pour plus de clarté, d'attrait et d'impact.

Par exemple, prenez cette photo de base:

Homme à la culture informatique example.png

Après avoir été recadré:

Modifier les photos du site

L'image a une meilleure composition qui lui permet de se fondre dans votre site plus naturellement.

La meilleure partie est que vous n'avez même pas besoin de logiciels coûteux. Il existe de nombreuses applications Web qui vous permettent de recadrer (et de nombreuses autres tâches d'édition). Vous pouvez parfois même recadrer directement à partir du CMS de votre site.

6. Aiguisez

Pensez à aiguiser vos images comme mettre à jour votre prescription de lentilles de contact. Quand vous faites, les choses sont plus claires. La même chose vaut pour vos photos web. Vous voulez que ces images soient nettes et accrocheuses, pas floues et douloureuses à regarder trop longtemps.

L'accentuation des photos peut être réalisée facilement avec Photoshop, Pixlr ou PicMonkey. Cependant, un mot d'avertissement. Ne pas aller à la mer avec votre outil aiguiser. Vous ne voulez pas l'image redoutée "bruit" (qui se traduit par la granulation).

Astuce: il permet d'aiguiser votre image en tant que fichier PNG d'abord, puis le convertir en JPG.

7. Embrassez les Espaces Blancs

Quand il s'agit de vos photos, l'utilisation correcte des espaces blancs peut rendre les images attrayantes.

En d'autres termes: ne craignez pas l'espace vide. C'est un élément de design puissant qui peut fournir un relief visuel pour les yeux et attirer beaucoup d'attention.

Prenez Apple, par exemple. Ils sont littéralement connus pour leur conception d'image propre, attrayante et visuellement forte.

Apple Quality 2.png

Apple est le roi des photos de produits découpés.

Les images découpées prennent un peu de savoir-faire en matière d'édition, mais avec de la pratique, vous pouvez vous y attacher.

8. Corrigez vos Couleurs

Que les couleurs de votre photo soient un peu à l'écart, ou que vous souhaitiez simplement les ajuster pour créer une ambiance différente, la modification des couleurs n'est pas hors de portée d'un débutant.

La plupart des programmes de retouche photo font le gros du travail avec des préréglages de réglage des couleurs, mais il ne fait pas de mal de savoir une ou deux choses sur les options disponibles. Expérimentez avec les niveaux (réglez la luminosité et l'obscurité de votre image), le contraste et la saturation pour déterminer quelles modifications vous aideront à produire des images puissantes.

Ajustez les couleurs et l'exposition pour activer ceci:

PicMonkey Colors.png

Dans ceci:

PicMonkey Couleurs 3.png

Besoin d'un outil mobile? L'application Adobe Photoshop Express (c'est gratuit!) peut vous aider à effectuer des ajustements de couleur et des corrections instantanés lors de vos déplacements. Gimp est un autre outil gratuit.

9. Bannissez les Imperfections

Même la belle photographie a parfois le hoquet (ou, au moins, le photo-bombardier occasionnel). Mais ne vous inquiétez pas, une tache sombre ne détruit pas une image.

Fotor peut vous aider à supprimer les objets indésirables grâce à ses outils de clonage faciles à utiliser (et à un démaquillant!).Photoshop, bien sûr, est le logiciel maître pour nettoyer les photos (le considérer comme un facial virtuel) avec ses outils de guérison et de clonage.

Jetez un oeil à l'outil clone de Fotor:

Heal Tool Exemple Edited.png

L'outil permet au photographe d'enlever quelques imperfections mineures d'une photo par ailleurs parfaite.

Prêt pour la Caméra

Cela a été prouvé: les sites avec des images obtiennent plus de vues, améliorent la notoriété de la marque, stimulent le référencement et ont plus d'engagement. Vous voulez récolter ces bénéfices? Équipez votre site avec des photos de qualité et voyez la croissance - aucun degré de photographie requis. Implémentez ces astuces de retouche photo DIY et voyez les résultats par vous-même.

Si vous avez encore des questions sur l'ajout ou la modification de photos sur votre site Web, n'hésitez pas à nous contacter en ouvrant une demande ou utilisez notre fonction de clavardage pour discuter avec l'un de nos opérateurs en direct.

  • 3 Utilisateurs l'ont trouvée utile
Cette réponse était-elle pertinente?

Consultez aussi

Comment ajouter un nouveau thème WordPress

Le système de gestion de contenu (« CMS ») le plus répandu sur...

Comment ajouter une barre de cookies

Presque tous les sites utilisent des cookies (des fichiers de données) pour stocker des...

Un guide complet sur les TLD

Tout sur les domaines de premier niveau (TLD) S'installer sur un domaine pour votre site...

Différence entre Single, Multiple et SSL Wildcard

Secure Sockets Layer (également connu sous le nom de SSL) est la norme industrielle connue...

Comment effacer le cache de votre navigateur

Si vous avez apporté des modifications à votre site Web mais qu'elles ne...