Згенерувати іконку сайту
Використовуйте візуальний редактор для обрізання та масштабування зображень.
Локальна обробка · Файли не завантажуються
Файли обробляються в поточному браузері без автоматичного надсилання. Перше завантаження компонентів може потребувати інтернету.
Клацніть, щоб вибрати файл зображення, або перетягніть файл сюди
Підтримує PNG, JPG, WEBP, SVG, локальна обробка, без завантаження
Попередній перегляд у реальному часі
Аналіз кольорів
Налаштування стилю
Попередній перегляд контуру (чорно-білий)
Редагування пензля
Генерація Favicon: використання та вихід
Фавікон ідентифікує веб-сайт у вкладках і закладках браузера. Створюйте піктограми кількох розмірів із зображення за допомогою кадрування, закруглених кутів і попереднього перегляду.
Зменшення масштабу або трасування SVG можуть втратити деталі. Створення піктограм не налаштовує ваш веб-сайт автоматично та не гарантує збереження повної структури оригінального SVG.
Пояснення можливостей
Кілька розмірів піктограм і упакований вихід
Виходи ICO, PNG і SVG підходять для різних браузерів і пристроїв. Перегляньте невеликий попередній перегляд і налаштуйте необхідні файли піктограм на своєму веб-сайті.
Джерела растрових зображень і трасування SVG
Створення SVG із растрового зображення передбачає трасування контурів, що може змінити складні фотографії чи деталі. Піктограми найкраще працюють із чіткими контурами та обмеженою кількістю деталей.
Кроки використання
Вибрати зображення
Натисніть кнопку "Вибрати файл зображення" або просто перетягніть ваше зображення (наприклад, PNG, JPG, SVG) в область завантаження.
Редагування та налаштування
Використовуйте візуальний редактор для обрізання та масштабування зображень.
Генерування та завантаження
Натисніть «Генерувати попередній перегляд», щоб переглянути ефекти різних розмірів, потім натисніть «Завантажити .zip архів» для отримання повного пакету іконок з файлами `.ico`, `.png` та іншими.
Часті питання
Які файли потрібні для створення Favicon?
Повний пакет Favicon зазвичай містить .png файли різних розмірів (наприклад, 16x16, 32x32, 192x192 тощо), файл `favicon.ico` для сумісності зі старими браузерами, а також `apple-touch-icon.png`. Наш інструмент згенерує всі ці файли для вас.
Чи завжди вихід SVG чіткіший за PNG?
Не обов’язково. Растрове трасування може змінити деталі, і складні матеріали не завжди підходять для іконок; Будь ласка, обирайте формат виводу, спираючись на реальний маленький попередній перегляд SVG та PNG.
Чому маленькі значки можуть виглядати нечітко?
Дрібний текст, складні візерунки та надмірна кількість кольорів важко розпізнати при зменшенні масштабу; Можна спростити матеріали, відрегулювати обрізку і переглядати попередній перегляд для різних розмірів, замість того, щоб просто підвищувати роздільну здатність вихідного зображення.