ID KOLCHOSE
And YES, it IS a WiKi, so JOIN and EDIT
WebOptimierung • BesitzerIn: NeBel  |  Seitenende  
HELP: Wie optimiere ich BILD, TON und VIDEO fürs Web
Alles zum Thema Bilder optimieren

Allgemeines:

Bilder sollten vor dem veroeffentlichen auf dieser Webseite auf alle Faelle optimiert werden.
Unkompremierte Bilder direkt aus der Digitalkamera koennen mehrere Mega Byte gross sein und haben meist eine
Bildgroesse, die fuer die Darstellung im Internet nicht geeignet ist.


In etwa koennen folgende Richtlinen gelten:

-Aufloesung
Nicht mehr als 72 dpi, dies entspricht der Bildschirmaufloesung, mehr kann nicht dargestellt werden.
-Bildgroesse
Nicht mehr als 1024 x 768 pixel (optimal max. 800 x 600) nicht jeder hat einen 30 Zoll Bildschirm..
-Format
Auf dieser Seite nur: .jpg, .jepg, .gif

Folgendes Bildkompremierungs Tutorial ist fuer das Programm Photoshop, die Bildkompremierung ist aber auch mit unzaelig anderen (auch Freeware) Programmen moeglich. Das Prinzip bleibt aber das selbe.

MAC & PC

Als Beispiel fuer den Bilderexport fuers Web, verwenden wir Photoshop
Tutorial: FotoexportausPhotoshop

Freeware Programme zur Bildbearbeitung:
PC, Mac

LINUX

Mit dem gratis Programm Gimp koennen Bilder ganz einfach optimiert werden.
Tutorial: GimpExport
Gimp ist auch fuer Windows und Mac erhaeltlich



Alles zum Thema Audio optimieren

Allgemeines:

Audiofiles muessen genauso wie Bild- und Videodateien fuer das Web vorbereitet werden.
Hierzu gibt es unzaehlige Programme und Moeglichkeiten, wie zB mp3 oder mp4.
Alle Kompressionen fuers Web (Bild, Audio und Video) sind verlustbehaftet, dh, es gehen Daten verloren.
Je kleiner die Dateigroesse, umso schlechter die Qualitaet. Deshalb sollten immer verschiedene Settings
durchprobiert werden um einen geeigneten Kompromiss zu finden.


PC & MAC

Als Beispiel fuer eine Audioaufbereitung fuer das Web, verwenden wir iTunes
Tutorial: Mp3Export

PC

freeware mp3 converter fuer den pc

LINUX

soon



Alles zum Thema Video optimieren

Allgemeines:

Video im Web kann in verschiedenen Formaten vorkommen. WindoofMedia Video, Real Video, QuickTime movie, ... um nur einige zu nennen. Jedes dieser Formate setzt voraus, dass der Webbrowser das dazu benoetigte Plugin installiert hat. Neben den Unterschiedlichen Video Formaten, gibt es auch noch verschiedene Arten Filme zu Verfuegung zu stellen. Mittels StreamingVideo werden Filme nicht auf den Rechner heruntergeladen, sondern nur immer der Teil, der gerade zu sehen ist. Dies setzt jedoch einen Streamingserver voraus.
Die andere, weiter verbreitete Moeglichkeit, besteht im einfachen bereitstellen von Video Downloads.
Hat der Webbrowser das noetige Plugin installiert, wird der Film direkt auf der Seite angezeigt, ansonsten wird der Film auf die Fesplatte geladen und kann mit einem entsprechenden Videoplayer abgespielt werden.

Um nun Filme im Netz publizieren zu koennen, muessen diese stark kompremiert werden, da das Ausgangsmaterial
meist eine sehr hohe Datenrate aufweist. Bei DV Video liegt diese bei etwa 3,6 MB / Sekunde was bei mehreren Minuten schon ein Gigabyte an Daten bedeutet. Im Web jedoch koennen, je nach Internet Zugang, 10 MB schon relativ viel Daten bedeuten.

Um zB aus DV Video Matrial einen Web Film zu kompremiern, sollte folgendes beachtet werden:

