Medien Formate
Welcome to the Jungle!
Demon989, CC BY-SA 4.0, via Wikimedia Commons
Im folgenden versuche ich, ein sehr komplexes Thema stark zu vereinfachen: Welche Multimedia-Formate kann man auf einer HTML5-Webseite einsetzen?
Wenn du Websites professionell entwickeln möchtest, reichen meine Erklärungen bei weitem nicht aus!
Bitmap-Bilder: Welche Formate gehen?
Etablierte Formate sind: PNG, JPG (oder JPEG) und GIF. GIFs können auch animiert sein.
Neuere Formate werden sein: WebP und APNG als Ablösung von "animated Gifs".
Vektorgrafiken: Welches Format geht?
Weil die Flash-Technologie gestorben ist, gibt es für Vektoren nur ein Format: SVG. SVG-Grafiken kannst du übrigens ganz ähnlich wie HTML selber programmieren ...
Videos selber publizieren
Jetzt sind wir bei der schwierigen Frage, welches Format sich am besten für Videos eignet und eigentlich müsste ich ganz viel schreiben über Formate, Container und Codecs. Dieses Schlachtfeld überlasse ich gerne anderen, denn das ist nicht mein Spezial-Gebiet und würde auch den Rahmen dieser Website sprengen. Versuche, in deinem Schnittprogramm dein Projekt als mp4 mit H264/AVC encoding zu exportieren, das ist aktuell ein "Quasi"-Standard für Web-Videos.
Eine Übersicht über verschiedene Videoformate mit relativ einfachen Erklärungen dazu findet man im "Digital Guide" von IONOS, einem deutschen Provider.
Videos ohne Format-Sorgen: Video-Portale
Möchtest du deine Videos nicht auf deinem eigenen Server haben, lädst du sie auf ein Portal wie "Youtube" oder "Vimeo" hoch und bettest sie von dort in deine eigene Website ein. Die Portale rechnen dein Werk automatisch in ein Format um, das alle Browser "verstehen".
Audio-Dateien: Welches Format geht immer?
Es gibt viele Sound-Formate, die nur in einem Teil der Browser abgespielt werden können. Möchtest du ein Format ganz ohne Bauchschmerzen einsetzen, nimmst du MP3, ein uraltes Format. Ein gute Alternative dazu ist WAV, das läuft zwar nicht im Internet Explorer, aber den gibt's zum Glück praktisch nicht mehr.