Optimisation image web

j.tel Messages postés 133 Date d'inscription   Statut Membre Dernière intervention   -  
jisisv Messages postés 3645 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,

je suis en train de realiser un site web dynamique qui dispose d'une rubrique Gallerie faite par le plugin lightBox.

quand je clique sur gallerie j'obtiens toutes les images que jai stocké dans la table gallerie
mon besoin et de diminuer la taille des images au depart car elles prennent bkp de temps pour se telecharger
jai essayé de specifier leur width height dana la balise <img ....> mais rien de marche

existe-il une astuce pour faire ça sans stocké 2 images dans la base ?
A voir également:

4 réponses

dream666 Messages postés 735 Date d'inscription   Statut Membre Dernière intervention   104
 
bonjour,
c'est normale car le problème vient que l'image même avec un redimensionnement comme tu le fait, aura quand même le même poids donc un chargement autant long quel soit grande ou petite.
Je pense que tu devrai trouver ce que tu veux avec la librairie GD de php. Elle m'avait permis de créer un générateur de miniatures, il y a peut être mieux comme astuce mais je connais mal cette librairie.
0
jisisv Messages postés 3645 Date d'inscription   Statut Modérateur Dernière intervention   934
 
Je ne connais pas lightBox.
Ce que je te conseille, c'est de créer des réductions de tes images à la taille désirée pour tes vignettes dans un sous-répertoire thumbs par exemple.
Tu préfixe tes vignettes avec thmb80x60_ par exemple.
Lors du chargement du catalogue ce sont ces vignettes que tu chargeras (avec une charge réseau et un délai moindre).
Tu ne précises pas ton OS.
Avec ImageMagick par exeple sous Linux:
johand@osiris: ~/tmp/2011-09-27 $ ll 
total 3824 
-rw-r--r-- 1 johand johand 452815 sep 27 14:24 P9270001.jpg 
-rw-r--r-- 1 johand johand 436353 sep 27 14:25 P9270002.jpg 
-rw-r--r-- 1 johand johand 426480 sep 27 15:20 P9270003.jpg 
-rw-r--r-- 1 johand johand 427003 sep 27 15:20 P9270004.jpg 
-rw-r--r-- 1 johand johand 428305 sep 27 15:21 P9270005.jpg 
-rw-r--r-- 1 johand johand 425560 sep 27 15:54 P9270006.jpg 
-rw-r--r-- 1 johand johand 430720 sep 27 16:26 P9270007.jpg 
-rw-r--r-- 1 johand johand 419586 sep 27 16:26 P9270008.jpg 
-rw-r--r-- 1 johand johand 450180 sep 27 16:26 P9270009.jpg 
johand@osiris: ~/tmp/2011-09-27 $ mkdir thumbs ;for image  in *jpg ; do convert -resize 80x60 ${image} thumbs/thumb80x60_${image}; done 
johand@osiris: ~/tmp/2011-09-27 $ ll thumbs/ 
total 156 
-rw-r--r-- 1 johand johand 16265 déc 29 12:48 thumb80x60_P9270001.jpg 
-rw-r--r-- 1 johand johand 16344 déc 29 12:48 thumb80x60_P9270002.jpg 
-rw-r--r-- 1 johand johand 16517 déc 29 12:48 thumb80x60_P9270003.jpg 
-rw-r--r-- 1 johand johand 16335 déc 29 12:48 thumb80x60_P9270004.jpg 
-rw-r--r-- 1 johand johand 16699 déc 29 12:48 thumb80x60_P9270005.jpg 
-rw-r--r-- 1 johand johand 16575 déc 29 12:48 thumb80x60_P9270006.jpg 
-rw-r--r-- 1 johand johand 16056 déc 29 12:48 thumb80x60_P9270007.jpg 
-rw-r--r-- 1 johand johand 16209 déc 29 12:48 thumb80x60_P9270008.jpg 
-rw-r--r-- 1 johand johand 16112 déc 29 12:48 thumb80x60_P9270009.jpg


Gates gave ^H sold you the windows.
GNU gave us the whole house.(Alexandrin)
0
j.tel Messages postés 133 Date d'inscription   Statut Membre Dernière intervention   1
 
re merci pour votre reponse je pense que la meilleur solution c'est la librerie GD exectement ce que vous venez de dire dream666

je vous remercie
0
jisisv Messages postés 3645 Date d'inscription   Statut Modérateur Dernière intervention   934
 
Tout cela dépend des ressources de ton serveur.
Si tu effectues la création en lot des vignettes (en local), cela évitera des appels répétitifs à la bibliothèque GD sur le serveur,
A la limite tu scriptes en local et effectue un update par ftp ou toute autre méthode que tu utilises pour mettre à jour ton serveur.
Bonne fin d'année.
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
lightbox ne doit pas être réellement à l'origine du problème ...
peux nous mettre un lien vers une des images affichée en taille réelle ?
je verrai si je peux faire un exemple ;)
0

Discussions similaires