Was sind eure Erfahrungen mit dem PNG Grafik Standard?
Ich hatte vor 2 Jahren einen Versuch gemacht, aber die verschiedenen Browser hatten zum Teil gravierende Darstellungsprobleme.
Wie sieht es jetzt aus - denn ich benutze immer noch gif für Gransparenz, habe das aber immer mehr satt, wegen der schlechten Komprimierung und der Einschränkung auf 256 Farben.

Werde meine Frage selbst beantworten:
IE hat als einziger Browser noch immer keinen Support für PNG.
Dies kommt mit IE 7, die Beta-Version ist für Ende Sommer bzw. Herbst geplant.
Das heisst, ich werde mir noch ein Jahr mit gifs aushelfen müssen!

Internet Explorer 5.5 und höher unterstüzt PNG Alpha-Transparenz.

Siehe einer meiner Seiten:
http://www.brunobucher.ch/

Die Alpha-Transparenten PNGs werden einfach anders eingebunden (Mit CSS-Filter Tags). Es gibt automatische umwandlung:

http://koivi.com/ie-png-transparency/

Ich benutze das bei allen meiner Seiten und es funktioniert perfekt. Ausserdem werden PNGs mit Single-Transparency nach Standard unterstüzt.

Ich habe Internet Explorer 6 auf dem PC, und es stellt PNGs nicht korrekt dar.

"PNGs werden einfach anders eingebunden (Mit CSS-Filter Tags)"
Unterstützung per CSS-Filter nenne ich keine einfache Unterstützung. *.png muss einfach als PNG ohne weitere Manipulation dargestellt werden. Vor allem, wie reagieren denn Firefox, Mozilla Opera und Netscape auf diese CSS-Filter Tags?

Die koivi-Seite macht deutlich, dass die CSS Methode nicht funktioniert, da andere Browser als IE das mit CSS belegte Bild dann nicht korrekt darstellen.

Die PHP-Methode auf der koivi-Seite ist auch nicht einfach.
Wie benutze ich die in einem bestehenden Framework? Jede Datei damit nochmals ausstatten? Das wären über 1000 wenn ich keinen header hätte. Ausserdem verursacht diese Methode wohl zusätzlichen Serverload?

Es gibt vielleicht "workarounds", aber man kann nicht sagen, das IE PNG unterstützt.

Probier die Unit einfach mal aus, sie funktioniert zu 100%.

Wenn andere Browser als IE die Seite aufrufen werden die PNG-Tags nicht umgewandelt.

Ich weiss nicht was dein Problem ist. Das ist ein Offizielles Feature vom Microsoft als Workaround und ich hatte noch nie Probleme damit. Lies doch den Text, es hat ein Bild ohne den Fix und ein Bild mit dem Fix.

Jaa ganz recht, und noch mal runterscrollen dann siehst du das gleiche Bild MIT DEM FIX.

Das ist 1 Funktionsaufruf, und die Integration in ein Framework ist easy. Es hat ein Beispiel dazu. Es wären 3Zeilen für die Integration in ein beliebiges Framework;).

=> ich spreche hier ja auch von der CSS-Methode, nicht von der PHP Methode!

Bin einverstanden, dass die PHP Methode gut ist (danke für den Verweis auf die koivi-Seite) aber sie bleibt trotzdem ein "Workaround" zu einem Problem, das IE hat.

Die Darstellung von PNGs sollte funktionieren ohne Script, ohne CSS. Nur die Datei und der Aufruf durch src="...

Die PHP-Methode ist das gleiche wie die CSS Methode. Mit dem unterschied dass die PHP-Methode das ganze automatisiert und du die CSS-Tags nicht selber schreiben musst.

Wenn du das PHP-Modul benutzt kannst du ganz normal <img src="xyz.png"> benutzten, und wenn internet explorer drauf geht wirds umgewandelt in <img src="transparent.gif" style="filter:Ax...xyz"/>.

Genau darum gibts ja das PHP-Modul. Sicher sollte es, Microsoft arbeitet ja dran.

Wenn du ein Problem damit hast 3 Zeilen zu Copy-Pasten welcher alle diese Probleme löst bist du selber schuld. In der Zeit wo du jetzt die Forumsbeiträge geschrieben hast, hättest du genau so gut das Modul integrieren können . Die PHP/CSS Methode hat keinen Nachteil: Schnell, Einfach, Kompatibel, etc.

