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
    Un site pour comparer des solutions : https://comparatifs-informaticien51.joomla.com
    un site personnel, sur Joomla, linux, windows et Powershell : https://informaticien51.joomla.com/

    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 ......
              Un site pour comparer des solutions : https://comparatifs-informaticien51.joomla.com
              un site personnel, sur Joomla, linux, windows et Powershell : https://informaticien51.joomla.com/

              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 :

                  https://developers.google.com/speed/webp/

                  Donc a suivre pour ceux qui aimes les jummelles....
                  Ce format est pour les images ce qu'est le format webm pour la video.....
                  Un site pour comparer des solutions : https://comparatifs-informaticien51.joomla.com
                  un site personnel, sur Joomla, linux, windows et Powershell : https://informaticien51.joomla.com/

                  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 :
                      https://developers.google.com/speed/webp/
                      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
                      1 sur 2 < >

                      C'est [Réglé] et on n'en parle plus ?

                      A quoi ça sert ?
                      La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                      Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                      Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                      Comment ajouter la mention [Réglé] à votre discussion ?
                      1 - Aller sur votre discussion et éditer votre premier message :


                      2 - Cliquer sur la liste déroulante Préfixe.

                      3 - Choisir le préfixe [Réglé].


                      4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                      2 sur 2 < >

                      Assistance au forum - Outil de publication d'infos de votre site

                      Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                      Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                      Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                      UTILISER À VOS PROPRES RISQUES :
                      L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                      Problèmes connus :
                      FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                      Installation :

                      1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                      Archive zip : https://github.com/AFUJ/FPA/zipball/master

                      2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                      3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                      4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                      5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                      6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                      et remplacer www. votresite .com par votre nom de domaine


                      Exemples:
                      Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                      Télécharger le script fpa-fr.php dans: /public_html/
                      Pour executer le script: http://www..com/fpa-fr.php

                      Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                      Télécharger le script fpa-fr.php dans: /public_html/cms/
                      Pour executer le script: http://www..com/cms/fpa-fr.php

                      En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                      Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                      Voir plus
                      Voir moins

                      Partenaire de l'association

                      Réduire

                      Hébergeur Web PlanetHoster
                      Travaille ...
                      X