[Traitement d'image] Quel est le meilleur format image pour les sites web ? [Résolu]

Aspic · 30/07/2007, 11h57

Salut, tout le monde

J'ai fais de nombreuses recherches sur le toile pour elucider cette question.

Mais les avis divergent vite... Certains préfèrent le jpg et d'autres le gif. Moi je préfère le png...

Enfin en ce qui concerne le poids des images, quel est le meilleur format pour un site web ?

J'attends des réponses constructives

Merci pour votre aide

leclone · 30/07/2007, 12h00

slt

pour moi, le meilleur format c le jpg (ne prend pas bcp de place)
dans tous les sites web que j'ai fais, j'ai toujours utilisé le jpg

les formats bmp prennent vraiment beaucoup trop de place

la qualité entre les bmp et les jpg sont quasiment identique

ciao

Aspic · 30/07/2007, 12h27

Citation:

Envoyé par leclone

slt

pour moi, le meilleur format c le jpg (ne prend pas bcp de place)
dans tous les sites web que j'ai fais, j'ai toujours utilisé le jpg

les formats bmp prennent vraiment beaucoup trop de place

la qualité entre les bmp et les jpg sont quasiment identique

ciao

Pourtant c'est pas le gif le plus léger ? c'est sur que la majorité des sites web ont des images en jpg mais est ce réelement le mieux ? Une autre alternative est le png...

Ok pour le bmp c'est naze

leclone · 30/07/2007, 12h30

oui c vrai que le .gif est léger mais la qualité n'est pas terrible

pour le png, je n'est jamais utilisé ce format donc je ne peux pas te renseigner

Aspic · 30/07/2007, 12h57

Ok, j'espère avoir d'autres avis

Strix · 30/07/2007, 13h06

Salut

Personnellement je suis très Jpeg pour une question de rapport qualité/poids mais j'utilise aussi le Gif quand la transparence est nécessaire

Aspic · 30/07/2007, 13h30

Citation:

Envoyé par Strix

Salut

Personnellement je suis très Jpeg pour une question de rapport qualité/poids mais j'utilise aussi le Gif quand la transparence est nécessaire

Salut !

Est ce que les gifs sont bien supportés par les nagivateurs (IE 5.0 et sup, FF 1.0 et sup, Opera 6.0 et sup, Netscape 4.0 et sup...) ?

Je sais qu'avec les PNG il y a des problemes avec IE par exemple...

Strix · 30/07/2007, 13h45

Jusqu'à présent aucun soucis pour moi avec les Gif

Dsphinx · 30/07/2007, 13h45

Hello,

Moi je suis assez web 2.0 donc j'utilise du PNG pour des nouveaux sites mais avant j'étais comme bcp très axé JPEG !

Aspic · 30/07/2007, 14h10

Citation:

Envoyé par Dsphinx

Hello,

Moi je suis assez web 2.0 donc j'utilise du PNG pour des nouveaux sites mais avant j'étais comme bcp très axé JPEG !

Et tu n'as pas des soucis avec IE pour la transparence ?

Dsphinx · 30/07/2007, 14h13

Effectivement IE6 (je sais pas le 7) n'est pas très copain avec le PNG !

Aspic · 30/07/2007, 14h20

Citation:

Envoyé par Dsphinx

Effectivement IE6 (je sais pas le 7) n'est pas très copain avec le PNG !

J'ai testé et avec les gifs ca passe et la transparance aussi !!

Je pense que je vais opter pour les gifs (pour tout les titres du site) et pour le jpg (pour les images du site) et pas de PNG comme ca pas de soucis avec IE (85% des utilisateurs ont IE ca craint !!!!

)

Dsphinx · 30/07/2007, 14h23

Citation:

Envoyé par Aspic

Je pense que je vais opter pour les gifs (pour tout les titres du site)

-> Si des fois, avec PHP tu peux générer des images dynamiquement pour tes titres avec la police de ton choix (ca t'évite de faire tout tes titres à la main).. Voila c'est juste un ptit conseil)

Momodedf · 30/07/2007, 14h25

Le probleme du PNG c'est qu'il est supporté en 8 bit mais pas en 24 bits (pour la semi-transparence).
Toutefois il existe des moyens de contourner ce probleme : un exemple ici au hasard http://www.babylon-design.com/site/i...ernet-explorer

A part ça c'est un excelent format.

Sinon le débat entre .jpeg et .gif n'est qu'une question de gout car de nos jour ça n'a pas beaucoup d'importance je crois vu les connexions de chaqun (m'enfin pensez quand même aux pauvres 56k évitez les images).

Aspic · 30/07/2007, 14h59

Citation:

Envoyé par Dsphinx

-> Si des fois, avec PHP tu peux générer des images dynamiquement pour tes titres avec la police de ton choix (ca t'évite de faire tout tes titres à la main).. Voila c'est juste un ptit conseil)

Ca me derange pas avec photoshop ca prends 20 sec par images

blueice · 30/07/2007, 16h48

Gif et JPEG se sont deux formats bien différent.
Le gif limite le nombre de couleurs, du coup le poids est bien plus léger, par contre les dégradés aie aie aie...
et les contours aussi posent problème avec transparence.

Bref, ce n'est pas l'un ou l'autre, c'est plutôt selon les cas...

trotters213 · 30/07/2007, 16h52

un petit lien intéressant pour toi : http://www.en1heure.com/choisir_un_f...gif_ou_png.php

Pour ma part, si tu as des images qui sont simplement du texte (par exemple), sans effets ni rien de bien fantastique, il vaut mieux utiliser du gif car c'est vraiment plus léger. Si après tu veux des choses un peu plus élaboré, il vaut mieux utiliser du png.

Tu peux également regarder cette conversation : http://www.developpez.net/forums/sho...&highlight=png

Corinne · 31/07/2007, 16h38

La page officielle du w3c concernant le PNG :
http://www.w3.org/Graphics/PNG/
En résumé, le PNG est plein de potentiel.
Malheureusement pas tous les navigateurs ne le supportent bien... notamment IE6 qui est encore très largement utilisé !

Pour ce qui est du choix entre .gif et .jpg il y a une règle pour aider à choisir.

Au sujet du .jpg :
Il sauve en millions de couleurs. Idéal pour ce qui contient donc, à priori, plus de 256 couleurs : par exemple photos, graphiques avec dégradés ou textures riches, etc.
Il compressera bien plus volontiers ce genre d'images là, parce que (c'est assez abstrait) il ne lit pas le nombre de couleurs qui se trouvent sur ton image, mais le nombre de pixels).

