Benutzer-Werkzeuge

Webseiten-Werkzeuge


arbeitsmethoden:digitale-abb

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
arbeitsmethoden:digitale-abb [18.10.2012 (15:00)] kaltarbeitsmethoden:digitale-abb [06.08.2020 (11:28)] (aktuell) – Externe Bearbeitung 127.0.0.1
Zeile 1: Zeile 1:
-====== Die Darstellungsgröße von digitalen Abbildungen verändern ======+====== Digitale Abbildungen verstehen und ihre Größe bearbeiten ======
  
 <note tip> <note tip>
Zeile 11: Zeile 11:
 </note> </note>
  
-<note important> +{{page>:hinweis-software}}
-Übrigens — Für alle Software-Anleitungen gilt: **Arbeite immer mit wachem Verstand.**  +
- +
-Software wird ständig aktualisiert, so dass sich die Benutzeroberfläche, die Bezeichnungen für Funktionen etc. manchmal ändern. Wenn in einem Programm, das Du verwendest, nicht alles genau wie beschrieben aussieht, suche einfach ein bisschen und überlege, welche Funktionen am ehesten dem entsprechen, was Du tun möchtest. [[arbeitsmethoden:software-selbst-lernen|Du kannst der neue Software-Experte werden]] ;-) +
-</note>+
  
 ===== (I) Wie funktionieren digitale Abbildungen? ===== ===== (I) Wie funktionieren digitale Abbildungen? =====
Zeile 25: Zeile 21:
 ==== Farbige Punkte in einem Raster ==== ==== Farbige Punkte in einem Raster ====
  
