Створити favicon

Favicon - це ніколи не один файл. Сучасні браузери, смартфони та веб-застосунки очікують цілий набір іконок різних розмірів і форматів: класичний favicon.ico з кількома роздільностями для вкладки браузера, окремі PNG-файли, apple-touch-icon для головного екрана iPhone і великі іконки для встановлення як веб-застосунку на Android. Цей інструмент бере на себе всю метушню і створює повний набір з одного зображення.

Ви перетягуєте квадратне зображення - ідеально PNG зі стороною не менше 512 пікселів - і отримуєте ZIP-файл. Всередині: favicon.ico (16, 32 і 48 пікселів), окремі PNG-іконки, apple-touch-icon розміром 180 пікселів та дві іконки застосунку - 192 і 512 пікселів. До них додаються готовий site.webmanifest і короткий HTML-фрагмент, який вставляється прямо в розділ head вашої сторінки. Все з'єднується само - не потрібно збирати посилання вручну.

Зображення вписується в кожен розмір без обрізки і центрується. Іконки браузера зберігають прозорість; іконки застосунків для iOS і Android розміщуються на фоні, бо ці системи інакше показують прозорість чорним - білий, чорний або прозорий обираєте ви, окремо для кожної платформи (наприклад, білий для іконки iPhone і прозорий для іконки Android). Як і у всіх інструментів тут, усе перетворення відбувається в браузері. Зображення не завантажується, бібліотека не підтягується зі стороннього сервера.

Технічні дані

У 3 кроки

1. Перетягніть квадратне зображення (PNG від 512 px - ідеально).
2. Оберіть фон для іконок iOS і Android (окремо).
3. Завантажте та розпакуйте ZIP-пакет.

Обмеження: Інструмент створює ZIP з favicon.ico (16/32/48), favicon-16/32, apple-touch-icon (180), іконками Android (192/512), файлом site.webmanifest та HTML-фрагментом. Джерело - растрове зображення (PNG, JPG, WebP, GIF, BMP); SVG тут не підтримується. Надто маленьке зображення збільшується і може виглядати розмито - найкраще квадратне і велике.

Часті запитання

Схожі інструменти

• PNG у ICO
• ICO у PNG
• Стиск зображень