Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- fortbildungen:webdesign-lernen:ueberblick-erste-schritte [14.10.2015 (13:38)] – [Pfade II] retemirabile
+++ fortbildungen:webdesign-lernen:ueberblick-erste-schritte [01.09.2025 (10:04)] (aktuell) – Externe Bearbeitung 127.0.0.1
@@ Zeile 163: / Zeile 163: @@
   * Eine Web<wrap em>site</wrap> ist eine Sammlung von Webseiten, die inhaltlich und optisch zusammengehören
   * Die einzelnen Seiten haben gestalterische Elemente, die sich wiederholen, z.B. Kopfbereich //(Header)//, Fußbereich //(Footer)//, Navigation, Inhalt
+===== Digitale Abbildungen: Grafikformate =====
+  * Vektorgrafiken: Bilddarstellung durch mathematische Beschreibung der Formen und
+  * Rastergrafiken: Bilddarstellung durch Bildpunkte (Pixel)
+    * ''.gif'': 256 Farben, eine davon transparent möglich, verlustfreie Komprimierung → für einfache Grafiken
+    * ''.jpg'': über 16 Mio. Farben, keine Transparenz, Komprimierung einstellbar, je höher, desto mehr Qualitätsverluste → meist für Fotos
+    * ''.png'': Mio. Farben, verlustfreie Komprimierung, Transparenz möglich → für Grafiken/Fotos, im Einzelfall Dateigröße vergleichen
+===== Digitale Abbildungen: Rastergrafiken =====
+**Darstellungsprinzip**
+{{:arbeitsmethoden:290px-aufloesung_erklaert.svg.png?nolink|}} {{:arbeitsmethoden:foto-bildgroesse-feine-aufloesung.jpg?nolink|}}
+===== Digitale Abbildungen: Bildgrößen =====
+**Typische Bildgrößen verschiedener Geräte und eines Fotos (Stand 2013)**
+Details: [[arbeitsmethoden:digitale-abb|]]
+{{:arbeitsmethoden:notebook-bildgroesse.jpg?nolink&300|}} {{:arbeitsmethoden:iphone-bildgroesse.jpg?nolink&200|}} {{:arbeitsmethoden:nexus-one-bildgroesse.jpg?nolink&200|}} {{:arbeitsmethoden:bildgroesse-digifoto.jpg?nolink&300|}}
+===== Digitale Abbildungen: Dateigröße =====
+|{{:arbeitsmethoden:foto-bildgroesse-grobe-aufloesung.jpg?nolink&200|}} {{:arbeitsmethoden:gaensebluemchen-pixel-grob.png?nolink&200|}}|{{:arbeitsmethoden:foto-bildgroesse-feine-aufloesung.jpg?nolink&200|}} {{:arbeitsmethoden:gaensebluemchen-pixel-fein.png?nolink&200|}}|
+|6 x 6 = 36 Pixel|12 x 12 = 244 Pixel|