Kuinka avata ja muokata SVG-tiedostoja Windowsissa

SVG-tiedostot, jotka perustuvat XML-koodiin, ovat tehokas tapa esittää 2D-grafiikkaa. Oppaassa opit avaamaan, muokkaamaan ja muuntamaan SVG-tiedostoja Windowsilla.

Skalaariset vektorigrafiikat (SVG) ovat verkkosovelluksiin sopiva tiedostomuoto, jota käytetään 2D-grafiikoiden, vektorikuvien, kaavioiden ja muiden esittämiseen. Vaikka se renderöidään kuvana, sen alla on itse asiassa XML-koodia, joka määrittää kaaret ja viivat. Windowsissa voit helposti avata SVG-tiedostoja selaimella, mutta muokata niitä tavallisella kuvankäsittelyohjelmalla. Tässä oppaassa näytämme, kuinka avata ja muokata SVG-tiedostoa Windowsissa.

Avaa SVG-tiedosto selaimella

Voimme avata SVG-tiedoston selaimessa kaksoisklikkaamalla sitä tai raahaamalla sen haluamaamme selaimeen.

Tämä on helpoin tapa avata mikä tahansa SVG-tiedosto. Tämäntyyppisellä menetelmällä emme kuitenkaan voi muokata kuvaa.

Näe SVG-tiedosto Resurssienhallinnassa

Voit avata SVG-tiedostoja ottamalla käyttöön SVG-esikatselutoiminnon Microsoft PowerToysissa. Tämän tekemiseksi sinun on ladattava ja asennettava PowerToys viralliselta PowerToys-sivustolta, Microsoft Storesta tai Windows Package Managerista (winget).

Esimerkiksi käytämme Winget-pakettihallintaa PowerShellissä asentaaksemme PowerToys:

winget install --id Microsoft.PowerToys --source winget

Asennuksen jälkeen voit avata PowerToys sovelluksen Käynnistä-valikosta. PowerToys-asetuksissa siirry kohtaan "Resurssienhallinnan lisäosat" ja ota käyttöön "Skalaariset vektorigrafiikat" esikatselun alla Esikatselupaneeli-osiossa:

Voit myös ottaa käyttöön SVG-miniatyyrit nähdäksesi ne kuvakatselunäkymässä, ei vain esikatselupaneelissa:

Avaa nyt Resurssienhallinta, paina Alt + P ottaaksesi käyttöön Esikatselupaneelin, ja valitse mikä tahansa SVG-tiedosto nähdäksesi esikatselun oikealla puolella.

Tällä tavoin voit nähdä miniatyyrit ja yksityiskohtaiset esikatselut resurssienhallinnassa ilman ylimääräistä ohjelmistoa.

Muokkaa SVG-tiedostoa tekstieditorilla

Sekä SVG:t ovat pääasiassa XML-tiedostoja, voit helposti muokata niitä käyttämällä tekstieditoria. Voit myös käyttää CSS:ää muokataksesi SVG:tä monin eri tavoin, jopa lisätäksesi animaatioita. Tätä et voi tehdä tavallisilla kuvamuodoilla, kuten JPG:llä tai PNG:llä.

Napsauta hiiren oikealla SVG-tiedostoa, vie hiiri kohtaan Avaa sovelluksessa, ja valitse editori, kuten Notepad:

Kun avaat SVG-tiedoston tekstieditorilla, näet XML-pohjaista koodia kuvan sijasta.

Jos haluamme muuttaa annetun SVG-tiedoston täyttöväri mustaksi, voimme muokata fill-attribuuttia seuraavasti:

<path d="..." fill="black" />

Tallenna koodi tekstimuotoon ja avaa tiedosto uudelleen, niin näet päivitetyn sisällön, jotain tällaista:

Voit käyttää tekstieditoria luodaksesi tai muokataksesi SVG-tiedostoa, mutta se toimii hyvin vain erittäin yksinkertaisille kuville, joissa on vain muutama muoto. Jos kuva on monimutkainen, jokaisen osan käsin muokkaaminen muuttuu liian vaikeaksi.

Muokkaa SVG-tiedostoa vektorieditorilla

Nykyajan vektori-editointityökalut, olivatpa ne työpöytäperusteisia, kuten Adobe Illustrator ja Inkscape tai verkkopohjaisia alustoja, kuten Figma ja Canva, voivat avata ja muokata SVG-tiedostoja.

Esimerkkinä käytämme Canvan SVG-editoria näyttääksemme, kuinka helposti voit muokata SVG-kuvaa verkkotyökalun avulla. Ensiksi, siirry Canvan SVG-editoriin virallisilta verkkosivuilta ja napsauta Muokkaa SVG -painiketta:

Napsauta Lataa tiedostot -painiketta ja valitse muokattava SVG-tiedosto:

Kun haluttu SVG-tiedosto on ladattu, voit muokata sitä haluamallasi tavalla. Tässä muutimme valitun SVG-tiedoston tausta- ja etukuvan väriä.

