Verwendung von PNG-Bildern in Websites

Question

Ist es in Ordnung, PNG-Bilder auf einer Website zu verwenden? Ich habe nicht wirklich gesehen, dass sie viel verwendet werden, und frage mich, was die Nachteile sind. Es muss doch welche geben, denn jeder würde sie doch sicher verwenden?...

Sind sie zum Beispiel MSIE- und Chrome-kompatibel usw.?

Answer 1

Der IE 6 rendert nur GIF-ähnliche Transparenz in PNG-Bildern, es sei denn, Sie verwenden Filter.
Für weitere Einzelheiten siehe aquí

Ansonsten funktionieren sie gut, und sie werden jetzt immer beliebter.

Answer 2

Hier sind einige Websites von Fortune-500-Unternehmen, die PNGs auf ihrer Titelseite einsetzen:

• microsoft.de
• apple.de
• google.com (das google-Logo ist ein PNG)
• hp.com (sie verwenden IEPNGFIX von twinhelix und transparente PNGs)

Die einzige Website, die ich gefunden habe, bei der das nicht der Fall war (ich habe mir nur etwa 10 angesehen), war Siemens.com.

Answer 3

Heutzutage kann man sie sehr gut verwenden. Ältere Versionen des IE (6.0 und älter) unterstützten nicht alle Transparenzmodi, was der Hauptgrund war, warum die Leute das Format vermieden. Bei anderen Browsern wie Firefox, Chrome, Opera, Konqueror oder Links gab es solche Probleme nicht.

Answer 4

Ja, es ist in Ordnung, pngs zu verwenden, aber es gibt einige Dinge, auf die man hinweisen sollte.

• Der Internet Explorer 6 unterstützt keine Transparenz. Wie in mehreren Kommentaren erwähnt, können Sie Filter verwenden, um dieses Problem zu beheben. Es gibt jedoch einige Probleme, die auftreten können, wenn man sie über einem relativen Container verwendet oder versucht, den Hintergrund zu wiederholen. Persönlich verwende ich einen vml-Implementierung die diese Probleme nicht hat.

• Es ist in der Regel keine gute Idee, pngs mit anderen Bildtypen wie jpegs zu mischen (d. h. zu überlappen). Auch wenn sie dieselbe Hintergrundfarbe haben, kann der IE sie leicht unterschiedlich anzeigen, sodass sie nicht wirklich gut zusammenpassen.

• Mac OS X rendert die Pngs mit der gespeicherten Gammakorrektur. Möglicherweise müssen Sie sie entfernen. Ich verwende pngcrush.

• Verschachtelte halbtransparente Oberflächen können auf manchen Browsern sehr langsam sein.

Answer 5

PNG-Dateien sind heute in der Regel der Standard, vor allem weil PNG ein offenes Format ist, das speziell für das Web entwickelt wurde. Das W3C empfiehlt die Verwendung von PNG für Websites, da die Verwendung von PNG zu kompakteren Dateien führt, wenn es um Grafiken, Logos usw. geht. PNG ist ein verlustfreies Komprimierungsformat.

Während PNG das einzige Format ist, das die Verwendung von Transparenzen erlaubt, sollten Sie für größere Bilder vielleicht JPG verwenden (ein Format mit verlustbehafteter Komprimierung).

Und wissen Sie was? Sogar Google verwendet ein png-Bild für sein Olympia-Logo.