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

Hvorfor konvertere SVG til PNG?

SVG-filer er ideelle for logoer, ikoner og illustrasjoner på grunn av deres skalerbarhet og små filstørrelser. Men ikke alle plattformer eller applikasjoner støtter SVG-er, og noen ganger trenger du en rasterbilde for kompatibilitet, redigering eller webpublisering.

Konvertering av SVG til PNG gir deg en statisk, høykvalitetsbildefil som beholder gjennomsiktighet og kan brukes på nesten alle moderne enheter, nettlesere og designverktøy.

Nøkkel fordeler med å bruke PNG-format

• ✅ Tapfri kompresjon – PNG beholder bildekvalitet uten noen visuell tap.

• ✅ Støtte for gjennomsiktighet – Perfekt for logoer, ikoner og lagdelte design som krever gjennomsiktige bakgrunner.

• ✅ Universell kompatibilitet – Enkelt sett inn PNG-bilder i nettsider, presentasjoner, e-poster eller trykkmateriell.

Hvordan bruke dette verktøyet

1. Last opp din SVG-fil
   Klikk “Velg SVG-fil” eller dra og slipp din vektorgrafikk inn i boksen over.

2. Automatisk konvertering
   Verktøyet vil konvertere din SVG til en høyoppløst PNG-bilde.

3. Last ned PNG
   Klikk Last ned PNG-knappen for å lagre bildet ditt på enheten din.

4. Bruk overalt
   Din PNG-fil er nå klar for publisering, redigering eller integrering i prosjekter.

Vanlige spørsmål

Blir gjennomsiktigheten fra SVG beholdt?
Ja. PNG støtter gjennomsiktighet, og dette verktøyet beholder alle gjennomsiktige elementer fra din SVG-fil.

Hva betyr tapfri?
Tapfri kompresjon reduserer filstørrelsen uten å fjerne noen bilde-data, og sikrer at din konverterte PNG ser ut akkurat som ment uten kvalitetsnedgradering.

Er dette verktøyet gratis og trygt?
Absolutt. Dette verktøyet er basert på nettleser, helt gratis å bruke, og dine filer blir ikke lagret etter konvertering.

Kan jeg konvertere til andre bildeformater?
Ja, velg fra filformatet nedenfor.

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