.ico остава очакваният формат в основната директория на сайта, а повечето онлайн конвертори изискват да изпратите изображението към техен сървър. Ето как да получите правилен favicon.ico с няколко размера от PNG, без да качвате нищо.
.ico не е просто преименувано изображение
Преименуването на logo.png във favicon.ico не е достатъчно. ICO е контейнерен формат със собствена заглавна част: тя описва броя изображения, размерите им и началната позиция на всяко във файла. Преименуваният PNG няма тази заглавна част и стриктните браузъри отказват да го покажат.
Правилният ICO съдържа няколко резолюции на една икона. Браузърът прочита заглавната част, намира варианта, най-близък до нужния размер, и не увеличава нищо.
Конвертиране на PNG в ICO в три стъпки
Първо подгответе източника. Квадратен PNG поне 512×512 пиксела дава най-добър резултат, защото всички размери се получават чрез намаляване. Ако изображението има прозрачен фон, решете веднага дали да го запазите: подходящ е за раздел, но iOS и Android ще го заменят с черно.
Второ генерирайте резолюциите. Файлът трябва да съдържа поне 16×16, 32×32 и 48×48. Преоразмеряването трябва да използва качествено ресемплиране, иначе малките размери стават нечетливи.
Трето съберете изображенията. Трите изображения се обединяват в един ICO контейнер със заглавна част, описваща всеки запис. Поставете резултата в основната директория на сайта като favicon.ico и браузърите ще го намерят дори без HTML таг.
Защо локалното конвертиране променя всичко
Повечето конвертори от PNG в ICO изпращат файла ви към сървър, който го обработва и връща резултата. Логото ви, често още преди публичното му представяне, се озовава на машина извън вашия контрол, с политика за съхранение, която не сте прочели.
Съвременният браузър може да направи всичко сам: да декодира PNG, да го преоразмери върху canvas, да кодира всеки размер и да сглоби ICO контейнера. Точно това прави LFFavicon. Никоя заявка не изпраща изображението ви, а затварянето на раздела изтрива всичко.
Ползата не е само теоретична: конвертирането е незабавно, работи офлайн след зареждане на страницата и няма опашка или дневен лимит.
Само .ico вече не е достатъчен
Конвертирането на PNG в ICO покрива разделите и старите клиенти, но оставя три среди без подходяща икона: съвременните браузъри, предпочитащи ясен SVG при всякакъв размер, началния екран на iOS, изискващ непрозрачен PNG 180×180, и Android, който чете уеб манифеста.
Щом обработвате изображението веднъж, създайте и целия комплект. Генераторът прави точно това: един източник се използва за .ico, SVG, иконата Apple Touch и иконите на манифеста, с преглед за всяка среда преди изтегляне.
Първоизточници
Често задавани въпроси
Какъв размер PNG е нужен за ICO?
Квадрат с размер поне 512×512 пиксела. Под 128×128 големите размери в пакета ще трябва да се увеличат и ще изглеждат размазани. SVG е още по-добър, защото няма ограничение в резолюцията.
Запазва ли се прозрачността в .ico?
Да, ICO поддържа пълен алфа канал и прозрачният PNG остава прозрачен в раздела. Внимавайте обаче с иконата за iOS: системата запълва прозрачните области с черно, затова добавете фон.
Къде да поставя favicon.ico?
В основната директория на домейна, достъпен на https://votresite.com/favicon.ico. Браузърите и роботите го заявяват на този адрес по конвенция, дори когато няма таг link, който го декларира.