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

Miksi muuttaa SVG:ksi PNG:ksi?

SVG-tiedostot ovat ihanteellisia logoille, ikoneille ja kuvituksille niiden skaalautuvuuden ja pienten tiedostokokojen vuoksi. Kuitenkin ei kaikki alustat tai sovellukset tue SVG:tä, ja toisinaan tarvitset rasterikuvan yhteensopivuuden, muokkauksen tai verkkojulkaisun vuoksi.

Muuttamalla SVG:ksi PNG:ksi saat staattisen, laadukkaan kuvan, joka säilyttää läpinäkyvyyden ja voidaan käyttää lähes kaikissa nykyaikaisissa laitteissa, selaimissa ja suunnittelutyökaluissa.

PNG-muodon avainhyödyt

• ✅ Häviötön pakkaus – PNG säilyttää kuvan laadun ilman näkyvää tappiota.

• ✅ Läpinäkyvyyden tuki – Täydellinen logoille, ikoneille ja kerroksellisille suunnitelman, jotka vaativat läpinäkyviä taustoja.

• ✅ Yleinen yhteensopivuus – Voit helposti lisätä PNG-kuvia verkkosivuihin, esityksiin, sähköposteihin tai painotuotteisiin.

Kuinka käyttää tätä työkalua

1. Lataa SVG-tiedostosi
   Klikkaa “Valitse SVG-tiedosto” tai vedä ja pudota vektorigrafiikkasi yläriviin.

2. Automaattinen muunnos
   Työkalu muuttaa SVG:si korkealaatuisen PNG-kuvan.

3. Lataa PNG
   Klikkaa Lataa PNG -painiketta tallentamaan kuvan laitteeseesi.

4. Käytä missä tahansa
   PNG-tiedostosi on nyt valmis julkaisemiseen, muokkaukseen tai integroimiseen mihin tahansa projektiin.

Usein kysytyt kysymykset

Säilyykö läpinäkyvyys SVG:stä?
Kyllä. PNG tukee läpinäkyvyyttä, ja tämä työkalu säilyttää kaikki läpinäkyvät alueet SVG-tiedostostasi.

Mitä tarkoittaa häviötön?
Häviötön pakkaus vähentää tiedostokokoa ilman kuvatiedon poistamista, jolloin muunnettu PNG näyttää täsmälleen niin kuin oli tarkoitus ilman laadun heikkenemistä.

Onko tämä työkalu ilmainen ja turvallinen?
Absoluuttisesti. Tämä työkalu on selainpohjainen, täysin ilmainen käyttää ja tiedostosi eivät tallennu muunnoksen jälkeen.

Voinko muuttaa muihin kuvamuotoihin?
Kyllä, valitse tiedostomuoto alla.

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