Jos tarvitset perusmuutoksia, voit valita Canvan SVG-editorin. Suosittelen kuitenkin käyttämään edistyneitä työkaluja, kuten Adobe Illustrator tai Inkscape, muokataksesi monimutkaisempia vektoriryhmiä tai polkuja.

Muunna tiedostoja SVG-muotoon ja sieltä pois

Voit muuntaa SVG-tiedoston muihin muotoihin tai muista kuvamuodoista SVG:ksi työpöytäperusteisten tai verkkopohjaisten kuvankäsittelytyökalujen avulla.

Kun muunnat SVG:ksi, erityisesti PNG:stä tai JPG:stä, verkkotyökalut voivat kamppailla monimutkaisten visuaalien kanssa. Saatat huomata yksinkertaistettuja muotoja tai puuttuvia väreitä, koska rasterikuvat jäljitetään vektorigrafiikaksi.

Oletetaan, että haluamme muuntaa seuraavan PNG-tiedoston SVG:ksi:

Käytetään verkkotyökalua, kuten Convertio, muuttaaksemme PNG-kuvan SVG:ksi. Tämän tekemiseksi lataa muunnettava tiedosto ja valitse haluttu tulostusformaatti. Lopuksi napsauta Muunna-painiketta muuttaaksesi tiedosto valituksi.

Kun tiedosto on muunnettu, voit ladata sen napsauttamalla vastaavaa painiketta:

Avaa nyt muunnettu tiedosto nähdäksesi lopullisen tuloksen:

Tulokset osoittavat merkittävää heikkenemistä kuvan laadussa.

Toisaalta muuntaminen SVG:stä muotoihin kuten PNG tai JPG on yleensä tarkempaa ja toimii hyvin useimmissa työkaluissa. Oletetaan, että haluamme muuntaa seuraavan SVG-kuvan JPG:ksi:

Käytetään convertiota valitun SVG-tiedoston muuntamiseen JPG:ksi:

Lataa kuva ja avaa se analysoidaksesi tulosta. Tulokset osoittavat, että SVG:n muuntaminen JPG:ksi ei vaikuta kuvan laatuun:

Jos sinun tarvitsee työskennellä rasterikuvien kanssa mobiilissa, voit myös muokata valokuvia Photoshopissa Androidille.

Usein kysytyt kysymykset ja niiden ratkaisut

Mikä on SVG-tiedosto?

Scalable Vector Graphics (SVG) on vektoritiedostomuoto, jota käytetään laajalti verkkosivustoilla. SVG-tiedostojen ominaisuuksia ovat:

- Vektorigrafiikka: SVG tallentaa kuvat matemaattisten kaavojen avulla, minkä ansiosta ne voivat skaalautua ilman laadun heikkenemistä.
• Pienempi tiedostokoko: Vektorimuoto mahdollistaa pienemmät tiedostokoot verrattuna pikselipohjaisiin formaatteihin, kuten JPEG.
• Interaktiivisuus: SVG tukee animaatioita ja käyttäjäinteraktioita, mikä lisää visuaalista viehättävyyttä verkkosivustoilla.
• Helppo muokattavuus: Tiedostot ovat tekstipohjaisia, joten niitä voi helposti muokata koodilla esimerkiksi CSS:n tai JavaScriptin avulla. SVG on erityisen hyödyllinen logoille, ikoneille ja muille graafisille elementeille, jotka vaativat terävyyttä eri kokoisissa esityksissä.

Onko SVG vektorimuoto?

SVG-tiedosto on vektorimuotoinen tiedosto, joka hyödyntää matemaattisia algoritmeja kuvien esittämiseen. Toisin kuin PNG-tiedostot, SVG:t tarjoavat seuraavia etuja:

- Skaalautuvuus: SVG-kuvia voi skaalata mihin tahansa kokoon.
• Laatu: Kuvan laatu ei heikkene suurentamisessa tai pienentämisessä.
• Muokattavuus: Vektorimuoto mahdollistaa helpon muokkaamisen ja animoinnin. SVG on erityisen hyödyllinen graafisessa suunnittelussa ja verkkosovelluksissa juuri näiden ominaisuuksien vuoksi.

Millä avata word-tiedosto?

• Avaa Word 2007 tai uudempi Windowsilla.
  - Avaa Word 2008 tai uudempi Mac OS X:llä.
• Käytä aiempia Word-versioita Open XML -tukitoiminnolla.
• Voit myös avata DOCX-tiedostoja muilla ohjelmilla, kuten Google Docs tai LibreOffice.

Nyt kun olet lukenut Kuinka avata ja muokata SVG-tiedostoja Windowsissa loppuun, kutsumme sinut tutustumaan lisää Oppaat-kategoriaan. Löydät sieltä muita mielenkiintoisia artikkeleita, jotka laajentavat tietojasi ja pitävät sinut ajan tasalla. Älä lopeta lukemista ja löytämistä!