{"id":86,"date":"2013-06-10T22:15:33","date_gmt":"2013-06-10T22:15:33","guid":{"rendered":"http:\/\/devblog.cssec.de\/?p=86"},"modified":"2019-02-09T19:51:47","modified_gmt":"2019-02-09T19:51:47","slug":"bilder-fuer-18bit-in-gimp-optimieren","status":"publish","type":"post","link":"https:\/\/www.cssec.de\/blog\/2013\/06\/10\/bilder-fuer-18bit-in-gimp-optimieren\/","title":{"rendered":"Bilder f\u00fcr 18bit in Gimp optimieren"},"content":{"rendered":"<p>Verschiedene LCD-Panels, speziell im Automobil-Bereich k\u00f6nnen nicht den vollen Farbbereich von 24bit darstellen, sondern haben einen reduzierten Farbbereich von 18bit. In der Regel k\u00f6nnen 24bit-Bilder zwar auf den 18bit-Displays angezeigt werden, jedoch kann es dann, speziell bei Farbverl\u00e4ufen zu unsch\u00f6nen Moiree-Effekten kommen.<br \/>\nDaher sollte man die Bilder entsprechend auf die Farbtiefe von 18bit optimieren.<br \/>\nAls Basis dient ein Verlauf in 800\u00d7480.<br \/>\n<img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-92 size-full\" src=\"http:\/\/devblog.cssec.de\/wp-content\/uploads\/2018\/11\/testverlauf.png.jpg\" alt=\"\" width=\"560\" height=\"336\" srcset=\"https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/testverlauf.png.jpg 560w, https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/testverlauf.png-300x180.jpg 300w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><br \/>\nDieses wird in Gimp ge\u00f6ffnet.<br \/>\nUm die Farbtiefe zu reduzieren, wird das Bild in seine einzelnen Farbkomponenten zerlegt. Das geschieht durch:<\/p>\n<p>Farben -&gt; Komponenten -&gt; Zerlegen<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-90 size-full\" src=\"http:\/\/devblog.cssec.de\/wp-content\/uploads\/2018\/11\/komponenten_zerlegen.png.jpg\" alt=\"\" width=\"606\" height=\"451\" srcset=\"https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/komponenten_zerlegen.png.jpg 606w, https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/komponenten_zerlegen.png-300x223.jpg 300w\" sizes=\"(max-width: 606px) 100vw, 606px\" \/><\/p>\n<p>Im Nachfolgenden Dialog zerlegen wir das Bild in Einzelbilder, indem wir den Haken In Ebenen zerlegen abw\u00e4hlen.<br \/>\nAls Farbmodus w\u00e4hlen wir RGB.<br \/>\n<img decoding=\"async\" class=\"alignnone wp-image-91 size-full\" src=\"http:\/\/devblog.cssec.de\/wp-content\/uploads\/2018\/11\/komponenten_zerlegen2.png\" alt=\"\" width=\"369\" height=\"218\" srcset=\"https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/komponenten_zerlegen2.png 369w, https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/komponenten_zerlegen2-300x177.png 300w\" sizes=\"(max-width: 369px) 100vw, 369px\" \/><\/p>\n<p>Es \u00f6ffnen sich nun drei Fenster, die die entsprechenden Farbanteile darstellen. Diese werden als Verlauf angezeigt. Wei\u00df kennzeichnet dabei eine starke Intensit\u00e4t der Farbe, w\u00e4hrenddessen schwarz einen Bereich kennzeichnet, in dem die Farbe nicht vorkommt. Alle Graustufen dazwischen sind entsprechende Abstufungen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-88 size-full\" src=\"http:\/\/devblog.cssec.de\/wp-content\/uploads\/2018\/11\/farben_zerlegt.png.jpg\" alt=\"\" width=\"607\" height=\"451\" srcset=\"https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/farben_zerlegt.png.jpg 607w, https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/farben_zerlegt.png-300x223.jpg 300w\" sizes=\"(max-width: 607px) 100vw, 607px\" \/><\/p>\n<p>Die Bilder sind entsprechend mit 256 Graustufen also mit 8bit erstellt. Um die Farbtiefe des gesamten Bildes auf 18bit zu reduzieren, wird deshalb jede Farbe entsprechend auf 6bit reduziert.<br \/>\nDas erfolgt durch Indizierung. F\u00fcr jedes Bild wird daher folgender Men\u00fcpunkt aktiviert:<\/p>\n<p>Bild -&gt; Modus -&gt; Indiziert<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-87 size-full\" src=\"http:\/\/devblog.cssec.de\/wp-content\/uploads\/2018\/11\/bildmodus-indiziert.png.jpg\" alt=\"\" width=\"653\" height=\"506\" srcset=\"https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/bildmodus-indiziert.png.jpg 653w, https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/bildmodus-indiziert.png-300x232.jpg 300w\" sizes=\"(max-width: 653px) 100vw, 653px\" \/><br \/>\nIm nachfolgenden Dialog wird eine optimale Palette mit 64 Farben erzeugt.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-89 size-full\" src=\"http:\/\/devblog.cssec.de\/wp-content\/uploads\/2018\/11\/indizierung_einstellen.png\" alt=\"\" width=\"435\" height=\"416\" srcset=\"https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/indizierung_einstellen.png 435w, https:\/\/www.cssec.de\/blog\/wp-content\/uploads\/2018\/11\/indizierung_einstellen-300x287.png 300w\" sizes=\"(max-width: 435px) 100vw, 435px\" \/><br \/>\nDieses Vorgehen wird f\u00fcr alle drei Komponenten gemacht. Anschlie\u00dfend wird der Modus der indizierten Bilder wieder auf \u201cGraustufen\u201d umgestellt und mit Farben -&gt; Komponenten -&gt; Wieder zusammenf\u00fcgen das urspr\u00fcngliche Bild aktualisiert. Dieses kann nun gespeichert werden und liegt dann als 18bit-Bild vor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Verschiedene LCD-Panels, speziell im Automobil-Bereich k\u00f6nnen nicht den vollen Farbbereich von 24bit darstellen, sondern haben einen reduzierten Farbbereich von 18bit. In der Regel k\u00f6nnen 24bit-Bilder zwar auf den 18bit-Displays angezeigt werden, jedoch kann es dann, speziell bei Farbverl\u00e4ufen zu unsch\u00f6nen Moiree-Effekten kommen. Daher sollte man die Bilder entsprechend auf die Farbtiefe von 18bit optimieren. Als [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"_links":{"self":[{"href":"https:\/\/www.cssec.de\/blog\/wp-json\/wp\/v2\/posts\/86"}],"collection":[{"href":"https:\/\/www.cssec.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cssec.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cssec.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cssec.de\/blog\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":3,"href":"https:\/\/www.cssec.de\/blog\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/www.cssec.de\/blog\/wp-json\/wp\/v2\/posts\/86\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/www.cssec.de\/blog\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cssec.de\/blog\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cssec.de\/blog\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}