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

Varför konvertera PNG till SVG?

PNG-filer är rasterbilder, vilket innebär att de består av pixlar och förlorar kvalitet när de skalas. SVG-filer, å andra sidan, är vektor-baserade, vilket innebär att de kan skalas oändligt utan att förlora skärpa — vilket gör dem idealiska för logotyper, ikoner och illustrationer.

Att konvertera PNG till SVG ger dig en skalbar, redigerbar grafik som är perfekt för webbplatser, mobilappar, tryckmaterial och mer.

Nyckelfördelar med att använda SVG-format

• ✅ Oändlig skalbarhet – SVG-bilder kan skalas utan att förlora kvalitet.

• ✅ Redigerbara banor – Idealiskt för anpassning av former och design med hjälp av verktyg som Adobe Illustrator eller Figma.

• ✅ Små filstorlekar – Vektorgrafik är vanligtvis lätt och optimerad för prestanda.

• ✅ Perfekt för webbanvändning – SVG stöds brett i moderna webbläsare och responsiva designarbetsflöden.

Hur man använder det här verktyget

1. Ladda upp din PNG-fil
   Klicka på “Välj PNG-fil” eller dra och släpp din bild i uppladdningsrutan ovan.

2. Automatisk vektorisering
   Verktyget spårar din PNG-bild och konverterar den till skalbara SVG-vektorbanor.

3. Ladda ner SVG
   Klicka på Ladda ner SVG-knappen för att spara din nya vektorfil.

4. Använd i design- eller webbprojekt
   Din SVG kan nu redigeras, infogas på webbplatser eller användas i tryckmaterial.

Vanliga frågor

Kommer SVG vara en exakt match till PNG?
Det här verktyget utför en bästa match-vektorering, som fungerar bra för enkla grafiker, logotyper och ikoner. Mycket detaljerade foton kanske inte konverteras perfekt.

Kan jag redigera SVG efter konvertering?
Ja. SVG-filer kan redigeras i vektorbaserade designverktyg som Adobe Illustrator, Inkscape eller Figma.

Är det här verktyget gratis och säkert?
Ja. Omvandlaren är helt gratis och behandlar din bild säkert — ingen data sparas eller delas.

Kan jag konvertera till andra bildformat?
Ja, välj från filformatet nedan.

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