|
|||
PNG File viel zu groß
Hallo,
ich habe folgendes Problem mit einem PNG Image. Das folgende Bild ist für den Header meiner Homepage gedacht. Im Header Layer(div) selbst liegt ein Farbverlauf als Hintergrundbild. Über diesen Farbverlauf möchte ich nun eine Verzierung anbringen. Leider bringt nur PNG-24 akzeptable Ergebnisse, doch das Bild wird mit ~70kB viel zu groß. Hat irgendwer von euch vielleicht eine Idee wie ich es anders machen könnte, oder die PNG Dateigröße extrem reduzieren könnte? Hier das Bild: http://666kb.com/i/b1ct7x01e8dd09o1p.png |
Sponsored Links |
Sponsored Links |
|
||||
Verändert die Header-Grafik jemals ihre Position zum Verlauf? Wenn nein, ist wahrscheinlich gar keine Transparenz nötig (diese wird oft unnötigerweise eingesetzt) und Du kannst das Bild inkl. darunter liegendem Verlauf als JPG speichern. Das würde Dir auch den Alphatransparenz-Hack für IE < 7 ersparen.
|
|
|||
Nein ändert ihre Position nicht. Ich werde versuchen das mit jpg umzusetzten. Das Problem ist nur, dass ein Tween eingebaut ist welches die Grafik von Opacity 0 bis Opacity 1 einblendet. Ich glaube da wird der Effekt nicht mehr so schön rüberkommen. Aber vielleicht lasse ich die Animation auch raus.
Eine Frage hätte ich noch: Was für Nachteile bringt denn der Hack für den IE6? |
|
||||
Es ist auch einfach sehr aufwendig und die Grafik ist anschließend kein BG-Bild mehr, d.h. sämtliche background-Eigenschaften entfallen (repeat, position etc.). Man kann die Grafik allenfalls noch "verzerren", aber das ist nicht wirklich toll. Zwar ist der BG-Aspekt in Deinem Falle egal (da Du kein repeat etc. benötigst), aber es ist immer noch eine Menge Arbeit: satzansatz -- PNG alpha transparency: AlphaImageLoader filter flaws in IE6
|
|
|||
Geändert von express (20.08.2008 um 20:18 Uhr) |
|
|||
Express, sehr gut danke für den Tipp zum PNG Optimizer!
JPG hat nicht so ganz geklappt. Ich muss mich aber noch damit spielen. Problem sind immer die unterschiedlich eingestellten Monitore. Auf meinen sieht super aus, auf den nächsten sieht man die Verlaufskontur. Ich werde dieses Problem mal beiseite stellen, und die HP ganz fertig machen. Mal schauen wie groß dann die gesamte Dateigröße der Seite sein wird. Dann werde ich mir wieder Gedanken zum Header machen. Wo liegt heute eigentlich die orientierungs Grenze? Vor vielen vielen Jahren lag sie ja bei 30kB. An was sollte man sich heute orientieren? |
Sponsored Links |
Stichwörter |
dateigröße, png-24, png24 |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
PNG transparenz im Hintergrund! IE8 Problem | Chrizzel | CSS | 20 | 24.08.2010 11:59 |
Png fix | FortyTwo | Javascript & Ajax | 2 | 22.04.2010 21:20 |
ppi / dpi von png auslesen | Hauke | Serveradministration und serverseitige Scripte | 6 | 01.02.2010 14:51 |
PNG im IE... | derMatze | Grafik, Design, Typografie | 4 | 25.09.2008 00:57 |
Text zu Groß für Box, Es soll ein Scrollbalken angezeigt werden | michi-muc | CSS | 1 | 04.02.2008 21:41 |