{"id":5654,"date":"2015-06-06T15:01:44","date_gmt":"2015-06-06T13:01:44","guid":{"rendered":"http:\/\/blog.wenzlaff.de\/?p=5654"},"modified":"2021-11-22T17:14:31","modified_gmt":"2021-11-22T16:14:31","slug":"mac-os-x-wie-koennen-icns-apple-icon-image-format-icons-kostenlos-mit-dem-icon-composer-erstellt-werden","status":"publish","type":"post","link":"http:\/\/blog.wenzlaff.de\/?p=5654","title":{"rendered":"Mac OS X: Wie k\u00f6nnen .icns (Apple Icon Image format) Icons kostenlos mit dem Icon Composer erstellt werden?"},"content":{"rendered":"<p>Manchmal ben\u00f6tigt man Icons im Apple Format ICNS. Das is ein Format f\u00fcr Icons mit 16 \u00d7 16, 32 \u00d7 32, 48 \u00d7 48, 128 \u00d7 128, 256 \u00d7 256, 512 \u00d7 512, und 1024 \u00d7 1024 Pixels. Wie k\u00f6nnen die aus PNG Dateien erstellt werden?<\/p>\n<p>Zuerst den Icon Composer kostenlos von der <a href=\"https:\/\/developer.apple.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Apple Seite<\/a> laden und installieren.<br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.57.44.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.57.44.png\" alt=\"Icon composer\" width=\"1213\" height=\"377\" class=\"aligncenter size-full wp-image-5655\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.57.44.png 1213w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.57.44-300x93.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.57.44-1024x318.png 1024w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.57.44-900x280.png 900w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Dann starten \u00fcber das Icon:<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-15.04.18.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-15.04.18.png\" alt=\"Composer Icon\" width=\"174\" height=\"139\" class=\"aligncenter size-full wp-image-5656\" \/><\/a><\/p>\n<p>Dann mit Gimp oder so ein PNG Bild mit 512&#215;512 Pixel und Transparenten Hintergrund erzeugen und speichern.<br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.55.27.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.55.27.png\" alt=\"PNG Gimp\" width=\"511\" height=\"469\" class=\"aligncenter size-full wp-image-5657\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.55.27.png 511w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.55.27-300x275.png 300w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><\/a><br \/>\nHier z.B. mein TW Logo:<br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.55.36.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.55.36.png\" alt=\"TW\" width=\"622\" height=\"626\" class=\"aligncenter size-full wp-image-5660\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.55.36.png 622w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.55.36-150x150.png 150w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.55.36-298x300.png 298w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-14.55.36-144x144.png 144w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/><\/a><\/p>\n<p>Das gezeichnete Bild (PNG) nun per Drag and Drop in den Icon Composer ziehen, und zwar in alle Fenster.<br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-15.00.28.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-15.00.28.png\" alt=\"Composer\" width=\"836\" height=\"652\" class=\"aligncenter size-full wp-image-5658\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-15.00.28.png 836w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-15.00.28-300x234.png 300w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Unter <strong>View &#8211; Preview<\/strong> in Dock kann es im Dock vorab schon bestaunt werden:<br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-15.09.14.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-15.09.14.png\" alt=\"Dock\" width=\"310\" height=\"83\" class=\"aligncenter size-full wp-image-5661\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-15.09.14.png 310w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2015\/06\/Bildschirmfoto-2015-06-05-um-15.09.14-300x80.png 300w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/a><br \/>\nNun noch das ganze speichern unter <strong>File &#8211; Save as<\/strong>  und da <strong>*.<a href=\"https:\/\/en.wikipedia.org\/wiki\/Apple_Icon_Image_format\" target=\"_blank\" rel=\"noopener noreferrer\">icns<\/a><\/strong> ausw\u00e4hlen. Schon hat man ein Icon das f\u00fcr verschiedene Aufl\u00f6sungen skaliert.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Manchmal ben\u00f6tigt man Icons im Apple Format ICNS. Das is ein Format f\u00fcr Icons mit 16 \u00d7 16, 32 \u00d7 32, 48 \u00d7 48, 128 \u00d7 128, 256 \u00d7 256, 512 \u00d7 512, und 1024 \u00d7 1024 Pixels. Wie k\u00f6nnen die aus PNG Dateien erstellt werden? Zuerst den Icon Composer kostenlos von der Apple Seite &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/blog.wenzlaff.de\/?p=5654\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eMac OS X: Wie k\u00f6nnen .icns (Apple Icon Image format) Icons kostenlos mit dem Icon Composer erstellt werden?\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[220,229,254],"tags":[2097,2096,41,2098,260],"class_list":["post-5654","post","type-post","status-publish","format-standard","hentry","category-anleitung","category-imac-2","category-os-x-2","tag-erstellen","tag-icns","tag-icon","tag-icon-composer","tag-png"],"_links":{"self":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/5654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5654"}],"version-history":[{"count":0,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/5654\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5654"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}