L’optimisation des images est essentielle pour avoir un site web performant et offrir une meilleure expérience à vos visiteurs. Voici un guide simple pour vous aider à préparer vos images avant de les télécharger sur votre site.
Pourquoi optimiser ses images ?
- Ralentir considérablement le chargement de votre site
- Consommer inutilement la data mobile de vos visiteurs
- Occuper trop d’espace de stockage sur votre hébergement
Quelles sont les dimensions idéales ?
Pour un affichage optimal sur le web, vos images n’ont généralement pas besoin de faire plus de :
- 1920 pixels de large pour une image pleine largeur
- 800 à 1200 pixels de large pour une image dans un article
- 600 pixels de large pour une vignette de produit
Le poids recommandé est de moins de 500 Ko par image, avec un maximum de 3 Mo sur CmonSite.
Comment réduire facilement vos images ?
Vous avez plusieurs options simples pour optimiser vos images. Choisissez celle qui vous convient le mieux :
Sur Windows avec Photos
- Ouvrez votre image avec l'application Photos de Windows (installée par défaut)
- Cliquez sur les trois points (…) en haut à droite
- Choisissez "Redimensionner"
- Sélectionnez une des tailles proposées :
- "Définir une taille personnalisée" pour choisir des dimensions précises
- "Grande (1920 x 1080)" pour une image pleine largeur
- "Moyenne" pour une image d'article
- La case "Conserver les proportions" doit rester cochée
- Cliquez sur "Enregistrer une copie"
Sur Mac avec Aperçu
- Ouvrez votre image avec l'application Aperçu (installée par défaut)
- Dans le menu, cliquez sur "Outils" puis "Ajuster la taille"
- Dans la fenêtre qui s'ouvre :
- Vérifiez que "Conserver les proportions" est coché
- Changez la largeur ("Largeur") selon vos besoins (ex: 1920)
- La hauteur s'ajustera automatiquement
- Cliquez sur "OK"
- Dans le menu "Fichier", choisissez "Exporter"
- Dans la fenêtre d'export :
- Choisissez un nom pour votre nouvelle image
- Réglez la qualité avec le curseur "Qualité" (80% offre souvent un bon compromis)
- Cliquez sur "Enregistrer"
Avec l'outil en ligne iLoveIMG
Si vous préférez une solution en ligne simple et rapide :
- Rendez-vous sur iLoveIMG
- Cliquez sur “Redimensionner image”
- Cliquez sur “Sélectionner des images” et choisissez vos photos
- Dans les options de redimensionnement :
- Sélectionnez “Par largeur” et entrez la largeur souhaitée (ex: 1920)
- Cochez “Maintenir les proportions”
- Cliquez sur “Redimensionner les images”
- Une fois terminé, cliquez sur “Télécharger les images” pour récupérer vos images optimisées
L’avantage de cet outil est qu’il vous permet de traiter plusieurs images à la fois et qu’il est très simple d’utilisation.
Conseils supplémentaires
- Faites toujours une copie de vos images originales avant de les modifier
- Pour les photos de produits, privilégiez un fond clair ou blanc pour un meilleur rendu
- Si possible, utilisez le format JPEG pour les photos et PNG pour les logos ou images avec transparence
- Vérifiez que le texte reste lisible après la compression
- Si une image contient du texte important, évitez de trop la comprimer pour garder la lisibilité
En suivant ces conseils, vous aurez des images optimisées qui se chargeront rapidement tout en restant de bonne qualité. Vos visiteurs apprécieront la rapidité de navigation sur votre site !