Создать ico: Онлайн конвертер изображений в ICO (PNG to ICO, JPG to ICO)

Вы также можете использовать Cache-Control . Следующий фрагмент можно добавить в файл .htaccess в Apache, чтобы указать серверу установить для заголовка Cache-Control max-age значение 84600 секунд и значение public для перечисленных файлов. Обратите внимание, что включен файл типа ico .

 
    Заголовок установил Cache-Control "max-age=84600, public"

 

Этот следующий фрагмент можно добавить в файл конфигурации Nginx. В приведенном ниже примере используются директивы заголовка Cache-Control public и no-transform с настройкой срока действия, установленной на 7 дней. Обратите внимание, что включен файл типа ico .

 расположение ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
    истекает 7 дней;
    add_header Cache-Control «общедоступный, без преобразования»;
}
 

Прочитайте наш более подробный пост о том, как использовать Кэш-Контроль .

Загрузите свой значок из CDN

Еще одна оптимизация, которую вы можете сделать, это фактически загрузить свой значок из вашего CDN. Несмотря на то, что этот файл не запрашивается на регулярной основе и он очень мал, он все же может быть полезен, потому что, когда браузер пытается его захватить, он будет делать это с более близкого точки присутствия.

Чтобы загрузить фавикон из CDN, вы можете просто обновить фрагмент в заголовке. Ниже приведен пример на нашем тестовом сайте. Мы указываем на наш значок, который находится на нашем CDN. Делая это, вы также можете воспользоваться преимуществами Cache-Control и заголовки с истекающим сроком действия на пограничных серверах CDN, и вам не нужно беспокоиться о них на исходном сервере.

А вот пример того, что мы запускаем на сайте KeyCDN с парой вариантов значков и значком Apple Touch.

 
<ссылка rel="icon" href="//www.keycdn.com/favicon.ico">

 

Если вы работаете на WordPress, вы можете автоматически скопировать его в свою Pull Zone с помощью нашего бесплатного плагина WordPress CDN Enabler.

Резюме

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

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

windows - Как вставить несколько размеров в файл .ico?

спросил 10 лет, 2 месяца назад

Изменено 1 месяц назад

Просмотрено 43к раз

Я видел значки .ico с разными изображениями для разных размеров, например. 16x16, 32x32, 48x48, 128x128, 256x256. В Windows, как я могу таким образом создать файл значка, который поддерживает несколько размеров, если у меня есть существующие файлы . ico для каждого размера? Обратите внимание, что я надеюсь сделать это с более чем 200 файлами, поэтому было бы идеально сделать это из cmd.

• окна
• командная строка
• значки

0

ImageMagick (Windows/Mac/Linux) содержит инструмент командной строки convert , который можно использовать для многих целей, включая объединение нескольких изображений в один значок:

 magick convert 16.png 32.png 48.png 128 .png 256.png -colors 256 icon.ico
 

Предыдущая команда берет 5 изображений PNG и объединяет их в один файл .ico.

В отличие от других ответов, этот метод может легко использоваться в пакетных сценариях для автоматического создания нескольких файлов значков. В одном из моих проектов у меня есть одно векторное изображение (SVG), и я использую Inkscape для создания png-файлов разных размеров, а затем convert для создания контейнера значков. Это сокращенный пример (в скрипте bash):

 #!/bin/bash
для размера 16 32 48 128 256; делать
    inkscape -z -e $size.png -w $size -h $size icon.svg >/dev/null 2>/dev/null
сделано
конвертировать 16.png 32.png 48.png 128.png 256.png -цвета 256 icon.ico
 

6

Лучшая команда для ImageMagick:

 конвертировать в.jpg -define icon:auto-resize=16,48,256 -compress zip out.ico
 

2

Вы можете сделать это бесплатно в GIMP (архив). Краткая инструкция как это сделать здесь (архив).

Процитировать:

1. Откройте изображение в Gimp
2. Сделайте свой холст квадратным
3. Измените размер слоя на изображение
4. Масштабируйте слой до максимального размера в файле .ico, например 64 пикселя
5. Дублировать слой
6. Масштабируйте дубликат слоя до следующего размера
7. Продолжайте дублировать/масштабировать для всех размеров, которые вы хотите в вашем файле . ico
8. Сохранить как .ico

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

3

Вот принятый ответ Роба В. с тривиальной адаптацией чтобы не вводить размеры (16, 32 и т. д.) более одного раза:

 #!/bin/bash
файлы=()
для размера 16 32 48 128 256; делать
    inkscape -z -e "$size.png" -w "$size" -h "$size" logo.svg > /dev/null 2> /dev/null
    файлы+=("$size.png")
сделано
конвертировать "${files[@]}" -colors 256 favicon.ico
отвязать "${файлы[@]}"
 

Здесь logo.svg представляет входное (исходное) изображение, из которого мы создаем файлы меньшего размера нужных размеров ( 16.png , 32.png и т.д.) который мы затем объединяем в файл значка вывода (результата), favicon. ico . Вы можете изменить список размеров в строке 3, например, на «16 24 32 48 64 72 128», и команда convert автоматически адаптируется соответствующим образом, потому что этот скрипт использует технику, описанную G-Man в его ответе здесь, чтобы построить массив имен файлов. И, наконец, мы разъединяем (удаляем) файлы PNG, созданные в строке 4, снова используя массив имен файлов.

Я заметил, что команда:

 convert logo.svg -define icon:auto-resize=16,48,256 -compress zip favicon.ico
 

(эквивалентно представленному в ответе пользователя 400747) фактически масштабированное растровое изображение (потеря качества) и слои фона потеряли прозрачность.

2

Вы можете попробовать png2ico Матиаса Бенкманна. Это бесплатно и может упаковывать PNG нескольких размеров в один файл ico.

1

Пакетный файл Windows, который создает файлы . PNG нескольких размеров и объединяет их в один файл .ICO:

 @echo off
установить inkScape="C:\SOFTWARE\GRAPHIC\INKSCAPE\inkscape.exe"
set imageMagick="C:\SOFTWARE\DEVELOPER\IMAGEMAGICK\magick.exe"
установить имя_файла=фавикон
установить тип импорта = svg
установить тип экспорта = png
установить экспортDpi=300
set imageSizes=(16 24 32 48 57 60 64 70 72 76 96 114 120 128 144 150 152 180 192 196 256 300 320 400 450 460 480 512 600)
для %%s в %imageSizes% сделать (
 %inkScape% -z -f %~dp0%fileName%.%importType% -w %%s -h %%s -e %~dp0%fileName%-%%sx%%s.%exportType% -d %exportDpi %
 эхо СОЗДАНО: %fileName%-%%sx%%s.%exportType%
 установить e=%fileName%-%%sx%%s.%exportType%
 вызов :concat (е)
)
%imageMagick% %exportFileNames%"%~dp0%fileName%.ico"
эхо ОБЪЕДИНЕНО: %fileName%.ico
пауза перейти к :eof
:concat (е) (
 установить exportFileNames=%exportFileNames%"%~dp0%e%"
)
 

Если вам не нужны файлы .PNG, вы можете удалить (или удалить) их с помощью del FILE или сохранить все PNG в каталоге, который вы можете удалить (после %imageMagick% %exportFileNames%"%~dp0 %fileName%. ico" ).

Надеюсь кому-нибудь поможет. 🙂

Я считаю, что Axialis IconMaker — лучшее решение проблем с иконками. Существует 30-дневная пробная версия, которая, вероятно, решит вашу проблему.

Я использовал Axialis так много лет и в столь многих проектах, что могу подтвердить, что это действительно полезный продукт. Вам не понадобится 30 дней! Ха!

Необходимо использовать стороннюю программу редактирования значков, поскольку MSPaint поддерживает только один значок в файле. Здесь есть пара тем с рекомендациями по редакторам иконок, некоторые бесплатные, некоторые коммерческие.

После того, как вы выберете редактор значков, метод добавления форматов значков будет другим, но в целом одинаковым (вы нажимаете кнопку или выбираете пункт меню, чтобы добавить новый формат). Большинство программ позволяют импортировать файл значка при добавлении формата/размера значка, но большинство также позволяют создавать новый формат/размер из существующего путем изменения его размера.

Если вы решите использовать параметр создать из существующего при добавлении нового формата/размера, обязательно создайте их из самого большого формата значков, который у вас уже есть, поскольку в нем будет больше всего данных для изменения размера. Алгоритм работы. Кроме того, обязательно используйте версию с прозрачностью при создании значка XP/Vista, так как большинство программ не справляются с созданием альфа-канала с нуля.

2

Я сделал скрипт для windows и сохранил его как png2icon.bat . в качестве примечания вам нужно скачать imagemagick и указать его путь в переменной среды вашего пути, после чего вы можете легко использовать этот скрипт.

 @эхо выключено
setlocal enableDelayedExpansion
установить размеры[5]=16x16
установить размеры[4]=32x32
установить размеры[3]=48x48
установить размеры[2]=64x64
установить размеры[1]=128x128
установить размеры[0]=256x256
установить новые имена[0]="ноль"
(для /L %%i в (0,1,5) сделать (
 установить новые имена[%%i]="%1_!Размеры[%%i]!.