web-dev-qa-db-fra.com

Lorsque les images de grandes dimensions ont une taille de fichier inférieure à celle des vignettes, quelle version dois-je afficher?

J'ai des images qui sont rendues via le système de carte de couleur. Les images plus grandes ont une taille de fichier plus petite que celle de l’image de pouce redimensionnée.

Quelles images dois-je afficher pour l'utilisateur final? Serait-il plus pratique d’afficher l’image de taille de fichier plus petite avec des dimensions de pouce ou l’image de petite dimension avec une taille de fichier plus grande?

Plusieurs images s'afficheraient sur une page et je demande, car je comprends que réduire les dimensions de fichiers plus volumineux peut entraîner des problèmes de performances.

3
Brian G

la réduction de la taille des fichiers volumineux peut entraîner des problèmes de performances

Le "problème de performances" tient au fait que la plus grande image est généralement une taille de fichier beaucoup plus grande et que le téléchargement du fichier beaucoup plus volumineux sur HTTP constitue un goulot d'étranglement important.

Mais vous dites que la plus grande image est la taille du fichier plus petite?! Comment ça marche? Si tel est vraiment le cas et que cette image plus grande (mais de taille réduite) est compatible avec tous les navigateurs qui vous intéressent, vous n'avez besoin que d'une seule image plus grande (taille de fichier plus petite). Les navigateurs/ordinateurs sont des bêtes rapides de nos jours; réduire une image plus grande à la taille d'une vignette n'est pas un problème et est infiniment plus rapide que le téléchargement d'une autre image sur HTTP.

Dans le passé, les navigateurs ne faisaient pas un très bon travail de redimensionnement des images - la qualité n'était pas très bonne (redimensionnement simple au pixel pour des performances optimales). Cependant, tous les navigateurs modernes utilisent de meilleurs algorithmes et la qualité est bonne.

3
MrWhite

Pour répondre à votre question: il serait plus pratique de montrer l’image de taille de fichier plus petite avec les dimensions en pouces à condition que les images soient suffisamment claires. Ce que certains font, c'est d'afficher les vignettes à afficher et de disposer de la taille complète si le visiteur clique dessus.

Il existe essentiellement 3 types de fichiers image couramment utilisés sur les sites Web, à savoir jpg, png et gif. Si le texte de l’image est écrit, le format recommandé est gif. Il préserve la clarté du contenu textuel. Si vous avez besoin de transparence dans l’image, comme dans le cas d’un logo sans arrière-plan, le meilleur choix est le png. Enfin, si l'image est une photo, jpg est le meilleur choix car il peut compresser la taille du fichier sans perte de résolution et de clarté.

Quel que soit le scénario dans lequel vous vous trouvez et quel que soit le type de fichier que vous décrivez, je vous recommande de formater le fichier à la taille correcte avant de le publier sur le site Web, de sorte que le navigateur n'ait pas besoin de modifier la taille pour l'adapter. Plus vous vous rapprochez de la taille correcte (dimensions) et plus vous réduisez la taille du fichier, plus le visiteur sera performant et rapide.

1
Michael Moriarty