2011-06-27 4 views
2

Je veux savoir quelles sont les façons de charger des images grâce à un site web html. Je suis sûr que vous savez de quoi je parle. Il y a beaucoup de sites Web où les images se chargent lentement, ralentissent le chargement du contenu/contenu du site et rendent l'expérience utilisateur vraiment mauvaise.Comment charger des images avec élégance?

  • Je cherche des moyens qui permettent le noyau/contenu du site Web à charger premier et images à charger dernière.

Je trouve cela lors de la recherche:

Javascript/jQuery preloader tutorial

Working example of above tutorial

Cependant, cela semble être esthétique, il ne fait rien préchargement et ne stimule pas la performance soit . Il affiche simplement un fichier .gif jusqu'à ce que l'image soit complètement chargée.

  • J'ai aussi vu des sites Web où les images apparaissent d'abord très Croppy et leur qualité améliore sur deux secondes. Comment cela est-il fait?
+1

Les images qui semblent mieux sont « entrelacée ». C'est un paramètre sur le fichier image réel. Un – timw4mail

+1

JPEG ** entrelacée ** va commencer le chargement flou et aiguiser comme complète. Un fichier JPEG non entrelacé sera chargé de haut en bas. C'est un paramètre d'enregistrement de fichier dans le programme qui a créé le fichier JPEG. – Sparky

Répondre

3

J'ai également vu des sites Web où les images apparaissent d'abord très croppy et leur qualité s'améliore en quelques secondes. Comment cela est-il fait?

Cela se produit lorsque les images sont entrelacées. Les fichiers PNG, entre autres types, peuvent être entrelacés.

Wikipedia Link for Interlacing

Cela se fait lorsque l'image est créée/enregistrée.

5

Il est appelé le chargement paresseux.

Il y a beaucoup de résultats à ce sujet sur google.

Questions connexes