web-dev-qa-db-fra.com

JPEG "progressif": Pourquoi de nombreux sites Web évitent-ils de rendre les JPEG de cette façon? Avantages, inconvénients?

Lorsque les images JPEG sont utilisées par une page Web, elles sont généralement rendues de haut en bas ... mais elles peuvent également l'être avec un mode appelé JPEG progressif , où l'image commence. taille normale , mais estompée , puis devient plus nette au fil des passes successives, jusqu'à ce qu'elle soit complètement chargée. Le chargement progressif nécessite que l'image ait été enregistrée de cette façon.

Pourquoi davantage de sites Web n'utilisent-ils le JPEG progressif? Quels sont les inconvénients? S'agit-il simplement d'un manque de prise en charge des outils, ou bien ces fichiers sont-ils d'une qualité inférieure aux images JPEG au rendu descendant traditionnel?

39
Chris W. Rea

Le format JPEG progressif est pris en charge par la diffusion aléatoire depuis sa création. La page Wikipedia sur JPEG dit:

Cependant, les JPEG progressifs ne sont pas aussi largement pris en charge,[citation requise] et même certains logiciels qui les prennent en charge (telles que les versions d'Internet Explorer antérieures à Windows 7)[12] affiche uniquement l'image après son téléchargement complet.

N.B. La première instruction est sans source et la source de la seconde n'indique pas nécessairement que cela n'est pris en charge que par Windows 7.

Je ne me souviens pas de la première fois où j'avais évité le JPEG progressif, mais le problème le plus récent concernait les analyseurs d'image Flash (qui peuvent charger des fichiers PNG, GIF et JPEG) impossible de charger le JPEG progressif ( Lien mis à jour sur Internet Archive ) non plus.

14
artlung

Je sauvegarde généralement les images en progressif.

Je n'ai jamais rencontré d'inconvénients ou de problèmes de rendu . Et même si certains très vieux navigateurs ne peuvent pas restituer l’effet progressif, ils restituent enfin l’image, ce n’est donc pas un gros problème.

La taille des images au format JPEG progressif est généralement inférieure à celle de la même image sans la progressivité .

Par exemple, une image JPG de 8K (qualité maximale) pourrait facilement devenir une image de 6K (qualité maximale) lorsque l’adoption progressive est adoptée et sans perdre un pixel de définition.

De plus, avec des éditeurs d'image tels que Photoshop, l'enregistrement d'une image au format JPG progressif ne prend rien (c'est simplement une case à cocher dans la fenêtre qui apparaît lorsque vous utilisez la commande "Enregistrer sous"), donc je le fais habituellement.

15
Marco Demaio

Artlung a abordé quelques considérations de support, mais il y a aussi le fait que cela ne va tout simplement pas avoir d'importance la plupart du temps. Le point important dans la question est "jusqu'à ce qu'il soit complètement chargé". Le format progressif n’est pas une finesse esthétique qui rend l’image floue, c’est fonctionnel:

Si une image est assez grande (par taille de fichier) pour que le téléchargement prenne un certain temps, alors vous verrez la progression.
Même si tous les fichiers JPEG ont été enregistrés en progressif, la majorité des images que vous allez rencontrer n’a pas assez grand pour que l’effet en soit réellement visible. C’était une bonne idée lorsque tout le monde utilisait un modem téléphonique lent, mais c’est de plus en plus une curiosité pour une application pratique limitée au-delà des sites qui nécessitent réellement de très grandes images comme un photographe difficile ou quelque chose du genre.

Il en va de même pour les GIF entrelacés, car quelqu'un les a ajoutés dans les commentaires.

Il existe un facteur d’audience potentiel ici, par exemple, si vous considérez les pays dotés d’une infrastructure réseau moins développée où leur vitesse d’accès peut être considérablement réduite, mais je ne peux en dire autant. Je pourrais les vois éventuellement avec une application pour la navigation mobile, mais nous revenons ensuite au support incomplet de la fonctionnalité.

6
Su'

Google utilise le chargement progressif de leurs images dans images.google.com. Tout d'abord, ils étirent leur pouce pour prévisualiser les dimensions, puis ils chargeaient l'image d'origine. Je pense que c'est une bonne pratique. Tout comme le JPEG progressif

3
Themetis

Le rendu progressif (gif/jpeg) était pour le bon vieux temps d’Internet où les serveurs étaient lents et le dernier transfert de données se faisait en rampant à travers le POTS. Personne ne perd plus de temps là-dessus.

Une grande partie de mon audience sur le site Web est sur le haut débit, ce qui ne sert à rien, mais à un fondu minimal sur une très grande image (bien que sur un câble de 8 Mo, il est à peine perceptible). Si votre public est toujours en ligne téléphonique, vous voudrez peut-être vous en préoccuper.

Et comme il est souligné dans les commentaires ci-dessous, l’ancien est nouveau et la nouvelle vitesse de transfert du dernier kilomètre reste un problème pour le réseau de téléphonie mobile et l’accès par satellite en raison de problèmes de vitesse de liaison ou de latence. Faites donc attention à votre public et réinstallez-le pour une meilleure expérience utilisateur là où vous en avez besoin.

2
Fiasco Labs

Pour les sites comme Wikipedia, qui affichent eux-mêmes leurs vignettes à la volée, il convient également de prendre en compte le fait que tous les algorithmes de création de fichiers JPEG progressifs utilisent davantage de cycles de mémoire et de temps processeur. Lorsque les fichiers d'origine sont suffisamment volumineux, cela crée des problèmes.

1
trlkly

Beaucoup de bibliothèques ne l'offrent pas du tout, ou pas par défaut. Mais ce n'est pas la raison. Je gère un site Web offrant des images et je déteste les JPEG progressifs. Pourquoi? Parce que l'algorithme utilisé en eux est pire que le mien! J'utilise la même technique que Google, en plus de superposer une vignette de taille moyenne sur la petite. De cette façon, l'utilisateur obtient presque la qualité complète instantanément sur toute connexion, quelle que soit la taille de l'original. Les fichiers progressifs deviennent très volumineux, ruinant cet effet.

La superposition de vignettes est le moyen de le faire.

0
Zdenek

Le JPEG progressif fonctionne avec Chrome, Firefox et IE 9+. Je pense que cela couvre la plupart des navigateurs utilisés aujourd'hui pour utiliser le Web.

Le JPEG progressif offre une meilleure expérience utilisateur dans de nombreuses situations. J'aime voir progressif lorsque je visite un site lent (pays insulaire, effet slashdot, pointe du trafic, etc.). Je n'ai pas besoin de voir tout de suite la qualité. Une première idée de l'image suffit souvent. Cela me gêne davantage de voir un chargement lent image de haut en bas. Cela me rappelle les jours modernes de téléchargement à 300 bauds ASCII art.

0
Sun