SVG, EPS vai AI: mitä eroa on?

1. Kolme muotoa yhdellä lauseella

SVG: verkkosivustoa varten kehitetty avoin vektoristandardi, jonka selaimet tukevat natiivisti; EPS: PostScriptiin perustuva vanha tulosteiden vaihtomuoto; AI: Adobe Illustratorin omaperäinen työmuoto. Kaikki kolme säilyttävät vektorigraafikka, mutta niiden käyttötarkoitukset ja ympäristöt poikkeavat huomattavasti. Työnjakon ymmärtäminen estää luovuttamasta väärässä muodossa ja välttää myöhemmän uudelleenkäsittelyn.

2. Kolmen muodon vertailu

Vertailukohta	SVG	EPS	AI
Luonne	W3C:n avoin standardi (XML)	PostScript-käärintämuoto	Illustratorin omaperäinen muoto
Avoimuus	Täysin avoin, luettava teksti	Julkinen määrittely, laaja tuki	Omaperäinen
Näyttö selaimessa	Natiivi tuki	Ei tueta	Ei tueta
Pääkäyttö	Verkkokuvakkeet, piirrokset, kaaviot	Luovutus painoon ja kaiverrukseen	Suunnittelun lähdetiedostot
Muokkaus	Polkutasoinen muokkaus	Rajoitettu	Täydet kerrokset, työalueet ja tehosteet

3. SVG: ensimmäinen valinta verkkoon ja alustojen väliseen työhön

SVG:n vahvuus on avoimuus ja verkkosuojaus: selaimet piirtävät sen suoraan, CSS ja JavaScript voivat vaihtaa sen värejä ja animoida sitä, tiedosto on pieni ja pakkaa hyvin, ja sitä voi muokata millä tahansa tekstieditorilla. Rajoitteena on, että väri on pääasiassa RGB, joten painovärit, päällekkäisprinttaus ja muut ammattilaispainon ominaisuudet jäävät heikosti tuetuiksi, ja huippuluokan painoprosessit nojaavat yhä PDF:een tai EPS:ään. Päivittäisille verkkosivun aineistoille, kuvakkeille ja logoille SVG on oletusvastaus. SVG voidaan upottaa suoraan HTML:ään, jolloin kuvake latautuu sivun mukana ja yksi kuvapyyntö säästyy; kun tarvitaan bitmapia, PNG voidaan viedä millä tahansa resoluutiolla, joten kaikki ovat auki.

4. EPS: klassinen tulosteiden vaihtomuoto

EPS kuvaa grafiikkaa PostScriptillä ja oli aikaisemmin tuloste- ja kaiverkusalan standardi luovutusmuoto, jota hyväksyi lähes jokainen esipaino- ja kaiverkusohjelmisto. Kahteen asiaan on kiinnitettävä huomiota: vanhanmallinen EPS ei tue reaaliaikaista läpinäkyvyyttä (läpinäkyvät tehosteet litistetään), eikä selain pääse esikatselemaan sitä suoraan. PDF on viime vuosina ottanut haltuunsa monia EPS:n aiempia tehtäviä, mutta monet painot pyytävät yhä EPS:ää. Käytännössä huomaa version: vanhat laitteet lukevat vain matalia EPS-versioita, joten tarkista vientivaihtoehto ja ennen kuin lähetät läpinäkyvän suunnittelun EPS-muotoon, varmista, että litistetty tulos näyttää odotetulta.

5. AI: suunnittelijan työtiedosto

AI on Illustratorin oma muoto, joka säilyttää kerrokset, työalueet, tehosteet ja muokattavan tekstin kokonaisuudessaan, joten se on pikemminkin keskeneräinen projekti kuin luovutusmuoto. Se on omaperäinen ja vaatii avaamiseen ja muokkaamiseen Illustratoria tai yhteensopivaa ohjelmaa. Verkkosivulla AI-tiedostoa ei pidä käyttää suoraan – vie se SVG:ksi tai PNG:ksi. AI-tiedostot sisältävät yleensä PDF-yhteensopivuuskerroksen, joten moni muu kuin Adoben sovellus pystyy esikatselemaan sisältöä, mutta täysi muokkaus on parasta tehdä takaisin Illustratorissa, jotta tehosteet eivät katoa.

6. Valinta ja muunnokset

Mainitaan vielä PDF: se on modernin tulostealan pääasiallinen luovutusmuoto ja yhdistää vektorigraafikan typografian. Jos paino ei ole määritellyt muotoa, PDF on usein EPS:ää turvallisempi, kun taas verkossa on aina SVG. Jokaisella kolmella muodolla on oma tehtävänsä; absoluuttista parasta ei ole, on vain kuhunkin tilanteeseen sopiva.

• Verkkoon: valitse SVG epäröimättä;
• Kun paino haluaa EPS:n tai AI:n: avaa SVG Illustratorissa tai Inkscapessa ja talleta haluttuun muotoon;
• Kun saat EPS:n tai AI:n ja haluat sen verkkoon: avaa se suunnitteluohjelmassa, vie SVG ja pakkaa se SVGO:lla;
• Pitkäaikaiseen arkistointiin: säilytä AI-lähdetiedosto ja tallenna rinnalle SVG-kopio, mikä yhdistää muokattavuuden ja yleiskäyttöisyyden.

Työskenteletkö edelleen rasterilogon kanssa? Muunna rasteri SVG:ksi Logo → vektori -työkalulla – ilmaiseksi ja ilman rekisteröitymistä; koko kulku on kuvattu artikkelissa Logon vektorointiohjeessa. Yleiseen rasterien muuntamiseen käytä Kuva → SVG -työkalua ja SVG:n arvon ymmärtämiseksi lue SVG:n 6 etua.