Меняем иконки приложений / Хабр
SnuptВремя на прочтение 2 мин
Количество просмотров 30KРазработка под MacOS *
Сегодня у меня возникла задача сменить иконку у одной из программ. Но давайте возьмем эту тему несколько шире. В Mac OS X традиционно очень хорошие иконки. Это касается как приложений, так и системы в целом. Но порой возникают ситуации, когда иконка либо надоедает, либо, в случае со сторонними программами, не устраивает вообще. Это лишь наиболее вероятные причины. На самом деле придумать их можно много. Если говорить наперед, то меня сподвиг на написание статьи именно второй случай. На этом от вводной перейдем к делу.У Apple в Mac OS X существует свой устоявшийся формат иконок, который носит расширение icns. Он поддерживает следующие размеры 16×16, 32×32, 48×48, 128×128, 256×256 и 512×512. Но согласитесь, искать готовую иконку нужного нам формата не так легко как найти подходящее графическое изображение.
Наиболее распространенный веб сервис для этих задач называется iConvert. Он поможет изготовить иконку не только для Mac OS X, но и других популярных операционных систем. Для того, что бы им воспользоваться нужно найти или изготовить графическое изображение и указать к нему путь через навигационную клавишу на сайте. По завершению конвертации он представит нам иконки для Mac OS X, Windows и Linux.
Исходники картинок можно искать в Google Images или в горячо любимом мною сервисе Icon Finder.
Любителям локального софта для удовлетворения тех же потребностей можно поставить приложение Img2icns. Оно распространяется в двух версиях — бесплатной и про. Первая не умеет сохранять историю конвертаций, экспортировать иконки для iPhone и favicon, конвертировать иконки в форматы графических изображений. Да оно нам и не нужно. Перетягиваем картинку в тело программы и выбираем позицию Icns.
Между прочим, программа тут же может создать иконку для папки. Некоторым, наверняка, будет полезно.
Теперь, когда у нас есть готовый файл нужного формата, надо его подставить вместо текущий иконки приложения. Сделать это очень просто. Выберите файл или папку где надо произвести замену и перейдите через контекстное меню в Get Info (можно просто нажать Command ⌘ + I). Затем, просто перетащите файл icns на иконку в левом верхнем углу, как показано на снимке ниже.
Результат будет виден как в файловом менеджере, так и в Доке.
Остается лишь сказать, что для отката действий и возвращения родной иконки необходимо открыть Get Info, нажать мышью в левый верхий угол и использовать клавишу Del ⌦. На этом все. Буду рад услышать отзывы и комментарии.
Источник: http://snupt.com
Теги:- apple
- macosx
- icons
- Разработка под MacOS
Всего голосов 2: ↑2 и ↓0 +2
@Snupt
Пользователь
Конвертировать PNG в ICNS онлайн бесплатно
🔸 Формат файла | PNG | ICNS |
🔸 Полное название | PNG — Portable Network Graphics | ICNS, Mac OS X Icon Resource File |
🔸 Расширение файла | . png | .icns |
🔸 MIME type | image/png | image/x-icns |
🔸 Разработчик | PNG Development Group | Apple |
🔸 Тип формата | lossless bitmap image format | System |
🔸 Описание | PNG — растровый формат хранения графической информации, использующий сжатие без потерь по алгоритму Deflate. PNG был создан как свободный формат для замены GIF | Файлы иконок, используемых на компьютерах Макинтош и других устройств OS X использует расширение файла ICNS. Эти файлы значки используются для отображения небольшого изображения (значок) в OSX Finder или док, представителя для приложения, которое оно связанно с. ICNS поддержка файлов изображений в различных размерах. Они варьируются от 16×16 пикселей 512×512 пикселей. На OS X Mountain Lion, ICNS файлы могут поддерживать даже большие изображения, а именно размер 1024×1024 пикселей. |
🔸 Технические детали | Формат PNG спроектирован для замены устаревшего и более простого формата GIF, а также, в некоторой степени, для замены значительно более сложного формата TIFF. Формат PNG позиционируется прежде всего для использования в Интернете и редактирования графики. PNG поддерживает три основных типа растровых изображений: Полутоновое изображение (с глубиной цвета 16 бит), Цветное индексированное изображение (палитра 8 бит для цвета глубиной 24 бит), Полноцветное изображение (с глубиной цвета 48 бит). Формат PNG хранит графическую информацию в сжатом виде. Причём это сжатие производится без потерь, в отличие, например, от JPEG с потерями. | Содержание файла ICNS обычно состоит из одного или нескольких изображений в формате PNG. Этот формат очень удобен в качестве базы для ICNS, так как это позволяет прозрачность. Файл ICNS поддерживает 1 бит, а также 8-битный альфа-каналы. Что отличает их от файлов ICO Windows’ является то, что ICNS файлы могут содержать отдельные иконки ресурсов, таким образом, действует больше как файл контейнера. |
🔸 Конвертация | Конвертировать PNG | Конвертировать ICNS |
🔸 Связанные программы | Adobe Photoshop, Paint Shop Pro, the GIMP, GraphicConverter, Helicon Filter, ImageMagick, Inkscape, IrfanView, Pixel image editor, Paint.NET, Xara Photo & Graphic Designer. | Adobe Photoshop with IconBuilder for Mac Plugin (Mac), Apple Preview (Mac), Axialis IconWorkshop (Windows), Folder Icon X (Mac), Icon Machine (Mac), Iconographer (Mac), Inkscape (Windows, Mac & Linux), Snap Converter (Mac), XnViewMP (Windows, Mac & Linux) |
🔸 Wiki | https://en.wikipedia.org/wiki/Portable_Network_Graphics | https://en.wikipedia.org/wiki/Apple_Icon_Image_format |
Chromium Docs — файлы .icns Chromium
Размеры
Файлы .icns
содержат значки разных размеров. Стандартные файлы .icns
для Chromium содержат значки следующих размеров:
Size | Type |
---|---|
16×16 | 'ис32' / 'с8мк' |
32×32 | 'ил32' / 'л8мк' 9000 6 |
128×128 | 'it32' / 't8mk' |
256×256 | 'ic08' (PNG) |
512×512 | 'ic09' (PNG) |
Обоснование
Обоснование этих вариантов заключается в том, чтобы избежать ошибок в отображении значков. Как отмечено в ошибке, наличие @2x-версий меньших значков вызывает блочность на сетчатке Mac, и на самом деле иногда простое наличие @2x-версий значков приводит к тому, что они предпочтительнее, даже если это не имеет смысла.
По крайней мере, в macOS 10.11 использование современных типов ( 'icp4'
– 'icp6'
) вызывает скремблирование отображаемых значков. Если старые типы работают, зачем с ними связываться?
Исходные файлы PNG
Используйте любые инструменты для создания файлов PNG, но обратите внимание, что размеры изображений в файлах PNG должны точно соответствовать размеру, указанному в имени файла. Это будет реализовано с помощью инструмента makeicns2
, описанного ниже.
Строительство
Инструменты для создания .icns
можно найти в src/tools/mac/icons
. Скомпилируйте makeicns2
, прежде чем начать, следуя указаниям в его заголовке комментария.
Кроме того, вам понадобятся optipng
и advpng
, которые можно найти в пакетах optipng
и advancecomp
соответственно в вашем любимом менеджере портов.
Чтобы создать файл .icns
:
- Соберите каталог (
.iconset
), содержащий пять необходимых размеров значков в формате PNG: 16 × 16, 32 × 32, 128 × 128, 256 × 256 и 512 × 512, с именем16.png
,32.png
,128.png
,256.png
и512.png
соответственно. - Обработать файлы
.png
с помощью:-
optipng -o7 -zm1-9
-
advpng -z4 -i50
-
png_fix.py
-
- Создайте файл
.icns
сmakeicns2
, который вы скомпилировали:makeicns2
.iconset
Деконструкция и другие инструменты
В src/tools/mac/icons/additional В каталоге _tools
есть несколько других инструментов, которые могут оказаться полезными в вашем стремлении создать идеальные значки. Это:
-
makeicns
: Этот инструмент берет каталог. iconset
изфайлов .png
и создает.icns
файл, содержащий их. Однако он не может создавать пары данных/маски в старом стиле, поэтому предпочтительнееmakeicns2
. -
unmakeicns
: Этот инструмент берет файл.icns
и распаковывает его в составные образы. Для пар данных/изображений в старом стиле этот инструмент преобразует их в более полезный файл.png
. -
unpackicon
: Этот инструмент используется инструментомunmakeicns
. Он берет данные из пары данных/маски в старом стиле, которая закодирована с помощью простой схемы RLE в стиле PackBits, и выводит данные без сжатия. Он доступен отдельно, если вам нужна эта возможность. -
makepng
: Этот инструмент используется инструментомunmakeicns
. Он восстанавливает файл.png
из несжатых данных старой пары данных/маски изображения. Он доступен отдельно, если вам нужна эта возможность. -
maketoc.py
: этот инструмент можно использовать как для создания разделаTOC
для файла.icns
, так и для его проверки. Инструментmakeicns2
автоматически создает разделTOC
, но проверка этих разделов с помощью этого инструмента может оказаться полезной.
Чтобы скомпилировать эти инструменты, запустите make
в соответствующем каталоге. Обратите внимание, что требуется libpng
.
Создание значков icns для приложений macOS. - Сообщение в блоге
В последнее время я много работал с Electron и PyWebView, и поэтому мне нужно было создать несколько иконок для моих проектов. Для приложений macOS требуется тип файла «icns» для значков приложений. Я нашел [это сообщение] (https://stackoverflow.com/a/20703594) быть невероятно полезным. Я изменил его ниже, чтобы его можно было использовать повторно. Это просто. Вам просто нужен один файл `.png` размером не менее 1024 x 1024 пикселей. Я предполагаю, что по мере увеличения разрешения экрана мы также увидим увеличение этого числа. Как только вы это сделаете, давайте сделаем следующее: #### 1. Перейдите к месту хранения ``` cd /путь/к/пункту назначения/ ``` #### 2. Задайте входные и выходные переменные ``` input_filepath="cfe_icon_1024_x_1024.png" output_iconset_name="CFE.iconset" mkdir $output_iconset_name ``` >