background-repeat Grafikstückchen

[Gary]

Abend zusammen

Kurze Frage

Wenn man horizontal ein Muster oder Grafikstückchen sich wiederholen läßt, was ist da vorteilhafter:

Möglichst kleines Stückchen 1px breit, oder möglichst große Stückchen 20 oder mehr px breit.

Einmal sparen kleine Stückchen Speicherplatz auf dem Server, andererseits wiederholt sich ja der Browser zutode, bei 1px breite...

Allerdings wäre eine breite von 1px wahrscheinlich flüssiger bei Größenwechsel des Fensters.

Also:
Wie macht ihr das?

Gruß Gary

[Matthias Apsel]

Om nah hoo pez nyeetz, Gary!

diese Diskussion gabs hier schon ganz ausführlich. Bemühe die Forumssuche.

Matthias

[Der Martin]

Hallo,

Wenn man horizontal ein Muster oder Grafikstückchen sich wiederholen läßt, was ist da vorteilhafter:
Möglichst kleines Stückchen 1px breit, oder möglichst große Stückchen 20 oder mehr px breit.

nicht kleiner als nötig!

Einmal sparen kleine Stückchen Speicherplatz auf dem Server

Kaum, der Unterschied liegt vermutlich in der Größenordnung von wenigen Bytes, möglicherweise weniger als ein Block auf der Festplatte, so dass es gar keinen Speicherplatz-Vorteil gibt. Auch bei der Übertragung fallen beispielsweise 100 Bytes mehr nicht auf.

andererseits wiederholt sich ja der Browser zutode, bei 1px breite...

Eben. Der braucht dann Unmengen an Arbeitsspeicher, muss Hunderte von Kopien eines Bildes verwalten.

Allerdings wäre eine breite von 1px wahrscheinlich flüssiger bei Größenwechsel des Fensters.

Ganz und gar nicht. Das Scrollen oder das Ändern der Fenstergröße wird sehr zäh, weil ja mit jedem Schritt die x-hundert Kopien des Hintergrundbilds neu aufgebaut werden müssen.

Wie macht ihr das?

Nimm zum Beispiel eine Breite von 8px oder ein Vielfaches davon. Soweit ich weiß, werden bei der JPEG-Kompression die Bildpunkte in Blöcken der Größe 8x8 verarbeitet. Kleinere Abmessungen als 8px oder Maße, die nicht durch 8 teilbar sind, müssen dann bei der Berechnung mit Dummy-Pixeln aufgefüllt werden.
Bei PNG gibt es AFAIK einen ähnlichen Effekt, und GIF ist rein zeilenorientiert. Das bedeutet, ein sehr breites GIF-Bild mit 1px Höhe kann bedeutend besser komprimiert werden als ein hohes mit nur 1px Breite.

So long,
 Martin

[Gary]

Hi zusammen

@Martin:
Hab ich so gemacht, breite vom Schnipsel 8px. Gruß und Danke.

@Apsel:
Hab nachgeschaut, aber die explizite Erklärung nicht gefunden. Auch google keineAngaben zum idealen Schnipsel. Gruß und Danke

Gary

[Gunnar Bittersmann]

@@Gary:

nuqneH

Möglichst kleines Stückchen 1px breit, oder möglichst große Stückchen 20 oder mehr px breit.

Es gilt, einen guten Kompromiss zu finden.

Qapla'