{"id":148,"date":"2024-02-23T10:02:08","date_gmt":"2024-02-23T10:02:08","guid":{"rendered":"https:\/\/wp-prd.let.ethz.ch\/computationaldesignwip\/chapter\/digitale-bilder\/"},"modified":"2024-07-03T13:09:04","modified_gmt":"2024-07-03T13:09:04","slug":"digitale-bilder","status":"publish","type":"chapter","link":"https:\/\/wp-prd.let.ethz.ch\/computationaldesignwip\/chapter\/digitale-bilder\/","title":{"raw":"Digitale Bilder","rendered":"Digitale Bilder"},"content":{"raw":"

Bilddaten<\/h1>\r\n

Raster \/ Vektor<\/h2>\r\nEine\u00a0[pb_glossary id=\"205\"]Vektorgrafik[\/pb_glossary]<\/b>\u00a0ist eine\u00a0Computergrafik<\/a>, die aus\u00a0grafischen Primitiven<\/a>\u00a0wie Linien,\u00a0Kreisen<\/a>,\u00a0Polygonen<\/a>\u00a0oder allgemeinen Kurven (Splines<\/a>) zusammengesetzt ist. Meist sind mit Vektorgrafiken Darstellungen gemeint, deren Primitive sich\u00a0zweidimensional<\/a>\u00a0in der\u00a0Ebene<\/a>\u00a0beschreiben lassen, \u00e4hnlich wie bei einem\u00a0Vektor<\/a>\u00a0in der\u00a0analytischen Geometrie<\/a>. Eine Bildbeschreibung, die sich auf\u00a0dreidimensionale<\/a>\u00a0Primitive st\u00fctzt, wird eher\u00a03D-Modell<\/a>\u00a0oder\u00a0Szene<\/a>\u00a0genannt und die Erzeugung zweidimensionaler Linien- und Fl\u00e4chengrafiken sowie fotorealistischer Bilder aus solchen 3D-Modellen wird\u00a0Bildsynthese<\/a><\/i>\u00a0oder\u00a0Rendern<\/a><\/i> genannt. (Quelle<\/a>)\r\n
\r\n

Beispiel<\/h2>\r\nUm beispielsweise das Bild eines Kreises zu speichern, ben\u00f6tigt eine Vektorgrafik mindestens drei Werte: die Lage des Kreismittelpunktes (x,y) und den Kreisradius (r). Neben der Form und Position der grafischen Primitive werden eventuell auch die Farbe<\/a>,\u00a0Strichst\u00e4rke<\/a>, diverse F\u00fcllmuster und weitere, das Aussehen bestimmende, Daten angegeben.\r\n\r\n<\/div>\r\nIm Vergleich zu Rastergrafiken lassen sich Vektorgrafiken oft mit deutlich geringerem Platzbedarf speichern, haben daf\u00fcr aber andere Nachteile. Eines der wesentlichen Merkmale und Vorteile gegen\u00fcber der Rastergrafik ist die stufenlose und verlustfreie Skalierbarkeit<\/a>. Die St\u00e4rke von Vektorgrafiken allgemein ist die Aufl\u00f6sungsunabh\u00e4ngigkeit, d.\u00a0h., sie sind f\u00fcr eine Wiedergabe (Bildschirm<\/a>, Drucken) in beliebiger Aufl\u00f6sung geeignet. Dies erfordert jedoch immer ein aufw\u00e4ndiges\u00a0Rendern<\/a>\u00a0der Vektorgrafik in eine\u00a0Rastergrafik<\/a>.\r\n

[h5p id=\"14\"]<\/p>\r\nEine\u00a0[pb_glossary id=\"206\"]Rastergrafik[\/pb_glossary]<\/b>, auch\u00a0Pixelgrafik<\/b>\u00a0(englisch\u00a0raster graphics image, digital image, bitmap<\/i>\u00a0oder\u00a0pixmap<\/i>), ist eine Form der Beschreibung eines Bildes in Form von\u00a0computerlesbaren<\/a>\u00a0Daten<\/a>. Rastergrafiken bestehen aus einer rasterf\u00f6rmigen Anordnung sogenannter\u00a0Pixel<\/a> (von engl. pic<\/em>-ture el<\/em>-ement), denen jeweils eine Farbe<\/a> zugeordnet ist. Die Hauptmerkmale einer Rastergrafik sind daher die Anzahl Pixel (= Anzahl Zeilen x Anzahl Spalten, zusammen mit einer Bildgr\u00f6\u00dfe (Breite und H\u00f6he) l\u00e4sst sich die Bildaufl\u00f6sung<\/a><\/i> berechnen als ppi: Pixels per Inch oder dpi: Dots per Inch), sowie die Farbtiefe<\/a>. Die Erzeugung und Bearbeitung von Rastergrafiken f\u00e4llt in den Bereich der\u00a0Computergrafik<\/a>\u00a0und\u00a0Bildbearbeitung<\/a>. (Quelle<\/a>)\r\n\r\n\r\n\r\n\r\n
Ausgew\u00e4hlte Rasterformate<\/td>\r\nAusgew\u00e4hlte Vectorformate<\/td>\r\n<\/tr>\r\n
\r\n
    \r\n \t
  • Joint Photographic Experts Group (JPEG)<\/li>\r\n \t
  • Portable Network Graphics (PNG)<\/li>\r\n \t
  • Graphics Interchange Format (GIF)<\/li>\r\n \t
  • Bitmap Image File (BMP)<\/li>\r\n \t
  • Tagged Image File Format (TIFF)<\/li>\r\n \t
  • Adobe Photoshop File (PSD)<\/li>\r\n<\/ul>\r\n<\/td>\r\n
\r\n