# Aufgabe M152-g: Bildformate, Videoformate, Soundformate erstellen und vergleichen


**Aufträge**

Zeitbedarf: ca. 60-90 min.


## 1.) Fotos/Bilder


### Einleitung "Bilder"

Bildformate erklärt | PNG, JPEG, BMP & mehr - Wann welches Format nutzen?
<br>8:16 min, D, Youtube, 09.08.2022
<br>https://www.youtube.com/watch?v=FqPUwN_iqPk

How are Images Compressed from 46 MB to 4 MB (jpeg)?
<br>18:46 min, E, Youtube, 23.12.2021
<br>https://www.youtube.com/watch?v=Kv1Hiv3ox8I

Explaining Image File Formats
<br>14:19 min, E, Youtube, 23.01.2022
<br>https://www.youtube.com/watch?v=WblPwVq9KnU

Image File Formats - JPEG, GIF, PNG
<br>6:44 min, E, Youtube, 16.05.2017 
<br>https://www.youtube.com/watch?v=ww12lImOJ38

### Aufgabe "Bilder"

Machen Sie zwei Fotos mit Ihrem Smartphone. 

- Ein Foto hat möglichst wenige Details darauf 
(eine eintönige Wand, Fussboden, Fläche oder sowas).

- Ein Foto hat viele Elemente darauf 
(z.B ein Bild aus Ihrem Fenster, 
ein Baum, ein Blumenbeet oder ähnliches)


Machen Sie damit folgendes:

- transferieren Sie die beiden Fotos auf Ihren Rechner.
- Speichern Sie neben dem originalen JPEG (unverändert) 
  auch noch in die Dateiformate BMP, PNG-8, GIF sowie 
  ein JPEG, alle mit (**sehr**) geringer Auflösung/Grösse
  (das kann man in den Softwaretools wie z.B. irfanview.com 
  einstellen). **Wie weit kann man gehen?**
- Erstellen Sie eine HTML- oder PHP-Dokument und integrieren Sie die Fotos auf die WebSite in den verschiedenen Formaten und fügen Sie untenstehende Beschreibung(en) hinzu. 
- Notieren Sie zu den Fotos die Dateigrössen der Dateiformate JPEG (beide), BMP, PNG-8, GIF
- Erklären Sie mit eigenen Worten zu jedem Dateiformat, warum die Datei so gross oder klein ist.
- Erklären Sie auch Unterformate, falls es welche gibt (z.B. Interlaced, Transparenz, ...)
- Beschreiben Sie zu jedem Bildformat deren Vorteile und Nachteile sowie deren optimalen Einsatzzweck
 
Softwareempfehlung: https://www.irfanview.com/

Andere wären z.B. auch Gimp, Photoshp, ...

<br />https://onlinegiftools.com


## 2.) Videos

### Einleitung "Videos"

Explaining Digital Video: Formats, Codecs & Containers
<br>14:43 min, D, Youtube, 07.03.2021
<br>https://www.youtube.com/watch?v=-4NXxY4maYc

### Aufgabe "Video"

Erstellen Sie Mit Ihrem Smartphone ein Kurzvideo (ca. 10 Sekunden) transferieren Sie es auf Ihren Rechner und speichern Sie es in 3-4 verschiedenen "gängigen" Formaten ab. 
- Binden Sie das/die Video/s in 2-3 unterschiedlichen Arten in Ihre WebSite ein (Video-Tag in HTML5, oder mittels "embed" u.ä.)
- Erklären Sie mit eigenen Worten zu jedem Dateiformat, warum die Datei so gross oder klein ist.
- Erklären Sie auch Unterformate, falls es welche gibt und was sie bewirken.
- Beschreiben Sie zu jedem Video-Format deren Vorteile und Nachteile sowie deren optimalen Einsatzzweck

Softwareempfehlung: https://openshot.org

<br/>https://mediaboom.com/
<br/>https://www.softguide.de/software-tipps/videoformate
<br/>https://www.nrwision.de/mitmachen/wissen/videoformate-vergleich
<br/>https://www.netzsieger.de/ratgeber/videoformate
<br/>https://blog.mynd.com/de/wichtigsten-videoformate



## 3.) Sounds/Töne/Musik/Jingle
Suchen Sie sich im Internet frei verfügbare Musik, Sounds oder Jingles und speichern Sie sie in 2-4 unterschiedlichen "gängigen" Formaten ab.



- Binden Sie die Audio-Dateien in Ihre Webseite auf 2-3 Arten (automatisches Losspielen) und als manuell startbares Audio entsprechend ein. 
- Erklären Sie mit eigenen Worten zu jedem Dateiformat, warum die Datei so gross oder klein ist.
- Erklären Sie auch Unterformate, falls es welche gibt.
- Beschreiben Sie zu jedem Audioformat deren Vorteile und Nachteile sowie deren optimalen Einsatzzweck


<br />https://www.audible.de
<br />https://de.wikipedia.org/wiki/Web_Audio_API
<br />https://googlechromelabs.github.io/web-audio-samples
<br />https://umaar.com/dev-tips/203-web-audio-inspector
<br />https://www.nrwision.de/mitmachen/wissen/audioformate-vergleich




**Hinweis:**
- erinnern Sie sich ans Modul 114 (1. Lehrjahr) und/oder holen sie sich dessen Unterlagen hervor
- lesen Sie sich im Internet schlau