Optimiser les images
Comment optimiser tes images pour un site rapide et visuellement impactant.
Les images représentent souvent plus de 50% du poids total d'une page web. Des images mal optimisées ralentissent ton site, dégradent l'expérience utilisateur et pénalisent ton référencement. Madra prend en charge l'optimisation automatique de tes images pour garantir un site rapide et performant.
Pourquoi optimiser les images ?
Des images trop lourdes ralentissent ton site et impactent le SEO. Madra optimise automatiquement tes images pour éviter ces problèmes.
Impact des images non optimisées :
- Temps de chargement — une image de 5 Mo prend plusieurs secondes à charger sur une connexion mobile
- SEO — Google pénalise les sites lents dans ses résultats de recherche
- Taux de rebond — 53% des visiteurs quittent un site qui met plus de 3 secondes à charger
- Expérience mobile — les images lourdes consomment le forfait data de tes visiteurs
L'optimisation des images consiste à réduire leur poids (en Ko) sans perte visible de qualité. Le résultat : des pages qui chargent en moins d'une seconde.
Quels formats utiliser ?
Chaque format d'image a son usage idéal. Madra convertit automatiquement tes images dans le format le plus adapté.
- JPG — idéal pour les photos. Bon rapport qualité/poids. Le format le plus courant
- PNG — idéal pour les logos, icônes et images avec transparence. Poids plus élevé que le JPG
- WebP — format moderne qui offre le meilleur ratio qualité/poids. 25 à 35% plus léger que le JPG à qualité égale
- SVG — idéal pour les logos vectoriels et les icônes. Poids très léger, qualité parfaite à toute taille
Madra convertit automatiquement tes images JPG et PNG en WebP pour les navigateurs compatibles (plus de 95% des navigateurs actuels). Les visiteurs avec un navigateur ancien reçoivent la version JPG/PNG classique.
Quelle taille d'image recommandée ?
La taille idéale dépend de l'emplacement de l'image sur ton site. Voici les dimensions recommandées pour chaque usage.
| Usage | Dimensions | Poids max |
|---|---|---|
| Image hero (bannière) | 1920 × 1080 px | 300 Ko |
| Galerie / portfolio | 800 × 600 px | 150 Ko |
| Logo | 200 × 60 px | 30 Ko |
| Favicon | 128 × 128 px | 10 Ko |
| Photo de profil / équipe | 400 × 400 px | 80 Ko |
| Image de blog | 1200 × 630 px | 200 Ko |
Ces dimensions sont indicatives. Madra redimensionne et compresse automatiquement tes images si elles dépassent ces tailles. Tu n'as pas besoin de les modifier avant l'envoi.
Madra optimise-t-il automatiquement ?
Oui, Madra applique automatiquement plusieurs optimisations à toutes les images de ton site.
Optimisations automatiques :
- Compression intelligente — réduction du poids sans perte visible de qualité
- Conversion WebP — format moderne plus léger, servi aux navigateurs compatibles
- Lazy loading — les images sous la ligne de flottaison ne se chargent que quand le visiteur scrolle vers elles
- Redimensionnement adaptatif — des versions multiples sont générées pour chaque taille d'écran (srcset)
- Attributs alt — textes alternatifs ajoutés pour l'accessibilité et le SEO
Envoie tes images dans la meilleure qualité possible. Madra se charge de les optimiser pour le web. Il vaut toujours mieux partir d'une image de haute qualité et la compresser, plutôt que d'envoyer une image déjà dégradée.
Comment envoyer mes images ?
Tu peux envoyer tes images à Madra de deux manières, selon le moment.
Lors de la commande :
- Le formulaire de commande inclut un champ pour uploader tes images
- Tu peux aussi envoyer un lien vers un dossier partagé (Google Drive, Dropbox, WeTransfer)
- Envoie ton logo, tes photos d'équipe, tes réalisations et toute image utile
Après la livraison :
- Connecte-toi à ton dashboard Madra
- Va dans la section Modifications
- Uploade tes nouvelles images ou envoie un lien de partage
- Précise où chaque image doit apparaitre sur ton site
Formats acceptés : JPG, PNG, WebP, SVG. Taille maximale par fichier : 20 Mo.
Si tu n'as pas de photos professionnelles, Madra sélectionne des images de haute qualité adaptées à ton activité depuis des banques d'images libres de droits.