Pourquoi les photos de ton site web sont plus importantes que tu ne le penses
On ne s'en rend pas toujours compte mais les images sont souvent la première chose qu'un visiteur regarde avant même de lire un seul mot. Une photo floue ou mal cadrée crée une impression de manque de professionnalisme en moins de 3 secondes.
Et ce n'est pas tout. Les images impactent directement ton référencement naturel. Une image trop lourde ralentit ton site et un site lent est pénalisé par Google. Une image sans texte alternatif (attribut alt) est une opportunité SEO manquée. En 2026, optimiser ses images c'est aussi optimiser son SEO.
1.Prendre de bonnes photos avec ton iPhone
Bonne nouvelle l'iPhone que tu as dans ta poche est capable de produire des photos largement suffisantes pour un site web professionnel. Voici comment en tirer le meilleur.
La règle des tiers
Active la grille dans les réglages de ton appareil photo. Elle divise l'écran en 9 cases égales. Place ton sujet principal aux intersections des lignes jamais au centre. Ce simple réglage améliore immédiatement la composition de tes photos.
La lumière naturelle est ton meilleure alliée
La lumière artificielle jaunit les photos et crée des ombres disgracieuses. Filme ou photographie toujours près d'une fenêtre avec de la lumière naturelle. Évite le flash il aplatit les visages et crée des reflets. En Suisse romande le matin entre 8h et 10h est souvent le meilleur moment.
Stabilise ton téléphone
La plupart des photos floues viennent du mouvement involontaire de la main. Appuie ton coude contre ton corps, prends une inspiration et déclenche à l'expiration. Ou encore mieux utilise un trépied ou pose ton téléphone sur une surface stable.
Le mode Portrait pour les photos de toi
Si tu dois te photographier seul pour ta page "À propos", utilise le mode Portrait de l'iPhone. Il crée un flou d'arrière-plan professionnel qui met en valeur ton visage. Place-toi à environ 1,5 mètre d'un mur clair, avec une fenêtre sur le côté.
Ce qu'il faut éviter absolument
Ne zoome jamais numériquement ça dégrade la qualité. Approche-toi physiquement de ton sujet. Ne prends pas de photos en contre-jour — ton sujet sera dans l'ombre. Ne sur-retouche pas les filtres Instagram ne font pas une bonne photo de site web.
Les outils de retouche simples
Lightroom Mobile gratuit, très puissant pour corriger la lumière et les couleurs. Augmente légèrement l'exposition, réduis les hautes lumières si le ciel est brûlé.
Snapseed gratuit et simple. Parfait pour un recadrage rapide et une correction de base.
Photos iPhone les outils intégrés suffisent souvent. Joue sur l'exposition, le contraste et la chaleur des couleurs.
2: Quel format d'image utiliser pour ton site web
C'est la question que beaucoup d'indépendants se posent. JPEG, PNG, WebP, SVG, AVIF qu'est-ce que ça veut dire et lequel choisir ? Voici la réponse claire.
JPEG pour les photos
Le JPEG est le format idéal pour toutes tes photos portrait, produit, ambiance, équipe. Il offre un bon équilibre entre qualité visuelle et poids du fichier. La plupart des photos prises avec un iPhone sont automatiquement en JPEG.
Quand l'utiliser : photos de personnes, produits, ambiances, réalisations
Poids recommandé : moins de 200 KB par image pour le web
À éviter : logos, illustrations, images avec texte le JPEG crée des artefacts sur les bords nets
PNG pour les logos et illustrations
Le PNG supporte la transparence c'est pourquoi il est indispensable pour les logos. Il conserve aussi une qualité parfaite sur les zones de couleur unie et les bords nets.
Quand l'utiliser : logo, icônes, captures d'écran, images avec fond transparent
Attention : le PNG est plus lourd que le JPEG ne l'utilise pas pour des photos
WebP le format recommandé pour le web en 2026
Le WebP est le format créé par Google spécifiquement pour le web. Il offre une qualité équivalente au JPEG mais avec un fichier 25 à 35% plus léger. C'est le format que Framer utilise automatiquement quand tu upploades une image et c'est une excellente chose pour la vitesse de ton site.
Quand l'utiliser : tout type d'image sur ton site web
Pourquoi c'est important : un fichier plus léger = un site plus rapide = meilleur référencement Google
Comment convertir : utilise mon application d'optimisation d'images gratuit, directement dans le navigateur, aucune installation requise
AVIF le futur du format image
L'AVIF est encore plus léger que le WebP jusqu'à 50% de réduction par rapport au JPEG. Google l'a officiellement intégré à son moteur de recherche en 2024. C'est le format d'avenir mais tous les navigateurs ne le supportent pas encore parfaitement.
Pour l'instant : utilise WebP en priorité, AVIF si tu veux être à la pointe
SVG pour les logos et icônes vectoriels
Le SVG est un format vectoriel c'est-à-dire que l'image ne perd jamais en qualité quelle que soit la taille à laquelle elle est affichée. Parfait pour les logos car il reste net sur n'importe quel écran, qu'il s'agisse d'un iPhone ou d'un écran 4K.
Quand l'utiliser : logo de ton entreprise, icônes, illustrations simples
Avantage SEO : très léger, s'affiche parfaitement sur tous les écrans
Comment l'obtenir : demande à ton graphiste le fichier SVG de ton logo. Si tu n'en as pas, utilise Canva pour exporter ton logo en SVG.
GIF à éviter sur un site web
Le GIF est lourd et de mauvaise qualité. Si tu veux une animation sur ton site, utilise plutôt une vidéo MP4 courte beaucoup plus légère et de meilleure qualité.
3.Les règles d'or pour optimiser ses images en SEO
Une belle photo bien formatée c'est bien. Une belle photo optimisée pour Google c'est encore mieux. Voici ce que tu dois faire systématiquement.
Nomme tes fichiers correctement
Quand tu upploades une image sur ton site, son nom de fichier compte pour le SEO. Google lit ce nom pour comprendre ce que contient l'image.
❌ IMG_4832.jpg ✅ creation-site-internet-lausanne-vixal-digital.webp
Utilise des tirets entre les mots, pas de majuscules, pas d'espaces, et inclus ton mot-clé principal.
Renseigne l'attribut alt sur chaque image
L'attribut alt c'est le texte alternatif qui décrit ton image aux robots Google et aux personnes malvoyantes. C'est un signal SEO direct que beaucoup d'indépendants oublient complètement.
Dans Framer tu peux ajouter l'attribut alt directement dans les propriétés de chaque image. Décris ce que montre l'image naturellement en incluant ton mot-clé si c'est pertinent.
Exemple : alt="Alexandre Chapuis webdesigner créant un site internet à Lausanne"
Compresse tes images avant de les upploader
Même si Framer optimise automatiquement les images, il vaut mieux partir d'un fichier léger. Avant d'upploader, compresse tes images avec ces outils gratuits :
squoosh.app le meilleur outil gratuit, dans le navigateur, conversion WebP incluse
TinyPNG simple et efficace pour PNG et JPEG
ImageOptim application Mac gratuite très efficace
L'objectif : moins de 200 KB par image pour une photo classique, moins de 50 KB pour un logo.
Respecte les dimensions d'affichage
Ne mets pas une image de 4000 pixels de large si elle s'affiche en 800 pixels sur ton site. C'est du poids inutile. Redimensionne tes images aux dimensions réelles d'affichage avant de les upploader.
Pour une image de fond plein écran : 1920 x 1080 pixels maximum Pour une image de section : 1200 x 800 pixels maximum Pour un logo : entre 200 et 500 pixels de large en SVG ou PNG
Quoi utiliser et quand
Situation | Format recommandé |
|---|---|
Photo de toi ou ton équipe | WebP ou JPEG |
Logo de ton entreprise | SVG ou PNG |
Capture d'écran | WebP ou PNG |
Photo de produit | WebP ou JPEG |
Icône | SVG |
Image de fond | WebP |
Les erreurs les plus courantes chez les indépendants suisses
Après avoir accompagné des dizaines d'indépendants et PME en Suisse romande dans la création de leur site internet, voici les erreurs que je vois le plus souvent :
Upploader des photos directement depuis l'iPhone sans les compresser un iPhone récent produit des photos de 5 à 15 MB. Sur le web la limite c'est 200 KB. La différence est énorme en termes de vitesse de chargement.
Utiliser des photos de stock génériques les photos libres de droit qu'on voit partout font perdre en authenticité et ne te différencient pas. Une vraie photo de toi ou de ton espace de travail vaut toujours mieux qu'une photo de banque d'images.
Ne pas ajouter de texte alt c'est 5 secondes par image et c'est du SEO gratuit que la majorité des indépendants négligent complètement.
Garder le format HEIC de l'iPhone les iPhones sauvegardent les photos en HEIC par défaut. Ce format n'est pas toujours bien supporté par les navigateurs. Dans les réglages de ton iPhone → Appareil photo → Formats → choisis "Le plus compatible" pour obtenir du JPEG directement.
En résumé
Une bonne image pour ton site web c'est une photo bien éclairée prise avec ton iPhone, compressée en WebP ou JPEG sous 200 KB, avec un nom de fichier descriptif et un attribut alt renseigné. Ce n'est pas compliqué mais ça fait une vraie différence sur la vitesse de ton site et sur ton référencement.
Si tu veux qu'on s'occupe de tout ça pour toi — de la structure du site à l'optimisation des images — je crée des sites internet pour indépendants et PME en Suisse romande avec une approche complète qui intègre le SEO dès le départ.
