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

Почему преобразовывать SVG в PNG?

Файлы SVG идеальны для логотипов, иконок и иллюстраций благодаря их масштабируемости и небольшому размеру. Однако не все платформы или приложения поддерживают SVG, и иногда вам нужное растровое изображение для совместимости, редактирования или публикации в Интернете.

Преобразование SVG в PNG дает вам статическое, высококачественное изображение, которое сохраняет прозрачность и может быть использовано на практически всех современных устройствах, браузерах и инструментах дизайна.

Основные преимущества использования формата PNG

• ✅ Безпотерная сжатие – PNG сохраняет качество изображения без визуальных потерь.

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

• ✅ Универсальная совместимость – Легко вставляйте изображения PNG в веб-сайты, презентации, электронные письма или печатные материалы.

Как использовать этот инструмент

1. Загрузите свой файл SVG
   Нажмите «Выбрать файл SVG» или перетащите и бросьте свой векторный графический элемент в поле выше.

2. Автоматическое преобразование
   Инструмент преобразует ваш SVG в высокоразрешительное изображение PNG.

3. Скачайте PNG
   Нажмите кнопку Скачать PNG, чтобы сохранить изображение на вашем устройстве.

4. Используйте везде
   Ваш файл PNG теперь готов для публикации, редактирования или интеграции в любой проект.

Часто задаваемые вопросы

Сохранится ли прозрачность из файла SVG?
Да. PNG поддерживает прозрачность, и этот инструмент сохраняет любые прозрачные элементы из вашего файла SVG.

Что означает «безпотерная сжатие»?
Безпотерная сжатие уменьшает размер файла без удаления каких-либо данных изображения, гарантируя, что ваше преобразованное изображение 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;
}