Blanche de Peuterey.com, création web à Grenoble

L’internet au service de la Communauté

Site en pleine refonte. J'utilise les squelettes de base de Spip le temps de produire quelque chose de mieux

Accueil > Nouvelles brèves > Réduire le poids d’une image pour le web

Réduire le poids d’une image pour le web

vendredi 10 mai 2013, par Eric Le Meur

La tendance (2013...) est à l’image de fond sur les sites web, ce que l’on peut constater sur cssmania.com par exemple.

Quelques sites pour illustrer mon propos :

Kinhr.com

Boldking

ou encore

Move dance convention

Pour ce genre d’image, un élément fondamental reste le poids. Le site a besoin d’une image de grande taille qui dépasse en largeur les écrans les plus larges, et de ce fait le poids de l’image risque d’être élevé ; l’image sera donc longue à charger.

Avec Gimp, pour réduire le poids d’une image, il existe un plugin intitulé "Save for the web". Ce plugin optimise la qualité de votre image pour un site web.

Dans le dossier du plugin téléchargé, vous avez toutes les instructions d’installation.

Enfin, si vous souhaitez des informations sur les images de fond en css, suivez le lien que je viens de vous indiquer. Vous y trouverez, entre autre, des informations sur

background-image

background-repeat

background-position

et quelques conseils pratiques.