Згенерувати іконку сайту
Використовуйте візуальний редактор для обрізання та масштабування зображень.
Локальна обробка · Файли не завантажуються
Файли обробляються в поточному браузері без автоматичного надсилання. Перше завантаження компонентів може потребувати інтернету.
Клацніть, щоб вибрати файл зображення, або перетягніть файл сюди
Підтримує 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 малого розміру, перш ніж вибрати результат.
Чому маленькі значки можуть виглядати нечітко?
Крихітний текст, складні візерунки та багато кольорів стає важко розрізнити при зменшенні. Спростіть джерело, налаштуйте кадрування та переглядайте кожен розмір, а не лише збільшуйте роздільну здатність джерела.