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 PNG na SVG?

Soubory PNG jsou rastrové obrázky, což znamená, že se skládají z pixelů a ztrácejí kvalitu při zvětšení. Soubory SVG jsou naopak založeny na vektorech, což znamená, že je lze zvětšit libovolně bez ztráty ostrosti — což je ideální pro loga, ikony a ilustrace.

Převod PNG na SVG vám poskytne škálovatelnou, editovatelnou grafiku, která je vhodná pro webové stránky, mobilní aplikace, tiskové materiály a další.

Klíčové výhody použití formátu SVG

• ✅ Neomezená škálovatelnost – obrázky SVG lze zvětšit bez ztráty kvality.

• ✅ Editovatelné cesty – ideální pro přizpůsobení tvarů a designů pomocí nástrojů jako Adobe Illustrator nebo Figma.

• ✅ Malé velikosti souborů – vektorová grafika je obvykle lehká a optimalizovaná pro výkon.

• ✅ Ideální pro webové použití – SVG je široce podporován v moderních prohlížečích a responzivních designových pracovních postupech.

Jak používat tento nástroj

1. Nahrajte soubor PNG
   Klikněte na „Vybrat soubor PNG“ nebo přetáhněte soubor do uploadovacího pole výše.

2. Automatická vektorizace
   Nástroj trasuje váš obrázek PNG a převádí ho na škálovatelné vektorové cesty SVG.

3. Stáhnout SVG
   Klikněte na tlačítko Stáhnout SVG, aby jste uložili váš nový vektorový soubor.

4. Použít v designu nebo webových projektech
   Váš soubor SVG lze nyní editovat, vkládat na webové stránky nebo používat v tiskových materiálech.

Často kladené otázky

Bude soubor SVG přesnou kopií souboru PNG?
Tento nástroj provádí nejlepší možnou vektorizaci, která funguje dobře pro jednoduché grafiky, loga a ikony. Vysoce detailní fotografie nemusí být převáděny dokonale.

Můžu editovat soubor SVG po převodu?
Ano. Soubory SVG lze editovat v nástrojích pro vektorový design, jako je Adobe Illustrator, Inkscape nebo Figma.

Je tento nástroj zdarma a bezpečný?
Ano. Převodník je zcela zdarma a zpracovává váš obrázek bezpečně — žádné údaje nejsou uloženy nebo sdíleny.

Můžu převést do jiných formátů obrázků?
Ano, vyberte si z formátů 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;
}