Ziel

In dieser Anleitung lernst du, wie du in Grav Medien korrekt verwendest. Dazu gehören Bilder, Videos und andere Elemente, die du in deinen Seiten einbetten kannst.

Dazu gehört auch das korrekte Vorbereiten der Medien, damit sie zum einen korrekt dargestellt werden und zum anderen die Ladezeiten der Seite nicht zu stark beeinträchtigen.

Bilder

Bilder sind ein wichtiger Bestandteil von Webseiten. Sie lockern den Text auf und können Informationen vermitteln, die mit Worten nur schwer zu beschreiben sind. Es gibt verschiedene Arten von Bildern, die du in Grav verwenden kannst.

Bildformate

Es gibt verschiedene Bildformate, die du in Grav verwenden kannst. Die gängigsten Formate sind:

• JPG/ JPEG: Dieses Format eignet sich für Fotos und Bilder mit vielen Farben. Dieses Bildformat wird oft verwendet, um Hochqualitative Bilder zu speichern. Ein weiterer Vorteil ist, dass die Dateigrösse relativ klein ist.
• PNG: Dieses Format eignet sich für Bilder mit wenigen Farben oder mit transparenten Bereichen. PNG-Bilder sind in der Regel grösser als JPG-Bilder, aber sie bieten eine bessere Qualität.
• GIF: Dieses Format eignet sich für animierte Bilder. GIF-Bilder sind in der Regel klein und haben eine begrenzte Farbpalette.
• SVG: Dieses Format eignet sich für Vektorgrafiken. SVG-Bilder sind in der Regel sehr klein und können ohne Qualitätsverlust vergrössert werden.
• WebP: Dieses Format ist ein relativ neues Bildformat. Es bietet eine bessere Komprimierung als JPG und PNG und unterstützt auch Transparenz.

Bildgrösse

Die Grösse eines Bildes ist ein wichtiger Faktor für die Ladezeit einer Webseite. Je grösser ein Bild ist (je mehr Pixel es hat), desto länger dauert es, bis es geladen ist. Deshalb ist es wichtig, die Grösse der Bilder zu optimieren, bevor du sie in Grav verwendest.

Oft ist es auch hilfreich, ein Bild zuzuschneiden, um den Fokus auf das Wesentliche zu legen. So verringerst du zum einen die Dateigrösse und zum anderen lenkst du die Aufmerksamkeit des Betrachters auf das, was du zeigen möchtest.

Bilder optimieren

Bevor du ein Bild in Grav verwendest, solltest du es optimieren. Das bedeutet, dass du die Grösse des Bildes reduzierst, um die Ladezeit der Seite zu verkürzen. Dazu musst du dir vorher überlegen, was der Zweck des Bildes ist und wie gross es sein muss, um diesen Zweck zu erfüllen.

Es gibt verschiedene Tools, mit denen du Bilder bearbeiten und optimieren kannst. Für die Bildbearbeitung empfehle ich GIMP, da es ein kostenloses Tool ist. Für die Bildoptimierung empfehle ich Squoosh. Zudem gibt es hier auch eine Anleitung zur Bildoptimierung mit Squoosh.

Videos

Videos sind ein weiteres wichtiges Element von Webseiten. Mit Videos können Informationen auf eine anschauliche und unterhaltsame Weise vermittelt werden.

Videoformate

Es gibt verschiedene Videoformate, die du in Grav verwenden kannst. Die gängigsten Formate sind:

• MP4: Dieses Format eignet sich für die meisten Videos. Es bietet eine gute Qualität und eine relativ kleine Dateigrösse.
• WebM: Dieses Format ist ein relativ neues Videoformat. Es bietet eine bessere Komprimierung als MP4 und unterstützt auch Transparenz.
• MOV: Dieses Format wird oft von Apple-Geräten verwendet. Es bietet eine gute Qualität, aber die Dateigrösse ist oft grösser als bei MP4.

Videoqualität

Wie auch bei Bildern ist die Qualität eines Videos ein wichtiger Faktor für die Ladezeit einer Webseite. Je höher die Qualität eines Videos ist, desto grösser ist die Dateigrösse und desto länger dauert es, bis das Video geladen ist.

Aus diesem Grund sollten Videos wenn möglich nicht grösser als 10 MB sein. Wenn du ein Video in Grav verwenden möchtest, solltest du es vorher optimieren, um die Dateigrösse zu reduzieren.

YouTube

Falls du längere und grössere Videos verwenden möchtest, empfehle ich dir, diese auf YouTube hochzuladen und dann in Grav einzubetten. YouTube bietet eine gute Komprimierung und Streaming-Qualität, sodass die Ladezeit der Seite nicht zu stark beeinträchtigt wird.

Audio

Audio-Dateien sind ein weiteres Element, das du in Grav verwenden kannst. Mit Audio-Dateien kannst du Musik, Podcasts oder andere Audio-Inhalte auf deiner Webseite einbetten.

Audioformate

Es gibt verschiedene Audioformate, die du in Grav verwenden kannst. Die gängigsten Formate sind:

• MP3: Dieses Format eignet sich für Musik und Sprachaufnahmen. Es bietet eine gute Qualität und eine relativ kleine Dateigrösse.
• OGG: Dieses Format ist ein freies Audioformat. Es bietet eine gute Qualität und eine relativ kleine Dateigrösse.
• WAV: Dieses Format bietet eine sehr gute Qualität, aber die Dateigrösse ist oft grösser als bei MP3 und OGG.
• M4A: Dieses Format wird oft von Apple-Geräten verwendet. Es bietet eine gute Qualität, aber die Dateigrösse ist oft grösser als bei MP3 und OGG.

Audioqualität

Wie auch bei Bildern und Videos ist die Qualität einer Audio-Datei ein wichtiger Faktor für die Ladezeit einer Webseite. Je höher die Qualität einer Audio-Datei ist, desto grösser ist die Dateigrösse und desto länger dauert es, bis die Datei geladen ist.

Aus diesem Grund sollten Audio-Dateien wenn möglich nicht grösser als 5 MB sein. Wenn du eine Audio-Datei in Grav verwenden möchtest, solltest du sie vorher optimieren, um die Dateigrösse zu reduzieren.

Fazit

Medien wie Bilder, Videos und Audio-Dateien sind ein wichtiger Bestandteil von Webseiten. Sie können Informationen auf eine anschauliche und unterhaltsame Weise vermitteln und die Aufmerksamkeit der Besucher auf sich ziehen. Es ist wichtig, die Medien korrekt vorzubereiten und zu optimieren, damit sie zum einen korrekt dargestellt werden und zum anderen die Ladezeiten der Seite nicht zu stark beeinträchtigen. Mit den richtigen Tools und Techniken kannst du sicherstellen, dass deine Medien in Grav optimal verwendet werden.