Images à alléger... PHP ? [Résolu]

Bonjour !

Sur le site sur lequel je suis en train de travailler, j'ai l'impression que les images ont du mal à arriver parce qu'elles sont trop lourdes (certaines font plus d'un Mo).

J'aimerais savoir quelle est la taille optimale d'une image pour le web.

Sachant cela, je voudrais générer des images plus légères :
- soit à la volée;
- soit une fois pour toutes.

Je sens qu'on peut faire ça en PHP, mais je vois mal comment appliquer cette faculté à mon site.

Pour constater le problème, voyez http://lesitedelafetedudemisiecle.chez.tiscali.fr/index.php

Merci de votre aide.
Modifié par Grand Mamamouchi (28 Feb 2005 - 22:42)

Et bien, bonsoir Grand Mamamouchi,

A première vue, ces images sont effectivement un peu lourdes
A deuxième vue, il serait préférable de les passer en résolution 72 dpi à l'aide d'un logiciel de retouche d'images, car elles sont à 300 dpi, format nécessaire à l'impression mais inutile à l'écran.

Peut-être aussi, réduire leur taille en pixel car elles remplissent avantageusement mon écran 19 pouces en résolution 1280 et je n'ose imaginer le résultat sur un écran de moins haute définition.

Je connais mal PhP, mais je ne pense pas qu'il puisse régler ce problème.

Enfin et si je puis émettre une petite remarque, le javascript n'est pas très indiqué car il peut être désactivé par certains internautes (soucieux de leur sécurité et de leur tranquilité), et dans ce cas, les enchaînements ne seront plus actifs.

Mais peut-être que le Php offre une alternative ?
No lo sé ...

En bref, pas très accessible tout ça.

Ce forum se préoccupe beaucoup et à juste titre de l'accessibilité ...

Voili, voilà.

Bonsoir Vero,

et merci d'avoir pris soin de me répondre.

"il serait préférable de les passer en résolution 72 dpi à l'aide d'un logiciel de retouche d'images"
Il y a environ une centaine d'images sur ce site. J'avoue que je n'ai pas le courage de me colleter de les modifier 'à la main' une par une.

"le javascript n'est pas très indiqué car il peut être désactivé par certains internautes"
Ce site n'aura pas de vocation 'grand public', et ses visiteurs n'auront qu'à prendre leurs responsabilités.

"les enchaînements ne seront plus actifs."
Justement, je ne vois pas comment produire ces enchaînements autrement qu'avec javascript.

Même si ton site n'a pas une vocation grand public, il est quand même destiné à un public ... à moins que tu le fasses pour toi tout seul, auquel cas ...

Il existe des outils qui peuvent te générer des images réduites automatiquement. Le logiciel Dreamweaver, par exemple, propose une fonction de création d'album photo. A partir d'un répertoire dans lequel tu stockes tes photos originales, il créé automatiquement des pages affichant chaque photo dans un format correct. Mais je pense qu'il faut aussi le logiciel graphique qui l'accompagne, c'est à dire fireworks. Je ne peux pas vérifier tout de suite, je ne suis pas sur le bon système. Mais cela représente un investissement ...

Il existe peut-être d'autres applications qui pourraient faire cela. Sûrement.

Pour le reste, un spécialiste Php va sûrement venir à la rescousse.

Hé, ho ! HoPhp, tu es là !

Bon, là c'est samedi soir, ils font tous la fête ... mais d'ici demain !

Rajoute Php dans ton sujet ...


Modifié par Vero (27 Feb 2005 - 03:13)

"il est quand même destiné à un public"
Oui ! à un public qui me connait, et qui n'a aucune raison de penser que je veux lui refiler des cochonneries.

"Il existe des outils qui peuvent te générer des images réduites automatiquement. Le logiciel Dreamweaver, par exemple, propose une fonction de création d'album photo. A partir d'un répertoire dans lequel tu stockes tes photos originales, il créé automatiquement des pages affichant chaque photo dans un format correct."
Merci pour cette information.
Modifié par Grand Mamamouchi (27 Feb 2005 - 03:27)

