arbeitsmethoden:digitale-abb
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
arbeitsmethoden:digitale-abb [17.10.2012 (21:49)] – angelegt kalt | arbeitsmethoden:digitale-abb [06.08.2020 (11:28)] (aktuell) – Externe Bearbeitung 127.0.0.1 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ====== | + | ====== |
<note tip> | <note tip> | ||
Zeile 11: | Zeile 11: | ||
</ | </ | ||
- | <note important> | + | {{page>:hinweis-software}} |
- | Übrigens — Für alle Software-Anleitungen gilt: **Arbeite immer mit wachem Verstand.** | + | |
- | + | ||
- | Software wird ständig aktualisiert, | + | |
- | </ | + | |
===== (I) Wie funktionieren digitale Abbildungen? | ===== (I) Wie funktionieren digitale Abbildungen? | ||
Zeile 23: | Zeile 19: | ||
Um zu verstehen, wie »groß« eine digitale Abbildung ist, musst Du zunächst verstehen, wie digitale Bilder und Darstellungsgeräte (Computerbildschirme, | Um zu verstehen, wie »groß« eine digitale Abbildung ist, musst Du zunächst verstehen, wie digitale Bilder und Darstellungsgeräte (Computerbildschirme, | ||
- | === Farbige Punkte in einem Raster === | + | ==== Farbige Punkte in einem Raster |
- | <box right 310px>{{: | + | [{{ : |
- | Du kannst Dir das Display vorstellen wir ein Gitter mit sehr vielen Pixeln, von denen jeder eine Farbe zeigen | + | Du kannst Dir ein digitales Foto oder ein Display vorstellen wir ein Gitter mit sehr vielen Pixeln, von denen jedes verschiedene |
Um die Darstellung von digitalen Abbildungen zu verstehen, sind zwei Eigenschaften wichtig: | Um die Darstellung von digitalen Abbildungen zu verstehen, sind zwei Eigenschaften wichtig: | ||
- | - **Pixelgröße** und | + | - **Bildgröße** und |
- **Auflösung**. | - **Auflösung**. | ||
- | == (1) Bild- oder Pixelgröße | + | === (1) Bildgröße === |
- | Die **Bildgröße** (oft auch nur »Größe« einer Abbildung genannt) gibt an, aus vielen Pixeln eine Abbildung besteht. Man kann die Größe ermitteln indem man die Pixel entlang der beiden Achsen einer Abbildung zählt und das Ergebnis multipliziert. Die Beispielabbildung mit dem blauen Fisch hat 24 Pixel entlang der **Achse a** und 20 Pixel entlang der **Achse b**. Die Pixelgröße beträgt also 24 x 20 px. | + | Die **Bildgröße** (oft auch »Pixelgröße« oder einfach |
+ | * 24 Pixel entlang der **Achse a** und | ||
+ | * 20 Pixel entlang der **Achse b**. | ||
+ | Die Pixelgröße beträgt also 24 x 20 px | ||
Je größer die Bildgröße einer Abbildung ist, desto größer wird sie auf einem Display dargestellt. Außerdem enthält sie umso mehr »Bildinformation«, | Je größer die Bildgröße einer Abbildung ist, desto größer wird sie auf einem Display dargestellt. Außerdem enthält sie umso mehr »Bildinformation«, | ||
Zeile 41: | Zeile 40: | ||
* Ein typischer **Laptopmonitor** kann zum Beispiel waagrecht 1280 Pixel und senkrecht 800 Pixel darstellen. | * Ein typischer **Laptopmonitor** kann zum Beispiel waagrecht 1280 Pixel und senkrecht 800 Pixel darstellen. | ||
* Bei einer **digitalen Kamera** wird angegeben, wie viele Pixel der Sensor abbilden kann: Wenn z.B. waagrecht 2500 Pixel und senkrecht 2000 Pixel erfasst werden, haben die aufgenommenen digitalen Fotos später die Bildgröße 2500 x 2000. Insgesamt werden also 5 Millionen Pixel oder »5 Megapixel« dargestellt (die griechische Vorsilbe »mega« steht für »Millionen«). | * Bei einer **digitalen Kamera** wird angegeben, wie viele Pixel der Sensor abbilden kann: Wenn z.B. waagrecht 2500 Pixel und senkrecht 2000 Pixel erfasst werden, haben die aufgenommenen digitalen Fotos später die Bildgröße 2500 x 2000. Insgesamt werden also 5 Millionen Pixel oder »5 Megapixel« dargestellt (die griechische Vorsilbe »mega« steht für »Millionen«). | ||
- | * **Smartphones** haben oft sehr unterschiedliche Bildgrößen, | + | * **Smartphones** haben oft sehr unterschiedliche Bildgrößen, |
- | == (2) Auflösung == | + | |
- | Die **Auflösung** bezieht sich normalerweise immer auf die **Darstellung auf einem Display oder auf Papier** und ist **keine Eigenschaft einer Abbildung**. Die Auflösung gibt an, wie viele Pixel in einem bestimmten Abschnitt des Displays vorhanden sind bzw. wie viele Punkte ein Drucker auf einen bestimmten Abschnitt Papier drucken kann. Die **Maßeinheit** dafür ist meist **»dots per inch« (dpi)**, das heißt »Punkte pro Inch« (die Maßeinheit »inch« kommt aus dem englischsprachigen Raum und entspricht 2,54 cm). Man gibt also an, wie viele Bildpunkte pro 2,54 cm Display vorhanden sind. | + | |<100% 300px 210px >| |
+ | |{{: | ||
+ | |{{: | ||
+ | === (2) Auflösung | ||
+ | Die **Auflösung** bezieht sich normalerweise immer auf die **Darstellung auf einem Display oder auf Papier** und ist **keine Eigenschaft einer Abbildung**. Die Auflösung gibt an, wie viele Pixel in einem bestimmten Abschnitt des Displays vorhanden sind bzw. wie viele Punkte ein Drucker auf einen bestimmten Abschnitt Papier drucken kann. Die **Maßeinheit** dafür ist meist **»dots per inch« (dpi)**, das heißt »Punkte pro Inch« | ||
Du kannst Dir vielleicht schon denken, dass die Darstellung umso feiner und damit »besser« wird, je mehr Punkte auf dieser Strecke vorhanden sind, denn **mehr Punkte auf gleicher Strecke** bedeutet, dass die **Punkte kleiner** sind. Und kleinere Punkte nimmt unser Auge immer weniger als Punkte war, so dass wir ab einer bestimmten Auflösung das Bild als natürlich, mit scharfen Linien wahrnehmen und nicht mehr merken, dass es eigentlich aus einzelnen Punkten aufgebaut ist. | Du kannst Dir vielleicht schon denken, dass die Darstellung umso feiner und damit »besser« wird, je mehr Punkte auf dieser Strecke vorhanden sind, denn **mehr Punkte auf gleicher Strecke** bedeutet, dass die **Punkte kleiner** sind. Und kleinere Punkte nimmt unser Auge immer weniger als Punkte war, so dass wir ab einer bestimmten Auflösung das Bild als natürlich, mit scharfen Linien wahrnehmen und nicht mehr merken, dass es eigentlich aus einzelnen Punkten aufgebaut ist. | ||
- | Wenn also zwei Smartphones bei gleicher Displaygröße in einem Modell | + | Wenn also ein Smartphone |
- | === Zusammenspiel von Bildgröße und Auflösung === | ||
- | Sowohl eine **digitale Abbildung** als auch das verwendete **Anzeigegerät** haben eine **bestimmte Anzahl von Bildpunkten** zur Verfügung. | + | ==== Zusammenspiel von Bildgröße und Auflösung ==== |
+ | |||
+ | Sowohl eine **digitale Abbildung** als auch das verwendete **Anzeigegerät** haben eine **bestimmte Anzahl von Bildpunkten** zur Verfügung. | ||
Schaut man sich hingegen ein digitales Foto mit 2000 px Breite auf dem Handy an, erscheint es bildschirmfüllend, | Schaut man sich hingegen ein digitales Foto mit 2000 px Breite auf dem Handy an, erscheint es bildschirmfüllend, | ||
Zeile 60: | Zeile 64: | ||
- | === Einfluss der Bildgröße auf die Dateigröße === | + | ==== Einfluss der Bildgröße auf die Dateigröße |
Die **Dateigröße** (angegeben z.B. in Kilobyte [KB] oder Megabyte [MB]) gibt an, wie viel **Speicherplatz** eine Datei auf einem Datenträger belegt. | Die **Dateigröße** (angegeben z.B. in Kilobyte [KB] oder Megabyte [MB]) gibt an, wie viel **Speicherplatz** eine Datei auf einem Datenträger belegt. | ||
Erinnere Dich, dass jedes Pixel eine bestimmte Farbe annehmen kann. In einer digitalen Abbildung ist daher **für jedes Pixel gespeichert, | Erinnere Dich, dass jedes Pixel eine bestimmte Farbe annehmen kann. In einer digitalen Abbildung ist daher **für jedes Pixel gespeichert, | ||
- | Das ist wichtig, weil z.B. bei der Darstellung von Dateien | + | Du kannst das am folgenden Beispiel sehen. Das Motiv der Blume wird im linken Bild mit 6 x 6 px abgebildet, im rechten Bild mit 12 x 12 px. Im linken Bild muss also für 36 Bildpunkte |
- | Ein typisches, mit einem aktuellen Handy aufgenommenes Foto hat z.B. eine Bildgröße von 3200 x 2400 px und ist ca. 3,2 MB groß (Stand Oktober 2012). Der Download über eine mittelmäßige DSL-Leitung auf einem Computer würde ca. eine Sekunde dauern. Würde das Bild aber mobil über eine Handy-Datenverbindung heruntergeladen, | + | |<100% 300px >| |
+ | |{{: | ||
+ | |{{: | ||
+ | |**Abb. 3:** Das selbe Motiv kann mit unterschiedlich vielen Pixeln abgebildet werden. Je mehr Pixel vorhanden sind, desto klarer wird das Motiv dargestellt – und desto mehr Speicherplatz braucht die Bilddatei, weil mehr Farbinformationen gespeichert werden müssen. || | ||
- | Wenn Du also weißt, in welchem Zusammenhang eine digitale Abbildung genutzt werden soll, kannst Du ihre Bildgröße so einstellen, dass die Darstellung des Bildinhalts | + | Die Dateigröße ist wichtig, weil z.B. bei der Darstellung von Dateien im Web die Datei zuerst von einem Server auf Deinen Rechner oder Dein Handy heruntergeladen werden muss. Hat die Datei eine große Dateigröße, |
+ | |||
+ | Ein typisches, mit einem aktuellen Handy aufgenommenes Foto hat z.B. eine Bildgröße von ca. 3200 x 2400 px und eine Dateigröße von ca. 3,2 MB (Stand Oktober 2012). Der Download über eine mittelmäßige DSL-Leitung auf einem Computer würde ca. eine Sekunde dauern. Würde das Bild aber mobil über eine Handy-Datenverbindung heruntergeladen, | ||
+ | |||
+ | Wenn Du also weißt, in welchem Zusammenhang eine digitale Abbildung genutzt werden soll, kannst Du ihre Bildgröße so einstellen, dass die Darstellung des Bildinhalts | ||
**Wie kannst Du also Deine digitalen Abbildungen soweit verkleinern, | **Wie kannst Du also Deine digitalen Abbildungen soweit verkleinern, | ||
Zeile 84: | Zeile 95: | ||
|<100% 50%>| | |<100% 50%>| | ||
|{{: | |{{: | ||
- | |**Abb. | + | |**Abb. |
==== Verkleinern ohne sichtbaren Qualitätsverlust ==== | ==== Verkleinern ohne sichtbaren Qualitätsverlust ==== | ||
Zeile 93: | Zeile 104: | ||
|<100% 50%>| | |<100% 50%>| | ||
|{{: | |{{: | ||
- | |**Abb. | + | |**Abb. |
==== Welche Größe ist richtig? ==== | ==== Welche Größe ist richtig? ==== | ||
Zeile 103: | Zeile 114: | ||
- | ===== (3) Programme und Online-Tools zum Verkleinern von Abbildungen ===== | + | ===== (III) Programme und Online-Tools zum Verkleinern von Abbildungen ===== |
==== Windows ==== | ==== Windows ==== | ||
Wenn Dein Rechner Windows als Betriebssystem benutzt, kannst Du zum Bearbeiten von digitalen Fotos und anderen Abbildungen das kostenlose Programm **[[http:// | Wenn Dein Rechner Windows als Betriebssystem benutzt, kannst Du zum Bearbeiten von digitalen Fotos und anderen Abbildungen das kostenlose Programm **[[http:// | ||
- | Bei Lehrer-Online gibt es einen [[http:// | + | Bei Lehrer-Online gibt es einen [[http:// |
==== Mac ==== | ==== Mac ==== | ||
- | <box right 360px>{{: | + | [{{ : |
Zeile 125: | Zeile 135: | ||
* [[http:// | * [[http:// | ||
+ | |||
+ | ===== Aufgaben ===== | ||
+ | < | ||
+ | - Erkläre in eigenen Worten knapp und präzise den Unterschied zwischen Bildgröße und Auflösung. | ||
+ | - In der Werbung für Handys und Kameras ist oft eine Formulierung wie »Auflösung: | ||
+ | - Erkläre in eigenen Worten anhand der Beispiele in Abb. 3 … | ||
+ | - warum eine höhere Anzahl von Pixeln in der Regel die Darstellungsqualität verbessert. | ||
+ | - warum durch eine höhere Pixelzahl die Dateigröße zunimmt. | ||
+ | - Erkläre in eigenen Worten anhand des Beispiels in Abb. 4 warum Du eine digitale Abbildung nicht vergrößern kannst, ohne dass die Qualität sich verschlechtert. | ||
+ | - Finde heraus, welche Bild- oder Displaygröße die Geräte haben, die Du regelmäßig verwendest (z.B. Dein Handy, Dein Computermonitor etc.). Suche dafür im Web nach der Herstellerseite und informieren Dich über die technischen Daten des Geräts. | ||
+ | - Suche ein Foto, das Du selbst oder jemand aus Deiner Familie aufgenommen und finde heraus, welche Bildgröße es hat. | ||
+ | * // | ||
+ | * //Mac:// Finde das Foto im Finder und klicke mit gedrückter CTRL-Taste darauf. Wähle '' | ||
+ | </ | ||
===== Quellen der verwendeten Abbildungen ===== | ===== Quellen der verwendeten Abbildungen ===== | ||
* Abb. 1: [[http:// | * Abb. 1: [[http:// | ||
- | * Abb. 2 – 6: Eigene Abbildungen. | + | * Abb. 2 (bei allen Icons wurden die Pixelangaben von mir ergänzt): |
+ | * Grafik »Notebook«: | ||
+ | * Foto: Eigenes Foto | ||
+ | * Grafik »iPhone«: [[http:// | ||
+ | * Grafik »Nexus 1«: [[http:// | ||
+ | * Abb. 3 – 8: Eigene Abbildungen. | ||
- | {{tag> | + | {{tag> |
arbeitsmethoden/digitale-abb.1350503342.txt.gz · Zuletzt geändert: 06.08.2020 (10:37) (Externe Bearbeitung)