Конвертируем изображения png в ico

ReferencesEdit

  1. Note: Although Microsoft’s technical documentation states that this value must be zero, the icon encoder built into .NET (System.Drawing.Icon.Save) sets this value to 255. It appears that the operating system ignores this value altogether.
  2. Note: Setting the color planes to 0 or 1 is treated equivalently by the operating system, but if the color planes are set higher than 1, this value should be multiplied by the bits per pixel to determine the final color depth of the image. It is unknown if the various Windows operating system versions are resilient to different color plane values.
  3. Note: The bits per pixel might be set to zero, but can be inferred from the other data; specifically, if the bitmap is not PNG compressed, then the bits per pixel can be calculated based on the length of the bitmap data relative to the size of the image. If the bitmap is PNG compressed, the bits per pixel are stored within the PNG data. It is unknown if the various Windows operating system versions contain logic to infer the bit depth for all possibilities if this value is set to zero.

Резюме файла ICO

Расширение файла ICO включает в себя один основных типов файлов и его можно открыть с помощью GIMP (разработчик — The GIMP Development Team). В общей сложности с этим форматом связано всего пятнадцать программное (-ых) обеспечение (-я). Чаще всего они имеют тип формата Icon File. Чаще всего файлы ICO классифицируют, как System Files.

Расширение файла ICO поддерживается Windows, Mac и Linux. Данные типы файлов можно найти в основном на настольных компьютерах и некоторых мобильных устройствах. Рейтинг популярности расширения файла ICO составляет «Низкий», что означает, что эти файлы, как правило, не встречаются в большинстве файловых хранилищ пользователя.

Как сделать favicon.ico самому

  1. Открыть Фотошоп.
  2. Создать документ 32×32 пикселей.
  3. Вставить из Иллюстратора смарт-объект готового изображения.
  4. С помощью команды «Сохранить как» сохранить фавиконку в формате.ICO *.
  5. Полученную фавиконку загрузить в корень сайта и подключить через тему Вордпресс, либо руками прописать в шаблон сайта. О том , я уже писал ранее.

Как установить плагин ICO (Windows Icon) Format

  1. 64-bit Windows (Vista/Windows 7):
    • Restart before installing;
    • Положить плагин в папку C:\Program Files\Adobe\Photoshop\Plug-Ins\File Formats, но у меня другая структура, у меня этот файл хранится здесь: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins .
    • If you are running on a 64-bit Windows system and are launching the 64-bit version of Photoshop CS4 or CS5, download the 64-bit version of the plugin and put it in the Plug-Ins folder corresponding to 64-bit Photoshop (i.e., the one in «Program Files» not «Program Files (x86)»).
  2. Move the plugin into the «File Formats» folder inside your Photoshop Plugins folder:
    • For Windows (32-bit), ICOFormat.8bi
    • For Windows (64-bit), ICOFormat64.8bi
    • For Mac OS X, ICOFormat.plugin (note that separate versions are provided for CS2, CS3/4 and CS5)
    • For Mac OS X/Classic, icoformat
    • For 68K MacOS, icoformat(68K)
  3. If using Corel PSP Photo X2, put the plugin in C:\Program Files\Corel\Corel Paint Shop Pro Photo X2\Languages\EN\PlugIns
  4. Quit and relaunch Photoshop, if it’s already running.

Есть еще онлайн-сервис //www.convertico.com/. ConvertICO это бесплатный онлайн-конвертер файлов ICO/PNG. Он работает быстро и прост в использовании. Он используется для преобразования значков рабочего стола, иконок приложений, а также фавиконок для веб-сайтов.


Сейчас я максимально подробно расскажу как сделать нормальный «.ico», что бы он корректно отображался в операционных системах Windows, на других системах тоже по идее должен, но это не проверенно. Этот урок создан для широкой аудитории, как для знающих, так и для совершенно не знакомых с «Gimp». Например, вы отличный программист, создаёте программы на заказ, интегрируете в них уже готовые «.ico», но вдруг вы решили создать что-то своё, но вы не владеете ни одним графическим редактором, этот урок поможет вам. В этом уроке я буду объяснять не только какие инструменты нужно использовать, а ещё и как их нужно использовать.

Для начала скажу не знающим людям, что такое «.ico» и для чего он нужен.

«.ico» — формат «картинок» присвоенных определённой программе, например:

Перед вами исполняемый файл «Gimp 2.8», а выделенное красной линией и есть «.ico» файл, уже интегрированный в приложение.

То есть, выражаясь простым языком, это картинка программы. Так же «.ico» файл может быть иконкой сайта, курсором, но сейчас нам это не нужно.

Ну вот и всё, приступим к уроку. В этом уроке я буду использовать эту картинку.

Типы файлов ICO

Ассоциация основного файла ICO

.ICO

Формат файла: .ico
Тип файла: Icon File

Файл ICO является формат изображения. Он хранит иконки для программ, файлов и папок. Он содержит и растровые — маску изображения, и XOR растрового изображения — отображенный значок на маску изображения. Он может быть использован для создания пользовательских иконок.

Создатель: The GIMP Development Team
Категория файла: Системные файлы
Ключ реестра: HKEY_CLASSES_ROOT\.ico

Программные обеспечения, открывающие Icon File:

GIMP, разработчик — The GIMP Development Team

Совместимый с:

Windows
Mac
Linux

IrfanView, разработчик — Open Source

Совместимый с:

Windows
iOS
Android
Linux

ACD Systems ACDSee, разработчик — ACD Systems

Совместимый с:

Windows

Microsoft Windows Photos, разработчик — Microsoft Corporation

Совместимый с:

Windows

Lemkesoft GraphicConverter, разработчик — Lemkesoft

Совместимый с:

Mac
Linux

Apple Preview, разработчик — Apple

Совместимый с:

Mac

Microsoft Paint, разработчик — Microsoft Corporation

Совместимый с:

Windows
Android

FastStone Image Viewer, разработчик — FastStone Software

Совместимый с:

Windows

IvanView, разработчик — IvanView

Совместимый с:

Windows

Axialis IconWorkshop, разработчик — Axialis Company

Совместимый с:

Windows

Paint 3D, разработчик — Microsoft Corporation

Совместимый с:

Windows

IcoFX, разработчик — IcoFX Software

Совместимый с:

Windows

IconCool Studio, разработчик — Newera Software Technology, Inc.

Совместимый с:

Windows

Sib Icon Editor, разработчик — SibCode

Совместимый с:

Windows

IconEdit2, разработчик — Dmitry Kozhinov

Совместимый с:

Windows

Fasticona 1.0 free portable

Более простой программы для создания иконок я не встречал. Она даже не требует установки. На Fasticona 1.0 free portable не позволяется рисовать иконки, она их делает из готовых картинок. Вы можете сделать значок из любого изображения, (хоть из собственного фото) программа поддерживает разнообразные форматы. Простыми словами – это просто конвертер изображений.

Перед тем, как сделать иконку из картинки, загрузите изображение в программу с помощью кнопки «Open file». Выберите нужные параметры: размер (size), глубину цвета (colors и bits per sample), папку сохранения (output path, по умолчанию, папка, где сохранён запускающий файл) и название файла иконки (output the name).

Полученный файл сохраняется в формате *.ico. И только в нём.

Устранение неполадок при открытии файлов ICO

Общие проблемы с открытием файлов ICO

GIMP не установлен

Дважды щелкнув по файлу ICO вы можете увидеть системное диалоговое окно, в котором сообщается «Не удается открыть этот тип файла». В этом случае обычно это связано с тем, что на вашем компьютере не установлено GIMP для %%os%%. Так как ваша операционная система не знает, что делать с этим файлом, вы не сможете открыть его дважды щелкнув на него.

Совет: Если вам извстна другая программа, которая может открыть файл ICO, вы можете попробовать открыть данный файл, выбрав это приложение из списка возможных программ.

Установлена неправильная версия GIMP

В некоторых случаях у вас может быть более новая (или более старая) версия файла Icon File, не поддерживаемая установленной версией приложения. При отсутствии правильной версии ПО GIMP (или любой из других программ, перечисленных выше), может потребоваться загрузить другую версию ПО или одного из других прикладных программных средств, перечисленных выше. Такая проблема чаще всего возникает при работе в более старой версии прикладного программного средства с файлом, созданным в более новой версии, который старая версия не может распознать.


Совет: Иногда вы можете получить общее представление о версии файла ICO, щелкнув правой кнопкой мыши на файл, а затем выбрав «Свойства» (Windows) или «Получить информацию» (Mac OSX).

Резюме: В любом случае, большинство проблем, возникающих во время открытия файлов ICO, связаны с отсутствием на вашем компьютере установленного правильного прикладного программного средства.

Даже если на вашем компьютере уже установлено GIMP или другое программное обеспечение, связанное с ICO, вы все равно можете столкнуться с проблемами во время открытия файлов Icon File. Если проблемы открытия файлов ICO до сих пор не устранены, возможно, причина кроется в других проблемах, не позволяющих открыть эти файлы. Такие проблемы включают (представлены в порядке от наиболее до наименее распространенных):

File structure Edit

Icon Header Stores general information about the ICO file.
Directory Stores general information about every image in the file.
Icon #1 The actual «data» for the first image in old AND/XOR DIB format or newer PNG
Icon #n Data for the last icon image

Header Edit

Offset Size Description
0 (0) 2 Reserved. Should always be 0.
2 (2) 2 Type: 1 is for icon, 2 is for cursor.
4 (4) 2 Number of images in the file.

Directory Edit

Offset Size Description
0 (0) 1 Width, should be 0 if 256 pixels
1 (1) 1 Height, should be 0 if 256 pixels
2 (2) 1 Color count, should be 0 if more than 256 colors
3 (3) 1 Reserved, should be 0
4 (4) 2 Color planes when in .ICO format, should be 0 or 1, or the X hotspot when in .CUR format
6 (6) 2 Bits per pixel when in .ICO format, or the Y hotspot when in .CUR format
8 (8) 4 Size of the bitmap data in bytes.
12 (C) 4 Offset in the file.

Ограничения

Сообщения об ошибках просто показываются пользователю в окошке. Вся эта магия со специальными иконками, обозначающими ту или иную ошибку — удалена. Это потребовало некоторых изменений… Которые, возможно, приведут к глюкам… Если у вас что-то не работает, пожалуйста пишите (на почту, или в комментари внизу). Если работает, то можете тоже написать 🙂 Это прибавит мне уверенности в позитивности сделанных изменений.

Обрабатываются изображения до 256×256 пикселей (вы действительно хотите иконку такого размера?).

Если слой один, то изображение должно быть строго 16×16 пикселей.

Если вы уверены, что присылаете валидный PNG, а он не распознаётся, пожалуйста, свяжитесь со мной или оставьте комментарий. Я буду очень признателен, если вы предоставите мне «нехороший» файл (я не подглядываю за пользователями и не сохраняю их данные, поэтому, у меня вашего файла нет).

Обратите внимание, на сервере установлено ограничение на объём загружаемых данных — 256 килобайт. Этого должно быть вполне достаточно

Если же ваши картинки слишком велики, пожалуйста, обработайте их предварительно.

Заметьте, что формат PNG допускает разные степени сжатия и сохранение в графическом файле META-информации (например, копирайт автора). Вся эта информация и все особенности ваших PNG-файлов будут сохранены в результирующем . Если вы хотите получить меньшего размера, то предварительно оптимизируйте ваши исходные файлы.

И последнее замечание. Некоторые графические редакторы/просмотрщики не поддерживают формат ICO+PNG. К таковым относится, например, gqview. Эти программы не смогут отобразить ваши иконки, но это не повод для беспокойства, это проблемы исключительно этих программ.

Форматы PNG и ICO. Немного теории

Формат ICO был разработан Microsoft в 1985 году. Изначально, он был очень похож на BMP и поддерживал весьма ограниченный набор разрешений и глубин цвета. С самого начала, формат допускал расширение.

В дальнейшем формат многократно дорабатывался, и в 2007 году стал поддерживать PNG-кодирование. В этом случае ICO-файл состоит из глобального заголовка и набора заголовков для каждого слоя. Само же изображение слоя может кодируется в PNG-формате.

У этого метода есть плюсы: PNG-кодирование на много эффективней, чем BMP. Сам Microsoft рекомендует использовать именно PNG. Есть и недостатки: старый софт может не поддерживать такое кодирование. Но на столько старых приложений уже очень мало.

Таким образом, мой конвертер не преобразует данные изображения. Он частично разбирает PNG-файлы, вытаскивает из них только мета-информацию, создаёт заголовки для ICO-контейнера и формирует окончательный файл.

Если вы хотите получить ICO-файл, закодированный абсолютно каноническим образом, по стандарту 1985 года, то вы можете воспользоваться моим онлайн редактором favicon.ico.

Возможно вас так же заинтересует Онлайн ICO-редактор и онлайн генератор обоев, фонов и заливок.

Отправить

Уменьшение изображения

Первое, что нужно сделать это уменьшить изображение которое вы хотите сделать «иконкой» до размера «256×256». Это можно сделать двумя способами, первый из них по-проще, но второй тоже не трудный.

Способ 1:

В редакторе «Gimp», в верхнем баре нажать на «Изображение», затем выбрать «Размер изображения».

В открывшемся окне установить значения высоты и ширины 256.

Получилось не красиво, но для ленивых сойдёт.

Лучше делать вторым способом, т. к. я так и делал.

Способ 2:

Создать новое изображение, в баре нажать «Файл» выбираем «Создать».

Ширину и высоту указать «256×256», остальные параметры не трогаем.

У нас получается это.

Щёлкаем правой клавишей мыши на слой «Фон» и выбираем «Добавить альфа-канал ».

Теперь открываем ваше изображение в редакторе «Gimp». !Созданное изображение не закрываем!

В верхнем баре нажимаем кнопочку «Правка» и выбираем «Копировать».

Возвращаемся к созданному, пустому изображению «256×256».


И в верхнем баре нажимаем кнопочку «Правка» и выбираем «Вставить».

У вас получится что-то похожее:

После нажатия на инструмент «Масштаб» (ничего не меняем там), щёлкаете по этой картинке которую хотите уменьшить и открывается окошко с настройкой масштаба. У меня значения «Ширина» и «Высота» будут отличаться от ваших, это зависит от размера самой картинки.

В окошке нажимаем на разорванную цепь, что бы она стала целой и устанавливаем любое из двух значений 256, это зависит опять же от картинки. Т. к. у меня картинка прямоугольная и я могу пожертвовать шириной, я установил значение «Высота» ширина тоже должна измениться, но уже автоматически.

Нажимаем «Изменить».

Область выделенная пунктиром и есть ваше изображение, но оно за «холстом», это не беда, его нужно переместить на холст.

Сделаем это инструментом «Перемещение» на панели инструментов. Нажимаем на инструмент.

Затем наводите мышь на область выделенную у вас пунктиром и зажимая левую клавишу мыши переносите слой на холст.

Постарайтесь, что бы изображение не выходило за края, если не выйдет, то можно дополнительно уменьшить слой инструментом «Масштаб». У меня вышло так:

Когда мы подогнали изображение под холст не изменив его пропорций (такая задача заключалась в этом втором способе), можно удалить слой «Фон». На панели «Слои-Кисти» щёлкните по слою «Фон» правой кнопкой мыши и выберете «Удалить слой».

Остался последний шаг уменьшения изображения. На той же панели, нажмите правой кнопкой мыши по слою с вашим изображением и из всплывающего меню выберите «Слой к размеру изображения».

Если жёлтый пунктир находится по краям холста как тут:

То я вас поздравляю, вы закончили уменьшение изображения.

Теперь приступим к самому созданию качественной иконки формата «.ico».


С этим читают