Разное

Иконки icns: Бесплатные иконки SVG, PNG, ICO или ICNS

12.10.2023

Меняем иконки приложений / Хабр

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

Комментарии 4

@Snupt

Пользователь

Конвертировать PNG в ICNS онлайн бесплатно

🔸 Формат файла PNG ICNS
🔸 Полное названиеPNG — Portable Network GraphicsICNS, Mac OS X Icon Resource File
🔸 Расширение файла. png.icns
🔸 MIME typeimage/pngimage/x-icns
🔸 РазработчикPNG Development GroupApple
🔸 Тип форматаlossless bitmap image formatSystem
🔸 Описание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 :

  1. Соберите каталог ( .iconset ), содержащий пять необходимых размеров значков в формате PNG: 16 × 16, 32 × 32, 128 × 128, 256 × 256 и 512 × 512, с именем 16.png , 32.png , 128.png , 256.png и 512.png соответственно.
  2. Обработать файлы .png с помощью:
    1. optipng -o7 -zm1-9
    2. advpng -z4 -i50
    3. png_fix.py
  3. Создайте файл .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 ``` >

В bash убедитесь, что между настраиваемыми переменными нет пробелов. Например, `my_var="this"`, а не `my_var="this"` ``` sips -z 16 16 $input_filepath --out "${output_iconset_name}/icon_16x16.png" sips -z 32 32 $input_filepath --out "${output_iconset_name}/[email protected]" sips -z 32 32 $input_filepath --out "${output_iconset_name}/icon_32x32.png" sips -z 64 64 $input_filepath --out "${output_iconset_name}/[email protected]" sips -z 128 128 $input_filepath --out "${output_iconset_name}/icon_128x128.png" sips -z 256 256 $input_filepath --out "${output_iconset_name}/icon_128x128@2x.
png" sips -z 256 256 $input_filepath --out "${output_iconset_name}/icon_256x256.png" sips -z 512 512 $input_filepath --out "${output_iconset_name}/[email protected]" sips -z 512 512 $input_filepath --out "${output_iconset_name}/icon_512x512.png" ``` > Обратите внимание, что имена выходных файлов `[email protected]`, `icon_512x512.png` и т. д. должны оставаться для вас точно такими же. Sips расшифровывается как система обработки изображений с поддержкой сценариев, и «этот инструмент используется для запроса или изменения файлов растровых изображений и профилей ColorSync ICC». Как видите, `sips` возьмет наше входное изображение, изменит его размер и выведет новое изображение с этим новым размером в нашу только что созданную папку `iconset`. Вы также можете повторно использовать этот набор иконок в веб-приложениях. #### 3. Создайте `icns` Теперь мы можем создать наши `icns`: ``` iconutil -c icns $output_iconset_name ``` >
при желании удалите этот каталог, если он вам не понадобится в будущем, с помощью `rm -R $output_iconset_name` #### 4.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *