Dimensions et poids des images

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Dimensions et poids des images

    Bonjour à tous,

    Suite à plusieurs discussions sur ce forum et voulant éclaircir plusieurs points, je me suis lancé dans une étude comparative des formats à utiliser pour les photos sur nos sites web.
    Mon article comporte 3 sections :
    - quelle dimension en pixels
    - quel format : jpg, png, gif
    - quels sites et logiciels
    Sur ce dernier point, j'ai l'approche d'un utilisateur Windows. Je suis ouvert à toutes les suggestions.

    Un des points que je voulais éclaircir était le côté destructif du format JPEG. J'ai donc écrit une moulinette qui a lu, modifié, et enregistré une image 9999 fois de suite. Aucune perte n'est constatée, ce qui veut dire que j'ai raconté des bêtises pendant des années.

    Vous verrez également sur les tests que l'on peut baisser le niveau de qualité d'une image JPEG à 40-60% sans trop de pertes en qualité mais un gain de poids du fichier important.

    Une autre idée reçue (pour moi) était le faible poids d'une image GIF, si cela peut être vrai pour une icône, le PNG reprend l'avantage sur une image plus grande avec en plus un meilleur traitement des transparences.

    Vous pouvez voir le résultat ici : http://lomart.fr/references/64-format-ideal-photos

    Attention, la page contient 165 images pour un poids total de 18Mo. Avec un chargement progressif, on ne le sent pas trop sauf sur un accès Internet poussif !
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

  • #2
    Re : Dimensions et poids des images

    personnellement, je n'utilise plus le format jpeg depuis un moment.
    Tout simplement parceque ce format ne geres pas la transparence, donc quand tu veut intégrer un logo sur un site, tu doit créer une image par template, ce qui limites les possiblités de reutilisation de celle ci.
    idem pour les icones, je les transforme systematiquement en png pour cette même raison.

    De plus la qualité dépend du logiciel utilisé pour la compression et le changement de format.

    Tu peut prendre la meme photo avec deux appareils differents ayant les meme reglages et avoir des differences entre les deux....
    Dernière édition par lefabdu51 à 13/06/2016, 12h15

    Commentaire


    • #3
      Re : Dimensions et poids des images

      Merci Lomart pour ton site. Les résultats sont intéressants. Je me suis plusieurs fois posé les questions.

      J'utilise personnellement Photoshop, et son outils intégrés d'exportation permet un bon comparatif.

      J'aurais aimé que tu fasses également le test sur les images avec transparence, mais avec peu de couleur. Car dans ce cas, le GIF explose tout, car s'adapte au nombre de couleur.

      Commentaire


      • #4
        Re : Dimensions et poids des images

        perso sur mon site j'utilise png avec https://tinypng.com/

        c'est le meilleur rapport poids / qualité que j'ai trouvé, enfin bon, nous on n'est pas un site de photo ; ))))))))))

        bonne continuation,

        f.

        Commentaire


        • #5
          Re : Dimensions et poids des images

          personnellement, je n'utilise plus le format jpeg depuis un moment.
          Tout simplement parceque ce format ne geres pas la transparence, donc quand tu veut intégrer un logo sur un site, tu doit créer une image par template, ce qui limites les possiblités de reutilisation de celle ci.
          idem pour les icones, je les transforme systematiquement en png pour cette même raison.
          D'accord avec toi, mais pour les photos d'illustration le JPG est beaucoup plus léger
          Tu peut prendre la meme photo avec deux appareils differents ayant les meme reglages et avoir des differences entre les deux....
          D'accord aussi car la norme porte uniquement sur la possibilité de restitution et pas sur les méthodes de compression
          J'aurais aimé que tu fasses également le test sur les images avec transparence, mais avec peu de couleur. Car dans ce cas, le GIF explose tout, car s'adapte au nombre de couleur.
          Très bonne suggestion, je pense que je vais ajouter un test avec une photo avec 5 ou 6 couleurs en aplat
          perso sur mon site j'utilise png avec https://tinypng.com/
          Merci pour la suggestion, je vais l'ajouter
          Dernière édition par lomart à 13/06/2016, 13h37
          UP, le plugin universel à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            Re : Dimensions et poids des images

            @christophe31
            J'aurais aimé que tu fasses également le test sur les images avec transparence, mais avec peu de couleur.
            C'est fait. une belle fleur avec seulement 5 couleurs.
            Car dans ce cas, le GIF explose tout, car s'adapte au nombre de couleur.
            Perdu, ex-exquo avec le PNG au niveau poids, le GIF perd sur le manque de finesse des contours.
            J'en ai aussi profité pour les comparer avec le SVG
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              Re : Dimensions et poids des images

              question idiote, tes images sont au format jpeg ou au format jpeg2000 ?
              Le premier est un format de compression avec perte tandis que le second est un format sans perte ......

              Commentaire


              • #8
                Re : Dimensions et poids des images

                Envoyé par lomart Voir le message
                @christophe31

                C'est fait. une belle fleur avec seulement 5 couleurs.

                Perdu, ex-exquo avec le PNG au niveau poids, le GIF perd sur le manque de finesse des contours.
                J'en ai aussi profité pour les comparer avec le SVG

                Je suis surpris ! Peut-être que ça dépend du générateur aussi... Sous photoshop ça semble vraiment différent en terme de taille, à qualité équivalente.

                Commentaire


                • #9
                  Re : Dimensions et poids des images

                  juste pour info lors d'une recherche je suis tombé la dessus :

                  Learn about this image format that creates smaller images for the web and get links for converter downloads and support.


                  Donc a suivre pour ceux qui aimes les jummelles....
                  Ce format est pour les images ce qu'est le format webm pour la video.....

                  Commentaire


                  • #10
                    Re : Dimensions et poids des images

                    @christophe31
                    Je suis surpris ! Peut-être que ça dépend du générateur aussi... Sous photoshop ça semble vraiment différent en terme de taille, à qualité équivalente.
                    pourtant cela a ét éfait avec Photoshop CS5
                    Tu peux télécharger la version PNG 24 pour refaire les tests. On ne sait jamais !

                    @ lefabdu51
                    juste pour info lors d'une recherche je suis tombé la dessus :
                    https://developers.google.com/speed/webp/
                    Intéressant, je regarde cela et pourquoi pas l'intégrer à mon comparatif
                    UP, le plugin universel à découvrir sur https//up.lomart.fr
                    bgMax
                    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                    Commentaire


                    • #11
                      Re : Dimensions et poids des images

                      @ lefabdu51
                      juste pour info lors d'une recherche je suis tombé la dessus :
                      Learn about this image format that creates smaller images for the web and get links for converter downloads and support.

                      Intéressant, je regarde cela et pourquoi pas l'intégrer à mon comparatif
                      On va peut être attendre un peu : http://caniuse.com/#feat=webp
                      et en ce qui concerne les avantages, je te laisse juger : http://lomart.fr/references/64-forma...nouveau-format
                      UP, le plugin universel à découvrir sur https//up.lomart.fr
                      bgMax
                      , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                      Commentaire

                      Annonce

                      Réduire
                      Aucune annonce pour le moment.

                      Partenaire de l'association

                      Réduire

                      Hébergeur Web PlanetHoster
                      Travaille ...
                      X