window.addEventListener(‘message’, function (event) {
if (!event.data || event.data.type !== ‘resize’) return;
const iframe = document.getElementById(‘lovable-frame’);
if (iframe && typeof event.data.height === “number”) {
iframe.style.height = event.data.height + “px”;
}
});
Чому перетворювати ICO на PNG?
Файли ICO (іконки) зазвичай використовуються для фавіконів і програм для робочого столу, але вони не широко підтримуються поза певними випадками використання. PNG, з іншого боку, є універсальним форматом зображення, який зберігає високу якість, підтримує прозорість і працює на всіх браузерах, платформах і графічних інструментах.
Перетворення ICO на PNG полегшує повторне використання іконок для сучасних веб-сайтів, проектів дизайну, мобільних додатків і документів.
Ключові переваги використання формату PNG
-
✅ Універсальна сумісність – PNG підтримується всіма основними веб-браузерами, інструментами дизайну та операційними системами.
-
✅ Зберігає прозорість – файли ICO часто включають прозорість, і PNG зберігає її ідеально.
-
✅ Легке редагування та спільне використання – файли PNG легко обрізати, змінювати розмір і оптимізувати за допомогою будь-якого редактора зображень.
Як використовувати цей інструмент
-
Завантажте свій файл .ICO
Натисніть «Виберіть файл ICO» або перетягніть свій файл у вікно завантаження. -
Автоматичне перетворення
Інструмент миттєво перетворює ваш файл ICO на високоякісне зображення PNG. -
Завантажте PNG
Після обробки натисніть кнопку Завантажити PNG, щоб зберегти нове зображення. -
Використайте будь-де
Тепер ваш файл PNG готовий до використання на веб-сайтах, у соціальних мережах, презентаціях чи мобільних додатках.
Часто задавані питання
Чи збереже перетворений PNG прозорість?
Так. Якщо оригінальний файл ICO включає прозорість, перетворений PNG також збереже її.
Чи є цей інструмент безпечним?
Абсолютно. Вся обробка здійснюється у вашому браузері або тимчасово на безпечному сервері, і жодні файли не зберігаються після перетворення.
Чи потрібно мені щось завантажувати?
Ні. Цей перетворювач ICO на PNG працює повністю у вашому браузері — жодних завантажень чи реєстрацій не потрібно.
Чи можу я перетворити у інші формати зображень?
Так, виберіть формат файлу нижче.
.conversion-footer {
font-family: system-ui, sans-serif;
margin: 30px 0;
}
details.convert-dropdown {
margin-bottom: 8px;
border: 1px solid #e0e0e0;
border-radius: 6px;
background-color: #fff;
transition: box-shadow 0.3s;
}
details.convert-dropdown[open] {
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.convert-dropdown summary {
font-weight: 600;
font-size: 15px;
padding: 12px 16px;
background-color: #f7f8f9;
border-bottom: 1px solid #e0e0e0;
cursor: pointer;
list-style: none;
position: relative;
}
.convert-dropdown summary:hover {
background-color: #eef0f2;
}
.convert-dropdown summary::marker {
display: none;
}
.convert-dropdown summary::after {
content: “▾”;
position: absolute;
right: 16px;
font-size: 12px;
transition: transform 0.3s ease;
}
details[open] summary::after {
transform: rotate(180deg);
}
.convert-dropdown a {
display: block;
padding: 10px 20px;
text-decoration: none;
color: #0073aa;
font-size: 14px;
border-top: 1px solid #f1f1f1;
transition: background 0.2s;
}
.convert-dropdown a:hover {
background-color: #f1f7fb;
color: #005177;
}