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 JPG:ksi SVG:ksi?

JPG-kuvat ovat pikselipohjaisia (raster), mikä tarkoittaa, että ne menettävät laadun skaalattaessa. SVG-tiedostot ovat vektorigrafiikkaa, joten ne voidaan skaalata rajattomasti ilman vääristymää — ihanteellinen logoille, ikoneille, kuvituksille ja responsiiviselle web-suunnittelulle.

JPG:sten muuntaminen SVG:ksi mahdollistaa staattisten kuvien muuntamisen muokattaviksi, skaalattaviksi vektorigrafiikaksi käytettäväksi suunnittelutyökaluissa, verkkosivuilla ja mobiilisovelluksissa.

SVG-muodon avainhyödyt

• ✅ Skaalautuvuus ilman laadun menetystä – SVG-tiedostot voidaan suurentaa mihin tahansa kokoon ilman, että ne tulevat epäselviksi tai pikselöidyiksi.

• ✅ Kevyt ja web-optimointi – Vektorigrafiikat ovat tiivisteisiä ja latautuvat nopeasti kaikilla laitteilla.

• ✅ Muokattavissa suunnittelutyökaluissa – Voit helposti muokata polkuja, muotoja ja värejä sovelluksissa kuten Adobe Illustrator, Figma tai Inkscape.

• ✅ Ihanteellinen logoille ja ikoneille – Muunna staattiset JPG-suunnitelmat joustaviksi brändi-ominaisuuksiksi.

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

1. Lataa JPG-tiedostosi
   Klikkaa “Valitse JPG-tiedosto” tai vedä ja pudota kuvasi latausalueelle.

2. Automaattinen vektorigrafiikka
   Työkalu analysoi kuvasi ja luo vektorigrafiikka-version.

3. Lataa SVG
   Klikkaa Lataa SVG -painiketta tallentaaksesi uuden vektorigrafiikkatiedoston.

4. Käytä web- tai suunnitteluprojekteissa
   SVG-tiedostosi on valmis käytettäväksi verkkosivuilla, suunnittelutyökaluissa tai tulostusvalmiissa asiakirjoissa.

Usein kysytyt kysymykset

Onko SVG-tiedosto identtinen JPG-tiedoston kanssa?
Tämä työkalu käyttää vektorigrafiikkaa, joka on parhaiten sovellettavissa logoille, ikoneille ja yksinkertaisille grafiikoille. Valokuvat tai gradientit eivät välttämättä muunnu tarkasti.

Voinko muokata SVG-tiedostoa?
Kyllä. Kun muunnos on tehty, SVG-tiedostot voidaan muokata työkaluilla kuten Adobe Illustrator, Figma tai Inkscape.

Onko tämä työkalu ilmainen ja turvallinen?
Täysin. Se on selainpohjainen, ilmainen käyttää ja tiedostosi eivät tallennu tai jaeta.

Voinko muuntaa muihin kuvaformaatteihin?
Kyllä, valitse alla olevasta tiedostomuodosta.

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