Redimensionner rapidement vos photos pour le web
Respecter vos utilisateurs et la planète, redimensionner vos photos
En bref
Avant de mettre des photos et images sur le web, deux étapes nécessaires :
- les redimensionner
- les compresser
Pour cela, il existe des outils en ligne très simples et gratuits. Une vidéo vaut mieux qu’un long discours :
Loading …
Il n’a rien de plus frustrant d’arriver sur un site et d’attendre qu’il se charge. Pis, le texte s’affiche bien, mais il est blanc et reste illisible tant que la photo du fond n’est pas chargée. Et si cela met du temps, il y a de fortes chances que le nécessaire n’a pas été fait pour l’adapter à un site web.
Les images (et notamment les photos) sont comme le contenu textuel : il faut les adapter au moyen de communication. Dans notre cas, vous l’aurez compris, le moyen, c’est le site web.
Ce n’est pas la peine d’avoir des photos qui ont des dimensions gigantesques, comme 4000x3000, quand la grande majorité des écrans ne dépassent pas les 1400 pixels de large (et ne parlons pas du mobile).
Etape 1 : Redimensionner
Vous l’avez compris, redimensionner ses photos est une étape nécessaire.
Mais ce n’est pas tout. Une 2nde étape est indispensable : la compression.
Etape 2 : Compression
Pour faire court et simple, la compression va enlever des détails de l’image. Et comme l’idée n’est pas de rendre illisible les images,il faut trouver le juste équilibre pour enlever juste les détails qui ne sont pas visibles à l’oeil.
Ne vous embêtez pas avec les détails, il existe des outils qui sont bien paramétrés et qui fonctionnent comme pierre qui roule*.
Si comme moi, vous mettez souvent du contenu en ligne, j’ai réalisé une rapide vidéo qui explique comment redimensionner et compresser rapidement ses photos pour le web.
Compress them all !
Je parle de photos, mais bien évidemment, avoir des icônes de 512 pixels de large, alors qu’elles n’en prennent que 50 sur le site final revient au même problème. De manière générale, tout ce qui est image doit passer par ces deux étapes : redimensionnement et compression.
Tout ce qui est image doit passer par ces deux étapes : redimensionnement et compression.
Il existe d’autres outils pour le faire : via des logiciels sur votre machine, ou via des services en ligne. Ces outils sont bien plus adaptés si vous traitez des quantités importantes de fichiers, ou si vous souhaitez automatiser cette tâche.
De tête, nous avons :
- ImageMagick en ligne de commande
- n’importe quel outil de retouche graphique : PhotoShop, Gimp…
- via des API en ligne : TinyJPG, IMGIX
Il existe également des services de stockage (comme Imgur) qui permettent de consommer vos images sous différentes tailles.
Je n’ai jamais vraiment eu l’occasion de les utiliser, je ne vais donc pas me prononcer à leur sujet.
Vous l’aurez compris, il existe forcément un outil pour résoudre votre problème !
Si vous avez d’autres outils à conseiller, ou d’autres astuces, n’hésitez pas. Je suis tout ouï.
La bise.
*cette expression n’existe pas. Je vois que vous êtes vigilants, bravo.
