✔ Hintergrund wie Stoff

[slimox]

Hallo zusammen,

Ich bin daran für meinen Verein eine neue Website zu erstellen. Nun bin ich auf dieses Muster gestossen:
Grauer Hintergrund
und
Blauer Kopf

Im PS habe ich ein ähnlicher Hintergrundsbild erstellt. Wie kann ich das so erstellen oder anzeigen, dass ich nicht ein Bild 1000px x 1000px mache. Sondern viel wendiger Pixel. Sonst wird das Bild von der Dateigrösse sehr gross.

Es sollte aber nicht zusammengesetzt aussehen

Jemand eine Idee?

 

[SpiceLab]

Es sollte aber nicht zusammengesetzt aussehen

http://www.kursanmeldung.com/img/home/img0030/blue_BG_v005.jpg wird als Hintergrundbild auch nur per repeat-x wiederholt, respektive zusammengesetzt, und ist als solches auch nicht zu erkennen ;-)

 

[slimox]

Hätte das CSS auch selbst besser anschauen können! Danke!

 

[üäpöol]

Ich weiß, dass das nur begrenzt zum Thema passt, aber weiß jemand, wie ein solcher data:image/png;base64,iVBORw0KGgoAA...JkiRJkiRJkvQP6f8BE1aXfWJF4zUAAAAASUVORK5CYII= Hintergrund gemacht wird?

 

[SpiceLab]

Ich weiß, dass das nur begrenzt zum Thema passt, aber weiß jemand, wie ein solcher http://data:image/png;base64,iVBORw0...AASUVORK5CYII= Hintergrund gemacht wird?

Willst du hierauf hinaus: Data-URL - Beispiele?

 

[üäpöol]

Nein, eigentlich meinte ich, wie ein solches Bild erstellt wird, nicht die URL. Aber das ist das falsche Forum. Sorry.

 

[SpiceLab]

Dann schau mal hier: Clipboard Observer.

Der Link stammt aus dem genannten Wiki-Artikel unter Konvertierungswerkzeuge.

 

[slimox]

@üäpöol
So habe ich den Hintergrund erstellt:

1. PhotoShop neues Bild 400px X 400px
2. Zwei Ebenen hinzufügen
3. Die eine mit scharz füllen und die andere mit weiss
4. Auf beiden Ebenen mit dem Rauschfilter ein Rauschen hinzufügen (Gaussche Normalverteilung)
5. Ebene weiss mit dem Filter Weichzeichnungsfilter -> Bewegungsunschärfe -> Winkel 90° und Abstand ca. 50px
6. Ebene schwarz gleicher Filter aber Winkel 0°
7. Oberste Ebene 50% Transparent

Dann bekommst du sowas. Am Rand sieht es nicht so sexy aus
Viel spass!

 

[üäpöol]

Vielen Dank, slimox! Sehr cool.