Au sujet du .gif :
Il sauve en 256 couleurs avec transparence (ce que le .jpg ne gère pas). Moins ton image comprend de couleurs, plus ce format sera idéal et compressera le mieux.
Il fonctionne le contraire du .jpg, il lit le nombre de couleurs.

Il faut donc en effet choisir selon le cas, et ne pas hésiter à mélanger les deux formats pour avoir des graphiques les plus optimisés que possible.

Aspic · 31/07/2007, 17h29

Merci à tous pour vos réponses

Je vais donc faire mon choix

30/07/2007, 11h57	#1
Aspic Expert Confirmé Florent Diedler Étudiant Inscription : août 2005 Messages : 3 720 Détails du profil Informations personnelles : Nom : Florent Diedler Localisation : France, Hauts de Seine (Île de France) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : août 2005 Messages : 3 720 Points : 3 392 Points : 3 392	[Traitement d'image] Quel est le meilleur format image pour les sites web ? Salut, tout le monde J'ai fais de nombreuses recherches sur le toile pour elucider cette question. Mais les avis divergent vite... Certains préfèrent le jpg et d'autres le gif. Moi je préfère le png... Enfin en ce qui concerne le poids des images, quel est le meilleur format pour un site web ? J'attends des réponses constructives Merci pour votre aide __________________ Qui ne tente rien n'a rien ! Ce qui ne nous tue pas nous rends plus fort !! Mon projet ZELDA en C++/Allegro http://www.tutoworld.com - Le Forum - Mes ressources Dotnet (cours, sources, tutos) -------------------------------------------- + + = Ne pas oublier le Tag !
	00

30/07/2007, 12h57	#5
Aspic Expert Confirmé Florent Diedler Étudiant Inscription : août 2005 Messages : 3 720 Détails du profil Informations personnelles : Nom : Florent Diedler Localisation : France, Hauts de Seine (Île de France) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : août 2005 Messages : 3 720 Points : 3 392 Points : 3 392	Ok, j'espère avoir d'autres avis __________________ Qui ne tente rien n'a rien ! Ce qui ne nous tue pas nous rends plus fort !! Mon projet ZELDA en C++/Allegro http://www.tutoworld.com - Le Forum - Mes ressources Dotnet (cours, sources, tutos) -------------------------------------------- + + = Ne pas oublier le Tag !
	00

30/07/2007, 13h06	#6
Strix Membre expérimenté Inscription : novembre 2006 Messages : 632 Détails du profil Informations forums : Inscription : novembre 2006 Messages : 632 Points : 516 Points : 516	Salut Personnellement je suis très Jpeg pour une question de rapport qualité/poids mais j'utilise aussi le Gif quand la transparence est nécessaire __________________ On appelle le Dr Freud aux urgences !! ------------ Quelques règles simples qui font la différence : Rechercher - FAQ - Dire bonjour - Écrire en français - Balises [code] - Dire merci - Tag
	00

30/07/2007, 13h45	#8
Strix Membre expérimenté Inscription : novembre 2006 Messages : 632 Détails du profil Informations forums : Inscription : novembre 2006 Messages : 632 Points : 516 Points : 516	Jusqu'à présent aucun soucis pour moi avec les Gif __________________ On appelle le Dr Freud aux urgences !! ------------ Quelques règles simples qui font la différence : Rechercher - FAQ - Dire bonjour - Écrire en français - Balises [code] - Dire merci - Tag
	00

30/07/2007, 13h45	#9
Dsphinx Modérateur Développeur Web Inscription : septembre 2005 Messages : 1 032 Détails du profil Informations personnelles : Sexe : Localisation : Suisse Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : septembre 2005 Messages : 1 032 Points : 754 Points : 754	Hello, Moi je suis assez web 2.0 donc j'utilise du PNG pour des nouveaux sites mais avant j'étais comme bcp très axé JPEG ! __________________ Les cours: XHTML, CSS, PHP, Flash et Javascript Expliquez votre problème clairement et pensez à remercier ceux qui vous ont aidé. N'oubliez pas : Le tag résolu est la meilleure des satisfactions sur developpez.com Aucune question technique par MP.
	00

30/07/2007, 12h00	#2
leclone Membre habitué Inscription : mai 2006 Messages : 382 Détails du profil Informations personnelles : Âge : 26 Localisation : France, Nord (Nord Pas de Calais) Informations forums : Inscription : mai 2006 Messages : 382 Points : 118 Points : 118	slt pour moi, le meilleur format c le jpg (ne prend pas bcp de place) dans tous les sites web que j'ai fais, j'ai toujours utilisé le jpg les formats bmp prennent vraiment beaucoup trop de place la qualité entre les bmp et les jpg sont quasiment identique ciao
	00

30/07/2007, 12h30	#4
leclone Membre habitué Inscription : mai 2006 Messages : 382 Détails du profil Informations personnelles : Âge : 26 Localisation : France, Nord (Nord Pas de Calais) Informations forums : Inscription : mai 2006 Messages : 382 Points : 118 Points : 118	oui c vrai que le .gif est léger mais la qualité n'est pas terrible pour le png, je n'est jamais utilisé ce format donc je ne peux pas te renseigner
	00

30/07/2007, 14h13	#11
Dsphinx Modérateur Développeur Web Inscription : septembre 2005 Messages : 1 032 Détails du profil Informations personnelles : Sexe : Localisation : Suisse Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : septembre 2005 Messages : 1 032 Points : 754 Points : 754	Effectivement IE6 (je sais pas le 7) n'est pas très copain avec le PNG ! __________________ Les cours: XHTML, CSS, PHP, Flash et Javascript Expliquez votre problème clairement et pensez à remercier ceux qui vous ont aidé. N'oubliez pas : Le tag résolu est la meilleure des satisfactions sur developpez.com Aucune question technique par MP.
	00

30/07/2007, 14h25	#14
Momodedf Membre actif Inscription : juillet 2007 Messages : 246 Détails du profil Informations personnelles : Âge : 23 Informations forums : Inscription : juillet 2007 Messages : 246 Points : 176 Points : 176	Le probleme du PNG c'est qu'il est supporté en 8 bit mais pas en 24 bits (pour la semi-transparence). Toutefois il existe des moyens de contourner ce probleme : un exemple ici au hasard http://www.babylon-design.com/site/i...ernet-explorer A part ça c'est un excelent format. Sinon le débat entre .jpeg et .gif n'est qu'une question de gout car de nos jour ça n'a pas beaucoup d'importance je crois vu les connexions de chaqun (m'enfin pensez quand même aux pauvres 56k évitez les images).
	00

30/07/2007, 16h48	#16
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	Gif et JPEG se sont deux formats bien différent. Le gif limite le nombre de couleurs, du coup le poids est bien plus léger, par contre les dégradés aie aie aie... et les contours aussi posent problème avec transparence. Bref, ce n'est pas l'un ou l'autre, c'est plutôt selon les cas... __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

30/07/2007, 16h52	#17
trotters213 Expert Confirmé Inscription : janvier 2005 Messages : 2 572 Détails du profil Informations personnelles : Âge : 26 Localisation : France, Gard (Languedoc Roussillon) Informations forums : Inscription : janvier 2005 Messages : 2 572 Points : 2 605 Points : 2 605	un petit lien intéressant pour toi : http://www.en1heure.com/choisir_un_f...gif_ou_png.php Pour ma part, si tu as des images qui sont simplement du texte (par exemple), sans effets ni rien de bien fantastique, il vaut mieux utiliser du gif car c'est vraiment plus léger. Si après tu veux des choses un peu plus élaboré, il vaut mieux utiliser du png. Tu peux également regarder cette conversation : http://www.developpez.net/forums/sho...&highlight=png __________________ Pensez au tag Les règles du Forum Dev. Web : FAQ (X)HTML/CSS \| Tutos (X)HTML \| Tutos CSS PHP : FAQ PHP \| Tutos PHP \| Benchmark PHP 5 SQL : Cours SQL
	00

31/07/2007, 16h38	#18
Corinne Futur Membre du Club Inscription : août 2002 Messages : 57 Détails du profil Informations forums : Inscription : août 2002 Messages : 57 Points : 17 Points : 17	La page officielle du w3c concernant le PNG : http://www.w3.org/Graphics/PNG/ En résumé, le PNG est plein de potentiel. Malheureusement pas tous les navigateurs ne le supportent bien... notamment IE6 qui est encore très largement utilisé ! Pour ce qui est du choix entre .gif et .jpg il y a une règle pour aider à choisir. Au sujet du .jpg : Il sauve en millions de couleurs. Idéal pour ce qui contient donc, à priori, plus de 256 couleurs : par exemple photos, graphiques avec dégradés ou textures riches, etc. Il compressera bien plus volontiers ce genre d'images là, parce que (c'est assez abstrait) il ne lit pas le nombre de couleurs qui se trouvent sur ton image, mais le nombre de pixels). Au sujet du .gif : Il sauve en 256 couleurs avec transparence (ce que le .jpg ne gère pas). Moins ton image comprend de couleurs, plus ce format sera idéal et compressera le mieux. Il fonctionne le contraire du .jpg, il lit le nombre de couleurs. Il faut donc en effet choisir selon le cas, et ne pas hésiter à mélanger les deux formats pour avoir des graphiques les plus optimisés que possible.
	00

31/07/2007, 17h29	#19
Aspic Expert Confirmé Florent Diedler Étudiant Inscription : août 2005 Messages : 3 720 Détails du profil Informations personnelles : Nom : Florent Diedler Localisation : France, Hauts de Seine (Île de France) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : août 2005 Messages : 3 720 Points : 3 392 Points : 3 392	Merci à tous pour vos réponses Je vais donc faire mon choix __________________ Qui ne tente rien n'a rien ! Ce qui ne nous tue pas nous rends plus fort !! Mon projet ZELDA en C++/Allegro http://www.tutoworld.com - Le Forum - Mes ressources Dotnet (cours, sources, tutos) -------------------------------------------- + + = Ne pas oublier le Tag !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email