Gibt es eine ideale Größe für Hintergrundbilder?

Question

Zum Beispiel würde eine 1x1 Bild Last schneller als ein 2x2? Die Größe wäre kleiner, aber der Browser würde doppelt so viel arbeiten müssen, nicht wahr?

So

, ist es eine ideale Größe und Form (Quadrat vs Rechteck) für Hintergrundbilder?

Ich weiß, es ist wahrscheinlich nicht so wichtig, aber ich bin daran interessiert zu wissen.

Danke

Answer 1

Ich glaube nicht, gibt es eine ‚ideale‘ Größe für Ihr Bild.

Obwohl die Qualität des Bildes wird eine Rolle in der Download-Zeit hat. Ein Bild mit satten Farben eingebettet wird in Größe schwer sein im Vergleich zu anderen mit der gleichen Dimension.

Schließlich wird die Wahl eines Hintergrundbildes vollständig hängt von Ihrem Bedarf . Wenn Sie ein 2 * 2 Bild benötigen, dann müssen Sie das enthalten.

Wenn Sie die Leistung einer Website zu optimieren mit vielen Hintergrundbildern, dann können Sie einen Blick auf

CSS-Sprites

und einige Werkzeuge zur Bildoptimierung

12 Really Useful Bildoptimierungstools für Web-Designer

Answer 2

Ich bemerkte, dass Fliesen sehr kleine Bilder (wie 1 × 1 oder 2 × 2) in vielen Browsern sehr langsam. Da bei den meisten komprimierten Bildformaten gibt es fast keinen Nachteil mit Wiederholungen größer ist denke ich zumindest für Kacheln Bilder, die Sie für Bilder um mindestens 50 × 50 Pixel entscheiden sollten Zeichnung Komplexität in der UA zu reduzieren.

Answer 3

Interessante Frage. Sie müßten jede der Browser-Hersteller stellen, da sie jeweils verschiedene Arten von Rendern von Bildern haben.

Aber in Wirklichkeit keinen Unterschied die Download-Zeit ignoriert wird in die Rendering-Zeit vernachlässigbar sein, so macht es Sinn, nur ein kleineres Bild zu verwenden, wenn Sie können.

Ich werde auch darauf hinweisen, das offensichtlich, dass, wenn Sie einen 1x1 verwenden Bild zu wiederholen, dann sollten Sie eine Hintergrundfarbe verwenden statt.

Answer 4

Die ideale Größe von einem Browser zum anderen unterscheiden würde, von einem System zum anderen.

Vermeiden Sie es zu klein oder zu groß zu machen. Ein Hintergrundbild von der Größe 1x1 hat Rendering-Probleme in einigen Browsern. Sie sollten es zumindest ein paar Pixel in jeder Dimension machen.

Ich erinnere mich, dass Netscape 4 verweigert Bilder zu wiederholen, wenn sie als wie zehn Pixel breit, etwas weniger waren. Browser sind heute weniger sensetive, aber es macht immer noch Sinn, nicht die Bilder zu klein zu machen.

Die Kompression von Bildern (zumindest für GIF und PNG-Bilder) auf Wiederholung basiert, so dass, wenn Sie das Bild größer machen, indem es zu wiederholen, die zusätzliche Bildgröße fügt sehr wenig auf die Dateigröße.

Answer 5

Just zu beachten: Wenn Sie versuchen, den Download zu beschleunigen, das Kopf 1x1 Bild gegen das Herunterladen, sagen wir, 10x10, ist vernachlässigbar, insbesondere für anständig komprimierte Bilder - sowohl für den Client und dem Server

Da das Rendering ist auf jeden Fall schneller / besser mit 10x10, gehen Sie für eine größere Bildgröße.