JPEG progressifs ou optimisés
Je sais que les fichiers jpeg progressifs téléchargés en plusieurs passes et optimisés sont plus petits (et donc plus rapides pour terminer le téléchargement), mais est-ce que quelqu'un a des données fixes ou des meilleures pratiques sur quel type d'utilisateurs préfèrent réellement?
Commençons par la différence entre les fichiers JPEG progressifs et non progressifs. Les fichiers JPG non progressifs ne sont pas par définition plus petits que les fichiers JPEG progressifs. Une règle de base trouvée par Stoyan Stefanov est que les fichiers JPEG inférieurs à 10K sont les meilleurs JPEG non progressifs compressés, mais que les fichiers JPEG plus gros deviennent plus petits lorsqu'ils sont stockés en JPEG progressif .-- source voir le chapitre JPEG progressif.
Donc, si vous voulez juste que le plus petit téléchargement non progressif ne soit pas toujours le meilleur choix.
Cet article de 2012 va plus en détail jpegs progressifs une nouvelle meilleure pratique
Astuce si vous voulez des fichiers JPEG encore plus petits, utilisez mozjpeg
Mais maintenant, pour répondre à votre question. Vous vouliez savoir si quelqu'un avait fait des recherches sur les préférences des utilisateurs. En fait, quelqu'un l'a fait.
Vous pouvez lire un article sur les recherches de Tammy Everts ici: Rendu d'image progressif: bon ou mauvais? Il contient un lien vers lequel vous pouvez obtenir le rapport complet.
Spoiler: les utilisateurs semblent préférer les fichiers JPEG de base aux fichiers progressifs.
Voici une perspective alternative à ce sujet. Pas une règle absolue, mais une chose à garder à l'esprit.
Cela dépend de la destination de l'image. Contenu ou décoration?
S'il s'agit d'un arrière-plan ou d'un autre élément de conception, utilisez progressif, afin que la page soit correcte dès que possible. Si c'est un élément qui déplace des objets, il doit être là dès que possible afin que les gens n'appuient pas sur un bouton en raison d'un changement de disposition. (J'y suis allé plusieurs fois sur mobile.)
Si c'est du contenu que l'utilisateur va télécharger ou auquel il fait attention, utilisez des JPG ordinaires. Cela indique à l'utilisateur qu'il n'est pas encore terminé, qu'il doit attendre un peu. Cela les empêche d'enregistrer un téléchargement inachevé et ils ne verront pas le site comme de mauvaise qualité, mais le serveur/la connexion.
+1 à DA01
Si OP fait référence à une taille de fichier réduite comme "optimisée", voici quelques pratiques standard lors de l'enregistrement au format JPEG.
- N'intégrez pas de profils de couleurs. Les navigateurs ont de nos jours un meilleur support de profil ICC.
- Exporter l'image au format sRGB
- Ne définir aucune métadonnée
- Réglez la qualité à 65% . Plus d'informations sur les paramètres de qualité peuvent être trouvées ici .
- Assurez-vous que la taille et les dimensions du fichier correspondent à vos besoins. c'est-à-dire, n'exportez pas une image 2000x3000px pour un site Web mobile.
En savoir plus sur l'optimisation des images Guide de Google .
J'ai du mal à trouver une réponse définitive et récente, mais d'après ce que je peux dire, Mobile Safari, pour choisir un seul navigateur mobile, prend en charge les JPG progressifs, mais ne les charge pas progressivement - ce qui signifie qu'il attend simplement qu'il soit téléchargé entièrement, puis l'affiche.
Il semble donc que la fonction de chargement progressif visuel n'est tout simplement pas si relative aujourd'hui, ce qui rend l'avantage beaucoup moins attrayant.
Cela dit, faire un JPG progressif peut aider à compresser sa taille totale, donc certainement, c'est toujours un avantage, mais ce n'est probablement pas un avantage assez grand là où il est largement utilisé.
En outre, comme indiqué dans mon commentaire, je ne pense pas que ce soit un "vs". problème. À moins que je ne comprenne mal ce que vous entendez par "optimisé", un JPG peut être à la fois progressif et optimisé. En fait, tout format d'image pour votre site Web doit être optimisé.
La principale différence est que lorsque l'image (fichier jpeg) est exportée en tant que "progressive", elle va charger l'image pleine taille avec une qualité réduite, tandis que si elle est exportée en tant que "optimiser", elle va charger section par section de haut en bas.