-<box right 310px>{{:arbeitsmethoden:290px-aufloesung_erklaert.svg.png?nolink|}}</box|Abb. 1: Bildpunkte (Pixel) in einem Raster angeordnet ergeben ein digitale Abbildung — Autor: Friedrich Graf, CC BY-SADigitale Abbildungen werden meist in Form von farbigen Punkten auf einem Raster gespeichert. Die Punkte heißen »Pixel« (abgekürzt: »px«). Auch die meisten Monitore und andere Displays geben das Bild in Form von Pixeln auf einem Raster wider. +[{{ :arbeitsmethoden:290px-aufloesung_erklaert.svg.png?nolink|**Abb. 1: Bildpunkte (Pixel) in einem Raster angeordnet ergeben ein digitale Abbildung** \\ Quelle[[http://de.wikibooks.org/w/index.php?title=Datei:Aufloesung_erklaert.svg&page=1|Friedrich Graf]][[http://creativecommons.org/licenses/by-sa/3.0/de/deed.de|CC BY-SA]]}}] Digitale Abbildungen werden meist in Form von farbigen Punkten auf einem Raster gespeichert. Die Punkte heißen »Pixel« (abgekürzt: »px«). Auch die meisten Monitore und andere Displays geben das Bild in Form von Pixeln auf einem Raster wider. 
  
 Du kannst Dir ein digitales Foto oder ein Display vorstellen wir ein Gitter mit sehr vielen Pixeln, von denen jedes verschiedene Farbe annehmen kann. Aus den Einzelpunkten setzt sich das von Dir betrachtete Gesamtbild zusammen. Im Beispiel rechts kannst Du einen Fisch erkennen, der dadurch »entsteht«, dass Du die blauen Pixel vor dem gelben Hintergrund als Gesamtbild wahrnimmst und Dein Gehirn aus den einzelnen Pixeln eine Gestalt erzeugt.  Du kannst Dir ein digitales Foto oder ein Display vorstellen wir ein Gitter mit sehr vielen Pixeln, von denen jedes verschiedene Farbe annehmen kann. Aus den Einzelpunkten setzt sich das von Dir betrachtete Gesamtbild zusammen. Im Beispiel rechts kannst Du einen Fisch erkennen, der dadurch »entsteht«, dass Du die blauen Pixel vor dem gelben Hintergrund als Gesamtbild wahrnimmst und Dein Gehirn aus den einzelnen Pixeln eine Gestalt erzeugt. 
Zeile 46: Zeile 42:
   * **Smartphones** haben oft sehr unterschiedliche Bildgrößen, z.B. 480 x 320 px oder 800 x 480 px. Allerdings unterscheiden sich die **Abmessungen** des Displays (also ihre Größe gemessen in Zentimetern) bei diesen Geräten nicht sehr stark. Woran liegt es also, dass sie so unterschiedliche Bildgrößen haben? Die Antwort liegt in der **Auflösung** der Displays.    * **Smartphones** haben oft sehr unterschiedliche Bildgrößen, z.B. 480 x 320 px oder 800 x 480 px. Allerdings unterscheiden sich die **Abmessungen** des Displays (also ihre Größe gemessen in Zentimetern) bei diesen Geräten nicht sehr stark. Woran liegt es also, dass sie so unterschiedliche Bildgrößen haben? Die Antwort liegt in der **Auflösung** der Displays. 
  
 +
 +|<100% 300px 210px >|
 +|{{:arbeitsmethoden:notebook-bildgroesse.jpg?nolink|}} |{{:arbeitsmethoden:iphone-bildgroesse.jpg?nolink&200|}}|{{:arbeitsmethoden:nexus-one-bildgroesse.jpg?nolink&200|}}|
 +|{{:arbeitsmethoden:bildgroesse-digifoto.jpg?nolink|}}|**Abb. 2:** Verschiedene Geräte mit einer jeweils typischen Bildschirmgröße (Stand 2013) sowie ein digitales Foto einer schon etwas älteren Kamera mit ungefährer, gerundeter Bildgröße — Abbildungen leicht verändert, Quellennachweise siehe unten||
 === (2) Auflösung === === (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« oder **»pixels per inch« (ppi)**. 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.  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« oder **»pixels per inch« (ppi)**. 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. 
Zeile 53: Zeile 53:
 Wenn also ein Smartphone 480 x 320 px anzeigt und ein anderes Modell bei etwa gleicher Displaygröße 800 x 480 px, dann ist die Auflösung beim zweiten Modell höher. Das bedeutet, dass in einer Bildzeile mehr Bildpunkte angezeigt werden. Das geht nur, weil die einzelnen Pixel dann kleiner sind. Das Bild wird dadurch schärfer, weil man die kleineren Bildpunkte weniger als Punkte erkennt.  Wenn also ein Smartphone 480 x 320 px anzeigt und ein anderes Modell bei etwa gleicher Displaygröße 800 x 480 px, dann ist die Auflösung beim zweiten Modell höher. Das bedeutet, dass in einer Bildzeile mehr Bildpunkte angezeigt werden. Das geht nur, weil die einzelnen Pixel dann kleiner sind. Das Bild wird dadurch schärfer, weil man die kleineren Bildpunkte weniger als Punkte erkennt. 
  
-|<100% 320px 310px >| 
-|{{:arbeitsmethoden:notebook-bildgroesse.jpg?nolink|}} |{{:arbeitsmethoden:iphone-bildgroesse.jpg?nolink|}}|{{:arbeitsmethoden:nexus-one-bildgroesse.jpg?nolink|}}| 
-|**Abb. 2:** Verschiedene Geräte mit einer jeweils typischen Bildschirmgröße — Abbildungen leicht verändert, Quellennachweise siehe unten||| 
  
  
Zeile 81: Zeile 78:
 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, braucht der Download länger.  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, braucht der Download länger. 
  
-Ein typisches, mit einem aktuellen Handy aufgenommenes Foto hat z.B. eine Bildgröße von 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, könnte der Download dieses einen Fotos durchaus auch ca. 10 Sekunden oder länger dauern. Allerdings variieren diese Zeitspannen stark je nach Standort, benutzten Geräten und Qualität der Datenverbindung. +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, könnte der Download dieses einen Fotos durchaus auch ca. 10 Sekunden oder länger dauern. Allerdings variieren diese Zeitspannen stark je nach Standort, benutzten Geräten und Qualität der Datenverbindung. 
  
-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 eine gute Qualität hat, dass aber nicht unnötig viele Pixel vorhanden sind, die auf dem Monitor oder Handy-Display gar nicht sichtbar sind. +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 einerseits von guter Qualität ist, dass aber andererseits nicht unnötig viele Pixel vorhanden sind, die auf dem Monitor oder Handy-Display gar nicht sichtbar sind. 
  
 **Wie kannst Du also Deine digitalen Abbildungen soweit verkleinern, dass sie die richtige Bild- und Datengröße haben?** **Wie kannst Du also Deine digitalen Abbildungen soweit verkleinern, dass sie die richtige Bild- und Datengröße haben?**
Zeile 117: 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://www.irfanview.de|Irfanview]]** benutzen. Die Benutzeroberfläche ist teilweise etwas unübersichtlich, aber die wichtigsten Funktionen hast Du sicher bald gefunden.  Wenn Dein Rechner Windows als Betriebssystem benutzt, kannst Du zum Bearbeiten von digitalen Fotos und anderen Abbildungen das kostenlose Programm **[[http://www.irfanview.de|Irfanview]]** benutzen. Die Benutzeroberfläche ist teilweise etwas unübersichtlich, aber die wichtigsten Funktionen hast Du sicher bald gefunden. 
  
-Bei Lehrer-Online gibt es einen [[http://www.lehrer-online.de/irfanview.php|Artikel zu Irfanview]]. Die dazu gehörige  **[[http://www.lehrer-online.de/dyn/bin/327486-893124-1-tutorial_irfan_view.pdf|PDF-Anleitung zu Irfanview]]** enthält alle wichtigen Schritte und erklärt auch, wie man Abbildungen verkleinert (siehe Seite 3 der PDF-Datei).  +Bei Lehrer-Online gibt es einen [[http://www.lehrer-online.de/irfanview.php|Artikel zu Irfanview]]. Die dazu gehörige  **[[http://www.lehrer-online.de/irfanview.php|PDF-Anleitung zu Irfanview]]** (siehe Abschnitt »Download des Tutorials«) enthält alle wichtigen Schritte und erklärt auch, wie man Abbildungen verkleinert (siehe Seite 3 der PDF-Datei). 
 ==== Mac ==== ==== Mac ====
-<box right 360px>{{:arbeitsmethoden:mac-vorschau-bildgroesse.jpg?nolink|}}</box|Abb. 8.: Größenkorrektur um Mac-Programm »Vorschau«Wenn Du einen Mac hast, kannst Du zum Bearbeiten von digitalen Abbildungen das bereits **vorinstallierte Programm »Vorschau«** benutzen. Es öffnet sich automatisch, wenn Du ein Foto oder eine andere digitale Abbildung im Finder doppelt anklickst. Die Veränderung der Bildgröße ist ganz einfach: Wähle im Menü ''Werkzeuge'' > ''Größenkorrektur …'', stelle die gewünschte Größe ein und speichere die Datei anschließend (''Ablage'' > ''Sichern''). +[{{ :arbeitsmethoden:mac-vorschau-bildgroesse.jpg?nolink|Abb. 8: Größenkorrektur im Mac-Programm »Vorschau«}}] Wenn Du einen Mac hast, kannst Du zum Bearbeiten von digitalen Abbildungen das bereits **vorinstallierte Programm »Vorschau«** benutzen. Es öffnet sich automatisch, wenn Du ein Foto oder eine andere digitale Abbildung im Finder doppelt anklickst. Die Veränderung der Bildgröße ist ganz einfach: Wähle im Menü ''Werkzeuge'' > ''Größenkorrektur …'', stelle die gewünschte Größe ein und speichere die Datei anschließend (''Ablage'' > ''Sichern''). 
  
  
Zeile 139: Zeile 135:
   * [[http://pixer.us/Default.aspx|pixer.us]]   * [[http://pixer.us/Default.aspx|pixer.us]]
  
 +
 +===== Aufgaben =====
 +<note>
 +  - 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: 5 Megapixel« zu lesen. Erläutere, was an dieser Aussage nicht korrekt oder zumindest unpräzise ist. 
 +  - 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. 
 +    * //Windows:// Finde das Foto im Explorer und klicke mit der rechten Maustaste darauf. Wähle ''Eigenschaften''
 +    * //Mac:// Finde das Foto im Finder und klicke mit gedrückter CTRL-Taste darauf. Wähle ''Information'' Oder wähle das Foto im Finder aus und drücke ''⌘ + I''
 +</note>
  
  
Zeile 145: Zeile 155:
   * Abb. 2 (bei allen Icons wurden die Pixelangaben von mir ergänzt):    * Abb. 2 (bei allen Icons wurden die Pixelangaben von mir ergänzt): 
     * Grafik »Notebook«: [[http://pcunleashed.com/|PC Unleashed]], [[http://www.iconfinder.com/icondetails/62112/256/|freie Lizenz]]     * Grafik »Notebook«: [[http://pcunleashed.com/|PC Unleashed]], [[http://www.iconfinder.com/icondetails/62112/256/|freie Lizenz]]
 +    * Foto: Eigenes Foto
     * Grafik »iPhone«: [[http://www.softicons.com/free-icons/designers/iiro-jappinen|Iiro Jappinen]], [[http://www.softicons.com/free-icons/computer-icons/smartphone-icons-by-iiro-jappinen/iphone-icon|Freie Lizenz]]     * Grafik »iPhone«: [[http://www.softicons.com/free-icons/designers/iiro-jappinen|Iiro Jappinen]], [[http://www.softicons.com/free-icons/computer-icons/smartphone-icons-by-iiro-jappinen/iphone-icon|Freie Lizenz]]
     * Grafik »Nexus 1«: [[http://www.softicons.com/free-icons/designers/iiro-jappinen|Iiro Jappinen]], [[http://www.softicons.com/free-icons/computer-icons/smartphone-icons-by-iiro-jappinen/nexus-one-icon|Freie Lizenz]]     * Grafik »Nexus 1«: [[http://www.softicons.com/free-icons/designers/iiro-jappinen|Iiro Jappinen]], [[http://www.softicons.com/free-icons/computer-icons/smartphone-icons-by-iiro-jappinen/nexus-one-icon|Freie Lizenz]]
arbeitsmethoden/digitale-abb.1350565245.txt.gz · Zuletzt geändert: 06.08.2020 (10:37) (Externe Bearbeitung)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki