Welches Dateiformat für WEB ?

[Summernoon]

Hallo,
wollte mal fragen welches Dateiformat ihr wählt und warum ? Welchen Vorteil haben die einzelnen Formate ?

mfg
Summernoon

[Manuel]

Auf welche Dateiformate beziehst du dich denn? Auf alle? Oder Grafikformate?

Lg,
Manuel

[Summernoon]

ach so ja ^^
ich meine Grafikformate. .gif .png .jpg ...

mfg
Summernoon

[frossi]

Also das kommt immer drauf an...
gif ist natürlich am speicherfreundlichsten aber dafür auch in der Qualität enstprechend schlechter. Für einfache kleine Buttons oder ähnliches was eben in gif noch gut aussieht nimmt mans dann halt. Vorteil: Unterstützt Transparenz.

Ich würd mal sagen jpg ist am weitesten verbreitet. Annehmbarer Speicherverbrauch, gute Qualität. Nachteil: Keine Transparenz.

Ich dachte mal, png sei die Lösung, aber leider unterstützt der Internetexplorer angeblich keine png-transparenzen womit man sich png eigendlich sparen kann

[SilentStormer]

Also das kommt immer drauf an...
gif ist natürlich am speicherfreundlichsten aber dafür auch in der Qualität enstprechend schlechter. Für einfache kleine Buttons oder ähnliches was eben in gif noch gut aussieht nimmt mans dann halt. Vorteil: Unterstützt Transparenz.

Ich würd mal sagen jpg ist am weitesten verbreitet. Annehmbarer Speicherverbrauch, gute Qualität. Nachteil: Keine Transparenz.

Ich dachte mal, png sei die Lösung, aber leider unterstützt der Internetexplorer angeblich keine png-transparenzen womit man sich png eigendlich sparen kann

Es gibt allerdings eine JavaScript-Funktion, die, in der betreffenden Seite, wo die png-Grafik verwendet wird, inkludiert, den Fehler im IE behebt. Hab ich selber des Öfteren im Einsatz, funktioniert ganz gut

[Ingo]

Hi.

Ich denke, dass sich JPGs wegen des Kompressionsverfahrens (DCT) eher für
Bilder mit sanften Farbverläufen (z.B. Photos) eignen, während GIF (und auch
PNG) deutlich besser geeignet sind für Grafiken mit kontrastreichen Linien.
Die "vermatschen" in JPGs (sog. Blockartefakte), während Farbverläufe mit sehr
vielen Zwischenstufen in GIFs sehr viel Platz kosten.

Im Zweifel einfach ausprobieren, welches Format bei welcher Dateigröße eine
akzeptable Qualität liefert.

Gruß, Ingo

[cgu]

Wenn du noch nicht so ganz sicher sein solltest, bieten bestimmte Softwarepakete auch eine entsprechende Exportvorschau (z.B. in Fireworks MX), wo du die entsprechende Qualität sowie das Format wählen kannst und direkt das Ergebnis siehst.

[Summernoon]

Ah danke für all die Antowrten. Ich denke das ich erstmal einen guten Überblick habe wie ich die Formate verwenden kann.

mfg
Summernoon

[Eyecatcher]

Ich kann mir gut vorstellen, das PNG das Grafikformat der Zukunft wird, da halb transparente Transparenz einfach verdammt cool und stylisch ist, der Speicherplatzverbrauch und die Qualität sehr Ordentlich sind. Nur der IE muss einem, wie bei so viele Sachen, wiedereinmal einen Strich durch die Rechnung machen
Außerdem ist PNG das beste Grafikformat für grafische Oberflächen mit Java =)

[frossi]

Ich kann mir gut vorstellen, das PNG das Grafikformat der Zukunft wird, da halb transparente Transparenz einfach verdammt cool und stylisch ist, der Speicherplatzverbrauch und die Qualität sehr Ordentlich sind. Nur der IE muss einem, wie bei so viele Sachen, wiedereinmal einen Strich durch die Rechnung machen
Außerdem ist PNG das beste Grafikformat für grafische Oberflächen mit Java =)

Seh ich genauso. Verflucht sei der Internetexplorer!

[Fitz]

