Hallo!
Ich habe auf einer Website als Hintergrund eines DIVs (CSS: background-image) ein Foto. Soweit sogut, nachdem es abgerundete Ecken usw. hat brauch ich Transparenz, sonst schlägt es sich mit dem Hintergrund der Seite. --> Das Foto ist ein png.
Mein Problem ist jetzt dass diese Datei ~500 kB hat, also es auch mit DSL kurz dauert bis sie geladen ist (von 3G-Verbindungen oder ähnlichen will ich nicht reden). Nun dachte ich mir speicher es als interlaced ab, dann sieht der User sehr schnell dass dort ein Bild ist und die Details sieht er halt erst nach ein paar Sekunden. Damit hat die Datei ~600 kB. Leider 'sieht' man nicht dass die Datei interlaced ist weil sie (FF4, IE8 ) in einem Stück angezeigt wird sobald sie fertig geladen ist. Nur wenn man Rechtsklick -> Grafik anzeigen macht sieht man wie das png Schicht-für-Schicht aufgebaut wird. Interlaced wird also scheinbar nicht für bg-images aus dem CSS unterstützt sondern nur für eingebettete Bilder :-|
Gibt es noch einen Trick die Datei kleiner zu machen? PNG-8 bzw. GIF geht nicht weil auf dem Bild eine Person ist --> Hautschattierungen schauen extrem hässlich aus mit 256 Farben. JPG geht nicht weil ich die Transparenz brauche.
lg
Ich habe auf einer Website als Hintergrund eines DIVs (CSS: background-image) ein Foto. Soweit sogut, nachdem es abgerundete Ecken usw. hat brauch ich Transparenz, sonst schlägt es sich mit dem Hintergrund der Seite. --> Das Foto ist ein png.
Mein Problem ist jetzt dass diese Datei ~500 kB hat, also es auch mit DSL kurz dauert bis sie geladen ist (von 3G-Verbindungen oder ähnlichen will ich nicht reden). Nun dachte ich mir speicher es als interlaced ab, dann sieht der User sehr schnell dass dort ein Bild ist und die Details sieht er halt erst nach ein paar Sekunden. Damit hat die Datei ~600 kB. Leider 'sieht' man nicht dass die Datei interlaced ist weil sie (FF4, IE8 ) in einem Stück angezeigt wird sobald sie fertig geladen ist. Nur wenn man Rechtsklick -> Grafik anzeigen macht sieht man wie das png Schicht-für-Schicht aufgebaut wird. Interlaced wird also scheinbar nicht für bg-images aus dem CSS unterstützt sondern nur für eingebettete Bilder :-|
Gibt es noch einen Trick die Datei kleiner zu machen? PNG-8 bzw. GIF geht nicht weil auf dem Bild eine Person ist --> Hautschattierungen schauen extrem hässlich aus mit 256 Farben. JPG geht nicht weil ich die Transparenz brauche.
lg