"Die PHP/CSS Methode hat keinen Nachteil"

Falsch, man braucht php oder eine andere Scriptsprache. Das hat nicht jeder.

Ausserdem gibt es Einschränkungen, z.B. darstellung auf fremden Seiten, wo ich mein Bild hochlade, Inline Bilder auf Foren, usw.

Wenn man kein PHP hat kann man eine professionelle Seite sowieso grad vergessen, dann brauchste auch keine Alpha-Transparenz .

Und wenn du User in den Foren keine Alpha-PNGs darstellen können, ja und? Sind doch selber schuld wenn sie den IE benützen. Dann machste halt einen Hinweis dass sie Firefox oder Opera benötigen um das Bild anzuzeigen . Wer braucht schon Alpha-Transparenz für Forum-Beiträge... sowas ist doch eher für Design gedacht ...

Es gibt jedenfalls einen funktionierenden, einfachen Workaround und Microsoft wird PNGs irgendwenn auch ohne Workaround unterstüzen.

Übrigens ich hab eine Seite über PNG-Alpha-Transparenz gemacht:

http://www.qlimax.org/work/zli/

Mal ganz ehrlich, solch ein Workaround ist noch lange kein Ersatz für eine richtige Unterstützung der PNG-Bilder. Bisher ist der MSIE nicht selber dazu fähig PNG-Bilder richtig darzustellen, seine größten Konkurrenten jedoch schon.

Dieser Standard ist auch nicht gerade neu, sondern auch schon wieder recht alt, er existiert schon seit 1. Oktober 1996. Die überarbeitet Version (2. Edition) wurde am 10. November 2003 veröffentlich. Seit dieser ganzen Zeit hat der MSIE es nicht ein Mal PNG zu 100% unterstützt. Dies ist leider recht traurig und zeigt nur auf, dass der MSIE im Grunde nicht tragbar für einen Anwender ist. Von daher sehe ich den stehtigen Firefox umschwung sehr gerne, auch wenn ich wesentlich lieber mit dem Opera arbeite.


Der Tipp mit dem Filter ist jedoch recht praktisch, trotzdem kann ich mich auf sowas nicht gerade verlassen. Besonders beim MSIE nicht, welcher mit CSS 2.0 bisher kaum richtig umgehen kann und wenn dann nur mit speziallen Workarounds.



MfG Sascha Ahlers

Irgendwie verstehe ich das Ganze nicht. Ich kann doch eine Grafik erstellen, eine transparente Farbe einstellen und im PNG-Format speichern. Mein IE (6) zeigt diese Grafik dann korrekt an, mit Transparenz und ohne CSS- oder sonstigen Zusatz. Wo soll denn da ein Problem sein?

Oder hab ich vielleicht einfach nicht kapiert, was Alpha-Transparenz ist?

Griessli
Irene

Das ist dann Single-Transparency.. Das unterstützt Internet Explorer.

Geh mal mit Firefox auf:
http://qlimax.org/work/zli/index.php?page=Aquarium

Alpha-Transparenz ist sowas wie halbdurchsichtigkeit. Es gibt Pixel die sind ganz durchsichtig, einige pixel scheinen ein bisschen durch, und einige sind zu 90% nicht durchsichtig, etc.

Also kannst jedem Pixel sagen zu wie viel % es transparent sein soll....

Damit kann man z.B. Schatteneffekte machen...

Achso, danke, jetzt hab ichs kapiert ;-)
Alpha-Transparenz ist was Kompliziertes was ich noch nie gebraucht habe und wohl auch in Zukunft nicht machen werde...

Griessli
Irene

Doch, ist ganz einfach.
Stell Dir einfach ein gif mit transparentem Hintergrund vor, aber in der Qualität eines JPG.
Statt im gif-Format zu speichern, brauchst du nur PNG als Format anzugeben.

Das wäre ja wieder nur Single-Transparency...

Auf dieser Seite sieht man den Unterschied zwischen Single-Color-Transparency und Alpha-Transparency:
http://www.qlimax.org/work/zli/index.php?page=Vergleich