ich beniutz eig immer pngs weil die a) transparent seine können und b) gute qualität haben.
WEnn du was transparentes willst nimm leiber gifs weil der IE probleme mit transparenten PNGs hat.

[Elchi3]

Hi,

hierzu könnte man doch mal einen guten Artikel verfassen !
Die drei Grafikformate des Webs sind sicherlich, wie schon gesagt: jpg, gif und png.
Mich würde auch interessieren welche Besonderheiten jedes Format mit sich bringt.
Stichpunkte dazu: Transparenz, Interlacing, Animation, Kompression, Auflösung,...
Vielleicht kann man auch auf das svg-Format eingehen(Scalable Vector Graphics).

Ich müsste mich damit nochmal näher beschäftigen, habe aber im Moment keine Zeit dazu , sonst würde ich selbst mal versuchen einen Artikel dazu zu schreiben.

Eines ist aber klar: Bitte keine bitmaps verwenden !

Gruß,
<Elchi3>

[enigmartin]

Es stimmt das es verschiedene Fixes (auch Hacks genannt) für den IE gibt aber es gibt da zei verschiedene Möglichkeiten PNG24 (das sind die transparenten) einzusetzen, einmal als Hintergrund, vie CSS eingebunden (background: url(bild.png);) oder als img-tag (<img src="bild.png">).
Ich arbeite viel mit Joomla und weiß das es zwei bis drei Hacks gibt die man als Mambot installieren kann, welche aber oft das Design dermaßen verschieben (warum auch immer) oder halt nur halb den Zweck erfüllen.
Soweit ich weiß gibt es auch noch Probleme bei PNG24-Grafiken die als Hintergrund eingegeben wurden und sich wiederholen sollen.

Ich hab gerade ein Template für Joomla gemacht und halt genau dies bemerkt. Ich habe die Hacks installiert und siehe da, Kopfgrafik und Fussgrafik sind tranparent, nur die Grafik die sich vertical wiederholt nicht.
Also musste ich wieder eine alternative Lösung für den IE finden.

Ich sage nur: Selbst Schuld wer immernoch mit dem IE im Netz unterwegs ist. (Leute propagiert andere Browser aber nicht den IE )

Dennoch versuche ich meine Seiten immer auch für diesen sch... Browser zu konfigurieren.

Ansonsten arbeite ich fast nur mit PNG und Gif, denn JPG kann man getrost weglassen. Wenn man manchmal keine weichen Kanten in einer GIF hat dann kann man nachhelfen (von tranp. zum Bild), indem man dem Bild einen Rahmen der Hintergrundfarbe gibt auf der es im Endeffekt liegen soll, oder manchmal reicht auch nur ein Schein nach außen (ich arbeite mit Photoshop).

[frossi]

Ich möchte eine kleine transparente Grafik in eine Webseite einbaun. Und zwar eine mit Photoshop erstellte, die den Effekt "Schein nach Außen" beinhaltet. Jetzt wär meine Frage, geht das mit .gif überhaupt? Ich habs mal versucht, und da is einfach ein weißer Kreis um das Symbol herum statt dem Schein Mach ich was falsch bei den Einstellungen oder ist das wirklich so extrem mies bei Übergängen zu Transparenzen? Und wie schlimm ist die Verwendung von png? Weiß jemand wie groß die Verbreitung vom IE 6 und älter ist? Überhaupt wäre eine umfassende Statistik zu Browsernutzung und auch zur Verbreitung vom Flashplayer und Javascript mal interessant. Kennt jemand zufällig ne zuverlässige internationale Seite?

Achso, und wie sieht das dann eigendlich im alten IE aus, wenn man eine transparente png-Grafik einbindet? Weißer Hintergrund?
PNG wurde extra fürs Web geschaffen, und dann kommen diese Idioten von Microsoft und vermasseln alles. Mit png wäre Webdesign traumhaft!

[sadcrow]

"Schein nach Außen" beinhaltet. Jetzt wär meine Frage, geht das mit .gif überhaupt?

Kannst du vergessen. Ist mit Gif fast unmöglich. Versuch halt den Teil wo der Schein drauf ist ebenfalls mit in den Slice zu packen und als Jpg zu speichern. (musst halt die entsprechende Hintergrund Farbe einfügen, die du auch als BG der Seite verwendest.)