IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Webdesign & Ergonomie Discussion :

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


Sujet :

Webdesign & Ergonomie

  1. #1
    Expert confirmé
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : août 2005
    Messages : 3 905
    Points : 4 324
    Points
    4 324
    Par défaut [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 !

  2. #2
    Membre habitué
    Profil pro
    Inscrit en
    mai 2006
    Messages
    382
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : mai 2006
    Messages : 382
    Points : 151
    Points
    151
    Par défaut
    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
    Développeur LotusScript

  3. #3
    Expert confirmé
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : août 2005
    Messages : 3 905
    Points : 4 324
    Points
    4 324
    Par défaut
    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
    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 !

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    mai 2006
    Messages
    382
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : mai 2006
    Messages : 382
    Points : 151
    Points
    151
    Par défaut
    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
    Développeur LotusScript

  5. #5
    Expert confirmé
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : août 2005
    Messages : 3 905
    Points : 4 324
    Points
    4 324
    Par défaut
    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 !

  6. #6
    Membre confirmé Avatar de Strix
    Inscrit en
    novembre 2006
    Messages
    632
    Détails du profil
    Informations forums :
    Inscription : novembre 2006
    Messages : 632
    Points : 604
    Points
    604
    Par défaut
    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

  7. #7
    Expert confirmé
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : août 2005
    Messages : 3 905
    Points : 4 324
    Points
    4 324
    Par défaut
    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...
    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 !

  8. #8
    Membre confirmé Avatar de Strix
    Inscrit en
    novembre 2006
    Messages
    632
    Détails du profil
    Informations forums :
    Inscription : novembre 2006
    Messages : 632
    Points : 604
    Points
    604
    Par défaut
    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

  9. #9
    Membre éclairé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : septembre 2005
    Messages : 1 082
    Points : 884
    Points
    884
    Par défaut
    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.

  10. #10
    Expert confirmé
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : août 2005
    Messages : 3 905
    Points : 4 324
    Points
    4 324
    Par défaut
    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 ?
    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 !

  11. #11
    Membre éclairé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : septembre 2005
    Messages : 1 082
    Points : 884
    Points
    884
    Par défaut
    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.

  12. #12
    Expert confirmé
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : août 2005
    Messages : 3 905
    Points : 4 324
    Points
    4 324
    Par défaut
    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 !!!! )
    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 !

  13. #13
    Membre éclairé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : septembre 2005
    Messages : 1 082
    Points : 884
    Points
    884
    Par défaut
    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)
    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.

  14. #14
    Membre actif Avatar de Momodedf
    Inscrit en
    juillet 2007
    Messages
    246
    Détails du profil
    Informations personnelles :
    Âge : 34

    Informations forums :
    Inscription : juillet 2007
    Messages : 246
    Points : 221
    Points
    221
    Par défaut
    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).

  15. #15
    Expert confirmé
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : août 2005
    Messages : 3 905
    Points : 4 324
    Points
    4 324
    Par défaut
    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
    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 !

  16. #16
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    mars 2003
    Messages
    3 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : mars 2003
    Messages : 3 487
    Points : 5 132
    Points
    5 132
    Par défaut
    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

  17. #17
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut

    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

  18. #18
    Nouveau membre du Club
    Profil pro
    Inscrit en
    août 2002
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : août 2002
    Messages : 57
    Points : 25
    Points
    25
    Par défaut
    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.

  19. #19
    Expert confirmé
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : août 2005
    Messages : 3 905
    Points : 4 324
    Points
    4 324
    Par défaut
    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 !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 11
    Dernier message: 26/08/2011, 22h43
  2. Réponses: 7
    Dernier message: 20/05/2010, 18h04
  3. [Java] Quel est la meilleure formation Java ?
    Par Seb33300 dans le forum Certifications
    Réponses: 2
    Dernier message: 19/02/2009, 11h23
  4. quel est le meilleur format photo pour la base
    Par garsflo dans le forum Modélisation
    Réponses: 4
    Dernier message: 28/01/2009, 22h14
  5. Quel est le meilleure format de compression
    Par Conficius dans le forum Autres Logiciels
    Réponses: 4
    Dernier message: 30/10/2005, 11h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo