SVG-katselin
Liitä SVG-koodi ja esikatsele se välittömästi. Tarkasta mitat, viewBox, tiedostokoko ja solmujen määrä. Lataa tai kopioi. Toimii selaimessasi.
Esikatselu
100%
Viite
Mikä on SVG?
SVG (Scalable Vector Graphics) on XML-pohjainen formaatti 2D-vektorigrafiikalle. Toisin kuin rasterikuvat (PNG, JPG), SVG skaalautuu rajattomasti laadun heikkenemättä. viewBox-attribuutti määrittelee koordinaatistojärjestelmän ja on avain responsiiviselle skaalaukselle. Modernit selaimet renderöivät SVG:n natiivisti, joten voit upottaa sen inline, CSS:ään tai <img>-tunnisteeseen.
Yleisiä käyttötapoja
- Ikonisuunnittelu — esikatsele ikoneita ennen integrointia.
- Vianetsintä — varmista, että viewBox ja mitat renderöityvät oikein.
- Logojen tarkistus — tarkasta SVG-vienti suunnittelutyökaluista.
- Oppiminen — tutki todellista SVG-merkintää interaktiivisesti.
Tietosuoja
Kaikki renderöinti toimii 100% selaimessasi. Mitään tietoja ei lähetetä palvelimelle.