Medien

"Ein Bild sagt mehr als tausend Worte"

Beispiele von Bilddateien:

Moderne Digitalkameras produzieren Bilder mit einer Auflösung von 6000x4000 Pixeln und einem Gewicht von ca. 40MB.  Diese Bilder können auf einer Webseite eingebunden werden - das macht aber überhaupt keinen Sinn. Das Laden dieser Bilder dauert auch bei einer schnellen Datenleitung viel zu lange und auch hochauflösende Bildschirme können nicht alle Pixel dieses Bildes darstellen. 

Deshalb müssen diese Bilder in ein für Browser sinnvolles Format und eine sinnvolle Grösse konvertiert werden. 

Verlustfreie Kompression:

Bei der verlustfreien Kompression können die Originaldaten exakt aus den komprimierten Daten wiederhergestellt werden. Dabei geht keinerlei Information verloren. Je nach Inhalt wird die Datei mehr oder weniger stark verkleinert. Die Dateigrösse ist verändert sich weniger stark als bei einem Format mit verlustbehafteter Kompression.

Im Wesentlichen nutzen verlustfreie Kompressionsverfahren die Redundanz von Daten aus. Mehrfach vorhandene Informationen in einer Datei werden in einer Tabelle abgelegt und bei einem wiederholten Auftreten derselben Information aus der Tabelle gelesen. Dabei ist es wichtig, dass der benötigte Speicherplatz für die Tabelle den Speicherplatz der Originaldatei nicht übersteigt:

Ausgangstext: AUCH EIN KLEINER BEITRAG IST EIN BEITRAG
Kodiertext: AUCH EIN KLEINER BEITRAG IST /2 /4

Wörterbuchmethode:

Ausgangstext: Print "Hallo"; Print "Hier"
Kodiertext: 3F "Hallo"; 3F "Hier"

Run Length Encoding (RLE):

Ausgangstext: In den letzten Tagen betrug die Temperatur 10 Grad, 10 Grad, 10 Grad, und dann 14 Grad.
Kodiertext: In den letzten Tagen betrug die Temperatur/3/ 10 Grad,/ und dann 14 Grad.

Bilder in eine Webseite einbinden:

https://caniuse.com/ gibt Auskunft über die Kompatibilität von Bild-Formaten.

<img src="folder/image.format" alt="Bildbeschreibung">

Videos in Webseiten einbinden:

Meistens werden über das <video>-Element lokale Filme in eine Webseite eingebunden.
https://caniuse.com/ gibt Auskunft über die Kompatibilität von Video-Formaten.

<video controls>
    <source src="folder/video.format" type="MIME-Type of src">
</video> 

Weiterführende Informationen zu Videoformaten:

• https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Video_codecs

Rechtliche Grundlagen:

Grundsätzlich sind die meisten Inhalte mit einem Urheberrecht belegt. Der Urheber bestimmt, wie sein Inhalt verwendet werden darf. Deshalb ist es immer angebracht, bei der öffentlich zugänglichen Verwendung fremder Inhalten den Urheber um Erlaubnis zu bitten.

Alternativ können Inhalte verwendet werden, welche Public Domain sind - also aufgrund von ihrem Alter mit keinem Urheberrecht belegt sind -  oder aber vom Urheber mit einer Lizenz belegt sind, welche das Wiederverwenden erlauben.

Videos: