Images un peu trop lourdes

Bonjour,

Une école privée du coin m'a demandé de refaire leur site web proprement. Voici d'abord le site existant :

http://www.scholae.fr

C'est le directeur de l'école qui a fait le site avec Dreamweaver. Je lui ai proposé de refaire ça proprement, à la main, en utilisant le XHTML et le CSS et en respectant les standards. Voici le nouveau site (en cours) :

http://www.scholae.fr/nouveau/

Le directeur m'a transmis les images de l'école au format original, c'est des fichiers TIF très lourds : 20 Mo par image. Je les ai retravaillées, c'est-à-dire que je les ai découpées, redimensionnées et enregistrées au format PNG, mais elles me semblent toujours passablement lourdes : 350 ko. J'ai joué un peu avec les palettes, mais du coup, ça les rend trop "pixellisées".

Est-ce que vous pouvez me conseiller une astuce pour alléger les images du site sans qu'elles perdent trop en qualité, par exemple celle en haut à droite de la page http://www.scholae.fr/nouveau/internat.html ? Pour ma part, j'utilise GIMP et ImageMagick sous Linux (CentOS 5.4).
Modifié par kikinovak (25 Apr 2010 - 09:35)

Bonjour,

En choisissant le PNG tu n'auras pas une compression efficace pour réduire la taille en octet de tes images. Je viens de faire un essai avec ton image panorama compressé en JPG cette fois ci et on passe de 350ko a 100ko en gardant une bonne qualité. Cela divise par plus de 3 le poids de ton image!
Je suppose que tu utilises le PNG pour créer l'ombre portée, mais tu dois pouvoir le faire avec un CSS. Je suis debutant aussi et je ne connais pas encore le code associé, mais je suis sur que quelqu'un ici t'en donneras l'exemple. Ou bien fais une recherche sur le net (meme directement sur ce site)tu vas forcement trouvé la soluce.

Bon courage
Modifié par voxel (25 Apr 2010 - 10:24)

Tiens j'ai trouvé ça:

http://www.alistapart.com/articles/cssdropshadows
Modifié par voxel (25 Apr 2010 - 10:26)

Pour l'ombrage : http://www.alsacreations.com/tuto/lire/910-creer-des-ombrages-ombres-css-box-shadow-text-shadow.html

Bonjour,

Tout d'abord merci pour vos réponses. Je sais qu'on peut créer des ombres portées avec les CSS, mais j'ai choisi la version "codée en dur" pour que ça s'affiche vraiment sur tous les navigateurs (sauf Lynx ).

Bonjour,

À partir du moment ou ton fond est et sera toujours uni sous tes photos, rien ne t'empèche de l'inclure dans l'image, ce qui te permet de sauver au format PNG.

Je ne comprends pas. Mon font est inclus dans l'image, et toutes les images sont au format PNG. La question, c'est comment les dégraisser sans trop les dégueulasser ?

En les sauvant au format jpg, cela a déjà été dit.