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

SVG-filer är ideala för logotyper, ikoner och illustrationer på grund av deras skalbarhet och små filstorlekar. Men inte alla plattformar eller applikationer stöder SVG, och ibland behöver du en rasterbild för kompatibilitet, redigering eller webbpublicering.

Att konvertera SVG till PNG ger dig en statisk, högkvalitetsbild som behåller transparens och kan användas på nästan alla moderna enheter, webbläsare och designverktyg.

Viktiga fördelar med PNG-format

• ✅ Förlustfri kompression – PNG behåller bildkvaliteten med noll synlig förlust.

• ✅ Stöd för transparens – Perfekt för logotyper, ikoner och skiktade design som kräver transparenta bakgrunder.

• ✅ Universell kompatibilitet – Infoga lätt PNG-bilder i webbplatser, presentationer, e-post eller tryckmaterial.

Hur man använder det här verktyget

1. Ladda upp din SVG-fil
   Klicka på “Välj SVG-fil” eller dra och släpp din vektorgrafik i rutan ovan.

2. Automatisk konvertering
   Verktyget kommer att konvertera din SVG till en högupplöst PNG-bild.

3. Ladda ner PNG
   Klicka på knappen Ladda ner PNG för att spara din bild på din enhet.

4. Använd var som helst
   Din PNG-fil är nu redo för publicering, redigering eller integrering i något projekt.

Vanliga frågor

Kommer transparensen från SVG att bevaras?
Ja. PNG stöder transparens, och detta verktyg behåller eventuella transparenta element från din SVG-fil.

Vad betyder förlustfri?
Förlustfri kompression minskar filstorleken utan att ta bort någon bildinformation, vilket säkerställer att din konverterade PNG ser ut exakt som avsett utan någon kvalitetsförsämring.

Är detta verktyg gratis och säkert?
Absolut. Detta verktyg är webbaserat, helt gratis att använda och dina filer sparas inte efter konvertering.

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