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”;
}
});

Чому перетворювати WebP у PNG?

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

Перетворення WebP у PNG забезпечує максимальну сумісність, особливо якщо вам потрібно редагувати зображення, зберігати прозорість або використовувати його в старих системах та дизайнерських роботах.

Ключові переваги використання формату PNG

• ✅ Безвідхідне стиснення – PNG зберігає повну деталізацію та чіткість зображення.

• ✅ Підтримка прозорості – Ідеально підходить для іконок, логотипів або графічних зображень, які вимагають прозорих фонів.

• ✅ Широка сумісність – PNG підтримується всіма інструментами дизайну, браузерами та платформами.

Як використовувати цей інструмент

1. Завантажте свій файл WebP
   Натисніть «Виберіть файл WebP» або перетягніть та впустите зображення у область завантаження.

2. Автоматичне перетворення
   Інструмент перетворює ваше зображення WebP у високоякісне PNG.

3. Завантажте PNG
   Натисніть кнопку Завантажте PNG, щоб зберегти файл.

4. Використайте його будь-де
   Ваш PNG готовий до редагування, обміну або інтеграції у веб-, друковані чи дизайнерські проекти.

Часто задавані питання

Чи збереже перетворений PNG прозорість?
Так. Якщо ваш оригінальний файл WebP містить прозорість, цей конвертер збереже її у виводі PNG.

Що означає безвідхідне?
Безвідхідне стиснення зменшує розмір файлу без втрати якості зображення. PNG – це безвідхідний формат, який забезпечує збереження візуальної ідентичності вашого зображення.

Чи є цей інструмент безкоштовним і приватним?
Абсолютно. Конвертер WebP у 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;
}