Webstandard

 

Inspirationen für Background-Pattern

Das die Grafiken einer Webseite je nach Dateigröße unterschiedlich lange Ladezeiten besitzen ist kein Geheimnis. Nicht immer muss eine Grafik daraufhin in ihren Ausmaßen verkleinert oder der Qualität gemindert werden. Denn es gibt auch Möglichkeiten, eine große Fläche einer Webseite mit einer Grafik auszustatten, ohne dabei eine diese Möglichkeiten in Betracht ziehen zu müssen. Im Bereich der Hintergrundgrafiken bspw. gibt es die Möglichkeit eine kleine Grafik mit bspw. 30x30px zu erstellen und diese durch einfaches Wiederholen in x- und y-Richtung zu kacheln. Durch diesen Wiederholungseffekt auch Background-Pattern genannt, entsteht eine Art Muster. Die nun folgenden Webseiten beinhalte zahlreiche Beispiele dieser Technik.

Das neben einem geeignetem Farbschema für eine Webseite auch Hintergrundgrafiken ausschlaggebend für ein sehenswertes Design einer Webseite sein können, zeigen "Anlaufstellen" wie k10k.net, eine Seite die seit Jahren interessante Entwürfe von Usern zu diesem Thema präsentiert. Wunderbare Beispiele für Background-Pattern bieten aber auch die Seiten DINPATTERN oder Squidfingers. Das aber nicht immer auf bereits "fertige" Grafiken zurückgegriffen werden muss, beweisen Anwendungen wie pixelgenau arbeitende bgMaker.

Dieser ermöglicht es Euch eine solche Hintergrundgrafik direkt online zu ertsellen und abzuspeichern. Eine Alternative dazu ist der Tartan Designer, ein Generator der bei entsprechenden Einstellungen ebenfalls ein sofortiges Ergebnis zur Verwendung liefert. Bei der Erstellung einer solchen Grafik sollte immer berücksichtigt werden, dass diese nicht zu "dominant" ist. Denn ansonsten besteht die Gefahr, dass diese bspw. aufgrund ihrer farblichen Intensität zu sehr vom Inhalt einer Seite ablenken kann. Neben der eigentlichen Grafik sind hierbei insbesondere die "Kontaktstellen" der Grafiken von besonderer Bedeutung. Denn die Stellen an denen sich die Grafiken aufgrund der CSS-Eigenschaft repeat an einander anlehnen, können ebenfalls über Erfolg oder Mißerfolg dieser Methode entscheiden. Mit Bedacht gewählt, kann das Wiederholen einer solchen Hintergrundgrafik, zu einem nützlichen gestalterischen Mittel werden.