https://blog-archive.alexkolodko.com/tags/ikonki/ Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems uk Aegea 11.3 (v4134) Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems 11 https://blog-archive.alexkolodko.com/all/icns-icons-mac-os/ Wed, 08 Nov 2017 20:18:19 +0200 https://blog-archive.alexkolodko.com/all/icns-icons-mac-os/ <p>Для приложения в Mac OS или для <a href="http://blog.alexkolodko.com/all/ukrainsko-russkaya-klaviaturnaya-raskladka-birmana/">клавитурной раскладки</a> иконки сохраняются в формате ICNS. Это аналог формата ICO, только для мака.</p> <p>Внутри иконка может содержать до десяти размеров: 16, 32, 128, 256, 512 px и ретиновые версии @2x. Для клавиатурной раскладки хватает двух размеров: 16 и 16@2x.</p> <p>Размеры с <a href="https://developer.apple.com/macos/human-interface-guidelines/icons-and-images/app-icon/">сайта Apple</a>:</p> <div class="e2-text-picture"> <img src="https://blog-archive.alexkolodko.com/pictures/icns.png" width="930" height="700" alt="" /> </div> <h2>Как сделать</h2> <p>Нарисовав нужное количество иконок задаём им имена, как в списке ниже, и сохраняем в папку. Важно называть файлы именно в таком формате.</p> <pre class="e2-text-code"><code class="">icon_16x16.png icon_16x16@2x.png icon_32x32.png icon_32x32@2x.png icon_128x128.png icon_128x128@2x.png icon_256x256.png icon_256x256@2x.png icon_512x512.png icon_512x512@2x.png</code></pre><p>Переименовываем папку с иконками, добавив после имени формат <b>.iconset</b>.</p> <div class="e2-text-picture"> <img src="https://blog-archive.alexkolodko.com/pictures/folder.png" width="732" height="535" alt="" /> </div> <p>Дальше запускаем Терминал. С помощью команды <i>cd</i> переходим в папку в которой лежит папка <i>.iconset</i>. Конвертируем папку в иконку командой <b><a href="https://developer.apple.com/legacy/library/documentation/Darwin/Reference/ManPages/man1/iconutil.1.html">iconutil</a></b>.</p> <pre class="e2-text-code"><code class="">iconutil -c icns file.iconset</code></pre><p>Где <i>file.iconset</i> навание папки с ионками. Как работает команда детально описано в <a href="https://developer.apple.com/library/content/documentation/GraphicsAnimation/Conceptual/HighResolutionOSX/Optimizing/Optimizing.html">гайдах для разработчиков</a>.</p> <p>Наглядно:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/h0iQGb-dKR4?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>В результате получаетс файл с иконками всех размеров.</p> <div class="e2-text-picture"> <img src="https://blog-archive.alexkolodko.com/pictures/icns_final.png" width="966" height="679" alt="" /> </div>