Конвертер PNG в ICO

Створіть favicon ICO з кількома розмірами

Фавікони досі часто використовують контейнер ICO, адже один файл може містити кілька розмірів значка. Вкладка браузера, закладка, ярлик на робочому столі та оболонка Windows можуть вибрати найкращий розмір з того самого файлу. Цей конвертер PNG в ICO перетворює одне вихідне зображення на справжній favicon з кількома розмірами, що містить записи 16, 32, 48, 64, 128 і 256 пікселів. Перетягніть логотип, знак або квадратний PNG, перегляньте попередній вигляд створених розмірів і завантажте готовий файл .ico.

Перетворення виконується повністю у вашому браузері. Сторінка завантажує вихідне зображення, обрізає його по центру до квадрата, малює на кількох полотнах canvas різних розмірів і пакує ці закодовані в PNG полотна в структуру ICO. Ваш логотип ніколи не завантажується в мережу, що зручно для неопублікованих брендів, клієнтських робіт і приватних проєктів. Створений файл використовує вбудовані зображення PNG — сучасну можливість ICO, яку підтримують поточні браузери й операційні системи.

Підготовка вихідного зображення

Для найкращого favicon використовуйте просте зображення з високим контрастом. Крихітні значки не можуть чітко показати дрібний текст і тонкі деталі, тому виразні форми та чіткі силуети працюють краще за складні скриншоти. Ідеальний варіант — квадратний прозорий PNG, адже обрізання збереже весь малюнок і альфа-канал. Прямокутні зображення автоматично обрізаються по центру, щоб значок залишався квадратним, а не розтягувався, але якщо важливий об'єкт не по центру, краще обрізати вихідне зображення самостійно.

Як користуватися файлом ICO

Після завантаження помістіть файл у проєкт свого сайту та підключіть його в HTML, метаданих фреймворка або статичних ресурсах. Багато сайтів і досі містять рядок на кшталт <link rel="icon" href="/favicon.ico"> для широкої сумісності, часто разом зі значками PNG або SVG. Перед публікацією перевірте найменші попередні перегляди: якщо версія 16 пікселів виглядає розмито, спростіть малюнок або підвищте контраст і створіть ICO знову.

Розмір файлу та кешування

ICO містить шість записів, стиснутих у PNG, тому він більший за один значок 16×16, але все одно невеликий для простого логотипа. Браузери дуже агресивно кешують фавікони, тож після заміни файлу може знадобитися жорстке оновлення сторінки або очищення даних сайту, перш ніж з'явиться новий значок. Якщо вам потрібні також окремі файли PNG для значків Apple touch і Android, генератор favicon на цьому сайті створює й їх.

Конвертер приймає будь-який тип зображення, який може відкрити ваш браузер, а не лише PNG, і називає завантажений файл за іменем вихідного з розширенням .ico. Усе обробляється локально, тому неопубліковані логотипи залишаються приватними.