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

Proč převést SVG do PNG?

Soubory SVG jsou ideální pro loga, ikony a ilustrace díky jejich škálovatelnosti a malým velikostem souborů. Nicméně, ne všechny platformy nebo aplikace podporují SVG, a někdy potřebujete rastrový obraz pro kompatibilitu, editaci nebo publikování na webu.

Převod SVG do PNG vám poskytne statický, vysoce kvalitní obraz, který zachovává průhlednost a může být použit na téměř všech moderních zařízeních, prohlížečích a nástrojích pro návrh.

Klíčové výhody formátu PNG

• ✅ Bezpečná komprese – PNG zachovává kvalitu obrazu bez vizuální ztráty.

• ✅ Podpora průhlednosti – Ideální pro loga, ikony a vrstvené návrhy, které vyžadují průhledné pozadí.

• ✅ Univerzální kompatibilita – Snadno vložte obrázky PNG do webových stránek, prezentací, e-mailů nebo tištěných materiálů.

Jak použít tento nástroj

1. Nahrajte svůj soubor SVG
   Klikněte na „Vybrat soubor SVG“ nebo přetáhněte a pusťte svůj vektorový grafiku do pole výše.

2. Automatická konverze
   Nástroj převede váš SVG do vysoce rozlišeného obrázku PNG.

3. Stáhnout PNG
   Klikněte na tlačítko Stáhnout PNG, aby jste uložili obrázek do svého zařízení.

4. Použít kdekoli
   Váš soubor PNG je nyní připraven pro publikování, editaci nebo integraci do jakéhokoli projektu.

Časté dotazy

Zachová se průhlednost z SVG?
Ano. PNG podporuje průhlednost a tento nástroj zachovává jakoukoli průhlednou část vašeho souboru SVG.

Co znamená bezeztrátová komprese?
Bezeztrátová komprese snižuje velikost souboru bez odstranění jakýchkoli dat obrázku, což zajišťuje, že váš převedený PNG vypadá přesně tak, jak je zamýšleno, bez jakékoliv degradace kvality.

Je tento nástroj zdarma a bezpečný?
Absolutně. Tento nástroj je založen na prohlížeči, zcela zdarma a vaše soubory nejsou uloženy po konverzi.

Můžu převést do jiných formátů obrázků?
Ano, vyberte z formátu níže.

.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;
}