J'ai lu quelque part, que la taille idéale tourne autour de 20ko (images comprises) (livre : trucs de pros, Olivier Duffez et Olivier ? si je me souviens bien)
Attention, il ne s'agit pas du fichier de base en php mais de ce qui transite réellement sur la ligne telephonique. en tout cas, c'est comme ça que je l'interprète.
Si tu a des images qui sont très lourdes, tu peux en faire 2 versions : Une version allégée pour que le visiteur la voit avec possibilité d'agrandissement

Grand Mamamouchi a écrit :

Sur le site sur lequel je suis en train de travailler, j'ai l'impression que les images ont du mal à arriver parce qu'elles sont trop lourdes (certaines font plus d'un Mo).

Ce n'est pas qu'une impression

Grand Mamamouchi a écrit :

J'aimerais savoir quelle est la taille optimale d'une image pour le web.

Voici les limites retenues par les bonnes pratiques qualité Opquast :

a écrit :

Sauf avertissement préalable, la quantité de données à télécharger pour afficher une page est inférieure à 150 Ko.

Aucun objet multimédia de plus de 50 ko (image ou autre) n'est envoyé sans avertissement préalable, prévisualisation ou affichage progressif.

( http://www.opquast.com )

Grand Mamamouchi a écrit :
"le javascript n'est pas très indiqué car il peut être désactivé par certains internautes"
Ce site n'aura pas de vocation 'grand public', et ses visiteurs n'auront qu'à prendre leurs responsabilités.

Es-tu certain à 100% que tous tes visiteurs auront en permanence javascript disponible et activé, ou la possibilité de l'activer ?
Es-tu sûr qu'un jour ou l'autre, aucun de tes visiteurs n'utilisera un navigateur qui n'exécutera pas ton javascript, vu que celui-ci n'est pas standard ?
Tu prends le parti de faire un site qui restreint considérablement son audience potentielle. C'est un choix possible, certes. Mais assure-toi de le faire en connaissance de cause. Ne serait-ce que parce tu te retrouveras peut-être toi-même à ne pas pouvoir consulter ton propre site

Grand Mamamouchi a écrit :

"il est quand même destiné à un public"
Oui ! à un public qui me connait, et qui n'a aucune raison de penser que je veux lui refiler des cochonneries.

C'est fou, le nombre de gens que je connais, et qui m'ont autrefois refilé des cochonneries, quand j'y repense L'une des bases de la sécurité sur le Web est une saine paranoïa .

alibaba a écrit :

Si tu a des images qui sont très lourdes, tu peux en faire 2 versions : Une version allégée pour que le visiteur la voit avec possibilité d'agrandissement

Comme je vois la tentation ou la confusion qui pointe le bout de son nez, autant préciser:

opquast, encore a écrit :

Les vignettes ne sont pas des images de taille supérieure redimensionnées côté client.

Modifié par Laurent Denis (27 Feb 2005 - 09:29)

Je vais paraître un peu bourrin, mais moi, je ne les vois même pas les images. Ni sous IE, ni sous MF, ni sous Opéra.

Gag !

@Vero> On m'appelle ?

Bon, mon avis: Vu que les images finales seront TOUTES et TOUT LE TEMPS petites, il n'y a aucun intérêt à mon sens de les faire réduire par PHP (même si c'est tout à fait possible, soyons clair) Il faut les réduire manuellement par un autre biais. Je sais (mais je ne retrouve pas) qu'il existe des programmes gratuits qui font de la réduction massive d'images
=> !

Maintenant, mon avis sur le site. Ce que je vois, c'est une tentative de faire de "fashion, interactif, qui_en_met_plein_les_yeux". J'apprécie l'effort et j'admire l'immense boulot. Maintenant, je pense qu'il eût été beaucoup plus simple de produire le même effet avec un programme comme OpenOffice Présentation (MS PowerPoint). Pour le même effet, des heures en moins de boulot. Bon, ça doit être sur le web, admettons. Immédiatement, je pense à Flash. Je ne connais ni ne maîtrise Flash, mais je suppose qu'il est aisément possible de faire quelque chose comme ça, pour le web.

