Y at-il une taille idéale pour les images de fond?

Question

Par exemple, serait une charge d'image 1x1 plus rapide qu'un 2x2? La taille serait plus petit, mais le navigateur doit travailler deux fois plus, droit?

Alors, est-il une taille idéale et la forme (carré vs rectangle) pour les images d'arrière-plan?

Je sais qu'il est probablement pas trop important, mais je suis intéressé de savoir.

Merci

Answer 1

Je ne pense pas qu'il y ait une taille « idéale » pour votre image.

Bien que la qualité de l'image aura un rôle dans le temps de téléchargement. Une image avec des couleurs riches embarqués sera lourd en taille par rapport à l'autre avec la même dimension.

Enfin, le choix d'une image d'arrière-plan tout à fait dépend de vos besoins . Si vous avez besoin d'une image 2 * 2 alors vous devez inclure cela.

Si vous avez besoin pour optimiser les performances d'un site en utilisant beaucoup d'images d'arrière-plan, vous pouvez jeter un oeil à

CSS sprites

et des outils d'optimisation des images

12 vraiment utiles Outils d'optimisation d'image pour les concepteurs Web

Answer 2

J'ai remarqué que le carrelage très petites images (par exemple 1 × 1 ou 2 × 2) est très lent dans de nombreux navigateurs. Depuis la plupart des formats d'image compressés il n'y a presque aucun inconvénient d'être plus grand avec des répétitions, je pense au moins pour les images de carrelage, vous devriez opter pour des images autour d'au moins 50 x 50 pixels pour réduire la complexité de dessin dans l'UA.

Answer 3

Question intéressante. Il faudrait demander à chacun des fournisseurs de navigateur, car ils ont chacun différentes façons de rendre les images.

Mais en réalité, en ignorant le temps de téléchargement de différence dans le temps de rendu sera négligeable, donc il est logique d'utiliser simplement une image plus petite si vous le pouvez.

Je vais aussi souligner l'évidence que si vous utilisez une image 1x1 répéter alors vous devez utiliser une couleur de fond à la place.

Answer 4

La taille idéale serait différent d'un navigateur à l'autre, d'un système à l'autre.

Évitez de faire trop petit ou trop grand. Une image d'arrière-plan de la taille 1x1 peut avoir des problèmes de rendu dans certains navigateurs. Vous devriez au moins faire quelques pixels dans chaque dimension.

Je me souviens que Netscape 4 a refusé de répéter des images si elles étaient moins que quelque chose comme dix pixels de large. aujourd'hui sont moins Browsers sensetive, mais il a encore un sens pour ne pas faire les images trop petites.

La compression des images (au moins pour les images GIF et PNG) sont basées sur la répétition, donc si vous faites l'image en le répétant, la taille de l'image supplémentaire ajoutera très peu à la taille du fichier.

Answer 5

Juste à noter: si vous essayez d'accélérer le téléchargement, la surcharge de téléchargement image 1x1 par rapport, par exemple, 10x10, est négligeable, en particulier pour les images décemment compressées - à la fois pour le client et le serveur

Par conséquent, étant donné que le rendu est nettement plus rapide / mieux avec 10x10, optez pour une taille d'image.