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 -
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 ?
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:
- Optimisation image web
- Optimisation pc - Accueil - Utilitaires
- Web office - Guide
- Image iso - Guide
- Création site web - Guide
- Optimisation découpe panneau gratuit - Télécharger - Outils professionnels
4 réponses
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.
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.
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:
Gates gave ^H sold you the windows.
GNU gave us the whole house.(Alexandrin)
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)
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
je vous remercie
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.
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.