Bonjour,
Pour optimiser le chargement d'images sur un site, quel type doit-on? Pour l'instant j'utilise des gif,dois-je utiliser png ou autre?
Merci d'avance
Bonjour,
Pour optimiser le chargement d'images sur un site, quel type doit-on? Pour l'instant j'utilise des gif,dois-je utiliser png ou autre?
Merci d'avance
Avant toutes questions : Développement Web, (X)HTML, CSS, JavaScript, AJAX, ASP, Flash/Flex, Webmarketing, XML, PHP
le PNG est encore plus gros donc plus long à charger.
Après il faut faire un choix entre jpeg et gif mais là c'est spécifique à chaque image et à la qualité que tu souhaites
Grosso merdo, le jpg doit etre utilise pour des images avec des gros applats de couleurs et d'une taille "consequente" (à ne pas faire pour une image de 10px/10px), le gif est plutot a prescrire pour les autres (genre icones, smiley, petits rolos...)
Tu peux aussi avoir 2 images, 1 de taille inférieure à 10ko pour une miniature et lorsque l'utilisateur clique dessus pour aggrandir, la "vraie" photo de taille autour de 100ko.
Pour des photos sur le web, ça suffit!
Donc je devrai utiliser le gif pour mes images de 106*130 et jpg pour mes images de 618*308:
Avant toutes questions : Développement Web, (X)HTML, CSS, JavaScript, AJAX, ASP, Flash/Flex, Webmarketing, XML, PHP
Fais des tests ... C'est le plus simple... Tu verra que png est pas mal pour les petites images, et propose 255 niveaux de transparence (Ca permet de faire des choses très sympa), masi surtout ca n'est pas un format destructeur ! Du coup ca grossi assez vite et si les couleurs ne sont pas capitale, se retrouner vers le gif devient intéressant (Et au passage, gif permet de faire des animations... Mais un la transparence n'est pas "progressive" (Un pixel est transparent ou ne l'est pas ...) Enfin, pour les images ou les couleurs et contours ne sont pas capitaux, il y a le jpeg ...
Enregistre tes images dans ces différents formats et compare leurs taille ... mais aussi leur qualité !
Ok merci je suivrais ton conseil![]()
Avant toutes questions : Développement Web, (X)HTML, CSS, JavaScript, AJAX, ASP, Flash/Flex, Webmarketing, XML, PHP
Partager