- die Groesse sollte 320 x 240 oder 240 x 180 nicht ueberschreiten
- guten Codec und vernuenftige Einstellungen fuer das Video verwenden zB Sorenson 3
- Framerate reduzieren (zb um die Haelfte auf 12,5 Bilder pro Sekunde)
- guten Codec und vernuenftige Einstellungen fuer den Ton verwenden zB MPEG 4 oder IMA 4:1
- die Kompremierung muss so gewaehlt werden, dass bei vertretbarer Qualitaet eine kleine Dateigroesse erreicht wird


MAC

Diese Tutorial bezieht sich auf FianlCut 4.5, welches am Mac Rechner "Grosse Schwester" installiert ist.
Tutorial: VideoOptimierungMitFinalCut

Mit dem Programm Compressor lassen sich bestimmte Kompressionseinstellungen speichern um im Stapelverfahren
immer wieder die selben Einstelungen auf verschiedene Ausgangsdaten anzuwenden. Dies wird vor allem fuer die AdminWebRedaktion relevant sein.
Es koennen fast alle Formate (+Streaming) exportiert werden.
Tutorial: VideoOptimierungMitCompressor

PC & MAC

Dieses Programm eignet sich genau so wie Compressor zur Stapelverarbeitung von Videodaten.
Es koennen so gut wie alle Formate (+Streaming) exportiert werden. (mit einer Ausnahme: .wm Dateien lassen sich nur am PC erzeugen..)
Tutorial: VideoOptimierungMitCleaner

In der Pro Version von QuickTime lassen sich am Mac und am PC ganz schnell Videos in den verschiedenen Kompressionen exportieren (je nach installierten Codecs).
Tutorial: VideoOptimierungMitQuickTime

LINUX

soon




Weiterfuehrende Links
Grafik

2D-Grafik Dateiformate
http://www.dma.ufg.ac.at/dma/dma/pane/206.342/module/237191

Kompressionsverfahren
http://www.dma.ufg.ac.at/dma/dma/pane/206.342/module/237194

GIF - Graphics Interchange Format
http://www.dma.ufg.ac.at/dma/dma/pane/206.342/module/237155

JPEG - Joint Photographic Experts Group
http://www.dma.ufg.ac.at/dma/dma/pane/206.342/module/237110

PNG - Portable Network Graphics
http://www.dma.ufg.ac.at/dma/dma/pane/206.342/module/236879

JPEG2000 - Joint Photographic Experts Group 2000
http://www.dma.ufg.ac.at/dma/dma/pane/206.342/module/237126

Speichern von Bildern; wichtige Bilddateiformate; Speichern von Bildern für das Web
http://www.dma.ufg.ac.at/dma/dma/pane/208/module/151890

Erstellen, bearbeiten, optimieren und speichern einer GIF-Animation in Imageready
http://www.dma.ufg.ac.at/dma/dma/pane/208.390/module/5911
Audio

Audio Dateiformate
http://www.dma.ufg.ac.at/dma/dma/pane/206.347/module/121999

Audio Kompression
http://www.dma.ufg.ac.at/dma/dma/pane/206.347/module/121973

Funktionsweise der MPEG-Audio Komprimierung
http://www.dma.ufg.ac.at/dma/dma/pane/206.347/module/121988
Video

Sehr gute Seiten fuer DV, Video, DVD, VCD, divX,.....
http://www.videohelp.com
http://german.doom9.org

Video Dateiformate
http://www.dma.ufg.ac.at/dma/dma/pane/206.345/module/64692

Video Kompression / Allgemein
http://www.dma.ufg.ac.at/dma/dma/pane/206.345/module/66978

Video Kompression / DV
http://www.dma.ufg.ac.at/dma/dma/pane/206.345/module/66984

Video Kompression / MPEG
http://www.dma.ufg.ac.at/dma/dma/pane/206.345/module/57256

Motion Compensation bei der MPEG-Kompression
http://www.dma.ufg.ac.at/dma/dma/pane/206.345/module/69383

Video Kompression / MJPEG
http://www.dma.ufg.ac.at/dma/dma/pane/206.345/module/69378

Exportieren in Final Cut Pro
http://www.dma.ufg.ac.at/dma/dma/pane/203.324/module/94165
http://www.dma.ufg.ac.at/dma/dma/pane/203.324/module/237356

Exportieren in Premiere
http://www.dma.ufg.ac.at/dma/dma/pane/203.324/module/19562/sub/38097
Web

Plug-Ins
http://www.dma.ufg.ac.at/dma/dma/pane/206.344/module/76704

Diese Seite ist nicht kommentiert [Seite kommentieren]