Le (x)HTML est conçu pour structurer du contenu. ( sémantiquer © Anthony)Ensuite, en s'aidant d'un langage tel le CSS, on présente ce contenu structuré. On peut ajouter un peu de dynamisme (je ne sais pas si le mot est bien choisi) optionnel par un langage exécuté coté client: ECMAScript, JavaScript, etc. Ce langage doit apporter certaines facilités optionnelles.

Tu as détourné le (x)HTML (, le CSS) et le Javascript pour faire du Flash (ou de la présentation PowerPoint (© MS) ). Pour ça bravo, mais à mon avis, ce n'est pas la bonne méthode.

@+, HoPHP

P.S. Si ça fonctionne, tant mieux, ceci dit !

a écrit :
"il est quand même destiné à un public"
Oui ! à un public qui me connait, et qui n'a aucune raison de penser que je veux lui refiler des cochonneries.

"Il existe des outils qui peuvent te générer des images réduites automatiquement. Le logiciel Dreamweaver, par exemple, propose une fonction de création d'album photo. A partir d'un répertoire dans lequel tu stockes tes photos originales, il créé automatiquement des pages affichant chaque photo dans un format correct."
Merci pour cette information.

Wouaw! N'est-tu pas un peu sec? Il ne s'agit pas de "refiler des cochonneries", comme tu dis, mais de permettre aux visiteurs de visualiser commodément les images à l'écran. La solution généralement adaptée par les sites proposant des images haute définition consiste à les proposer en deux définitions: une basse définition, permettant de les voir à l'écran sans problèmes de temps de chargement ou de taille écran excessifs, et une haute définition, à télécharger.

Outre Dreamweaver, Photoshop fait ça très bien, soit image par image (fonction Enregistrer pour le web), soit à l'aide de scripts, et il permet même de créer automatiquement des galeries d'images et des vignettes (Fichier > Automatisation).

a écrit :
Il y a environ une centaine d'images sur ce site. J'avoue que je n'ai pas le courage de me colleter de les modifier 'à la main' une par une.

À une minute l'image, sans automatisation, en étant large, avec un logiciel de retouche d'image, c'est quand même pas la fin du monde.

P.-S. Je n'ai pas vu les images non plus.
Modifié par thierry (27 Feb 2005 - 17:33)

@HoPHP>

HoPHP a écrit :
il n'y a aucun intérêt à mon sens de les faire réduire par PHP (même si c'est tout à fait possible, soyons clair)

Comment peut-on les passer en 72 dpi par PHP ?
J'ai vu les photos, elles sont en 300.

Salut à tous,

J'en profite pour donner un petit lien qui peut donner un coup de main dans ce genre de préocuppations :

http://www.websiteoptimization.com/speed/tweak/

Ils proposent même d'analyser la vitesse de chargement de votre page :

http://www.websiteoptimization.com/services/analyze/

ça vaut ce que ça vaut mais aucun conseil n'est superflu

Vero a écrit :
[...]
@HoPHP>Comment peut-on les passer en 72 dpi par PHP ? J'ai vu les photos, elles sont en 300.

Je n'en sais rien. Je n'ai jamais fait de manipulations d'images par PHP. Je pense à imagecopyresampled(). C'est à voir.

Mais comme je l'ai dit, inutile à mon sens de le faire par PHP !

@+, HoPHP

Moi je n'arrive pas à accéder au site que ce soit sous FF ou IE... Je reste toujours bloqué à "Demi-siècle au Château-Laroque"

Nilpohc a écrit :

Ils proposent même d'analyser la vitesse de chargement de votre page :

http://www.websiteoptimization.com/services/analyze/

ça vaut ce que ça vaut mais aucun conseil n'est superflu

hum...

Pas très efficace avec les images via CSS.

Il suppose que toutes les images présentes dans la feuille de style seront chargées, et ce au même moment (:hover inclus).

Bref, il y a de quoi fausser les résultats

@Stephan

Très bonne remarque, merci pour cette précision, j'avoue que je n'avais réutilisé leur service depuis que je me suis mis aux CSS.

Donc c'est bien ce que je disais, "ça vaut ce que ça vaut", néanmoins ça peut quand même aider.

Merci pour toutes vos contributions !