Ako radite s web ili grafičkim dizajnom, prije ili kasnije naići ćete na SVG fajlovi i otkrijete da su pravi spas za logotipe, ikone i ilustracije. U Windowsu je ključno znati kako ih otvoriti, pregledati i uređivati bez gubljenja vremena., bilo da se radi o Istraživaču datoteka, uredskim aplikacijama ili grafičkim uređivačima.
Cilj ovog vodiča je da vam pomogne da savladate format: šta je to, kada ga koristiti, kako ga konvertovati, kako ga otvoriti i, što je najvažnije, kako dobiti preglede i minijature direktno u Windows Exploreru. Također ćemo proći kroz neke korisne savjete i resurse za vaš radni proces.
Šta je SVG datoteka?
SVG (skalabilna vektorska grafika) je slika opisana kao XML kod: linije, krivulje i oblici su definirani koordinatama, a ne pikselima. Budući da je vektorski baziran, možete ga skalirati bez gubitka oštrine, što ga čini savršenim za logotipe i grafiku koji se koriste u različitim veličinama.
Unutra ćete pronaći elemente kao što su putanja, pravougaonik ili krug koji opisuju figure. Element puta je protagonist u većini složenih ilustracija., jer iscrtava rute u bilo kojem smjeru s milimetarskom preciznošću.
Ovo su njegove glavne prednosti:
- SVG-ovi su lagani kada predstavljaju jednostavne grafove s malo oblika.
- Bilo koji moderni preglednik ih razumije., kao što su Edge, Chrome, Firefox ili Safari.
- Google ih indeksira, čak i u pretrazi slika., tako da ne kažnjavaju vaš SEO.
- Podržava animacije i prijelaze pomoću CSS-a i JavaScripta, nešto što je nemoguće sa JPG izvorno.
Sada postoji ograničenje: pretvaranje fotografija ili ilustracija s visokim detaljima u SVG je uglavnom loša ideja. Prilikom vektorizacije složenih slika, datoteka raste i gube se nijanse., što rezultira težim i manje detaljnim SVG-om od rasterskog originala.
Načini otvaranja SVG datoteke na vašem računaru
Budući da se SVG-ovi ponašaju kao XML dokumenti, Windows i macOS ih obično dodjeljuju pregledniku. Najbrži način za njihov pregled je dvostruki klik i otvorite ih u željenom pregledniku. Međutim, odatle ih samo pregledavate; ne možete ih uređivati.
Ako više volite vidjeti i dodirnuti kod, koristite tekstualni editor: Notepad++, VS Code, Sublime Text… Možete uređivati atribute, mijenjati boje pomoću CSS-a ili podešavati čvorove putanje., iako je ovo razumno samo za jednostavnu grafiku.
Za vizualno uređivanje koristite aplikacije poput Adobe Illustratora, Affinity Designera, Figme, Adobe XD, Gravit Designera ili Inkscapea. Ovi programi otvaraju, mijenjaju i izvoze SVG pomoću vektorskih alata, što vam omogućava dodavanje detalja, uklanjanje dijelova ili preciznu rekonstrukciju figura.
Konvertujte slike u SVG (i obrnuto) bez iznenađenja
Ako počnete s PNG ili JPG datotekom i želite SVG, možete je vektorizirati pomoću softvera za uređivanje. Photopea, na primjer, vam omogućava da otvorite slike i izvezete ih u SVG online., iako, kao i kod drugih alata, kvalitet zavisi od složenosti originala.
Besplatni alati za konverziju često nude osnovne rezultate: konture bez boje ili pojednostavljen izgled. Ovo je normalno kada scena ima gradijente i teksture., budući da njihovo predstavljanje u vektorima multiplikuje složenost datoteke.
Obrnuta operacija (konvertovanje iz SVG u PNG ili JPG) je jednostavnija: editori rasterizuju vektor u rezoluciju koju odaberete bez ikakvog vidljivog gubitka detalja. korisno kada vam je potreban konačni raster za okruženje koje ne podržava SVG.
SVG minijature i pregled u Windows Exploreru
Uobičajena pritužba je da se u Exploreru pojavljuje samo generička ikona ili ikona povezane aplikacije, a ne i sličica crteža. Za pregled pregleda u Windowsu 7 i 10, jednostavno rješenje je SVG Explorer Extension., proširenje Windows ljuske fokusirano na SVG.
Instalirajte ga sa njegovog službenog GitHub repozitorija: 'https://github.com/maphew/svg-explorer-extension/releases'. Odaberite instalacijski program prema vašem sistemu (32 ili 64 bita) kako bi se kodek ispravno integrirao. u keš memoriji sličica sistema.
Nakon instalacije, ikone se mogu i dalje prikazivati kao i prije jer Windows zadržava prethodnu keš memoriju. Jedan trik koji funkcionira je privremena promjena zadane aplikacije za otvaranje .svg datotekaDesnim klikom miša na SVG datoteku odaberite Otvori s > Odaberi drugu aplikaciju, označite opciju 'Uvijek koristi ovu aplikaciju' i odaberite, na primjer, svoj preglednik.
Ovom promjenom se regenerira keš memorija i počinju se pojavljivati sličice. Ako ih više volite ponovo otvoriti pomoću svog uobičajenog editora (Affinity, Illustrator, itd.), jednostavno ponovite postupak i ponovo postavite svoj omiljeni program kao zadani.
PowerToys: Izvorni pregled i sličice u Exploreru
Ako koristite Windows 10 ili 11, microsoft power igračke Uključuje dodatke za Explorer koji omogućavaju preglede i sličice za različite tipove, uključujući SVG. Najbolji dio je što se integrira sa panel za pregled i sa sličicama bez aplikacija trećih strana.
Za početak, preuzmite najnoviju verziju sa GitHub-a ili putem Microsoft Store-a i dovršite instalaciju. Idite u postavke PowerToysa i razmislite o omogućavanju administratorskog načina rada. tako da sve komunalne usluge rade bez ograničenja.
Zatim idite na odjeljak Istraživač datoteka u PowerToys-u i omogućite prekidače za pregled i sličice za SVG. Okno za pregled vam omogućava da vidite sadržaj datoteke kada je odaberete. bez otvaranja ikakvih dodatnih programa.
PowerToys dodaje preglednike za Markdown, SVG, PDF, G-kod i QOI format, plus preglednik izvornog koda s podrškom za preko 150 ekstenzija. Ovo pretvara Explorer u... brzi preglednik koda i dokumenata izvan vektorskih slika.
Preglednik izvornog koda (baziran na Monacu) vam omogućava da postavite korisne parametre: omogućite/onemogućite prelom reda, pokušajte formatirati JSON i XML kako bi bili čitljivi i postavite maksimalnu veličinu datoteke (u KB) za pregled, poboljšajte čitljivost i spriječite blokade s teškim datotekama.
Ako se pregled ne prikaže, provjerite u Windows Exploreru: Opcije mape > kartica Prikaz > označite 'Prikaži rukovatelje pregledom u oknu za pregled'. Bez te kućice, panel neće ništa prikazati čak i ako je PowerToys ispravno konfiguriran.
Da biste aktivirali panel: U sistemu Windows 10 ili 11, otvorite Explorer, idite na Prikaz i odaberite "Okno za pregled". Na taj način, kada odaberete kompatibilnu datoteku, vidjet ćete sadržaj s desne strane sa liste datoteka ili mreže.
Uređivanje i umetanje SVG-a u Microsoft Officeu
Microsoft 365 Word, PowerPoint, Outlook i Excel podržavaju umetanje i uređivanje SVG datoteka na Windowsu, macOS-u, Androidu i Windows Mobileu. Na iOS-u možete uređivati SVG-ove koji su već umetnuti s druge platforme, iako su opcije ograničenije.
Nakon što umetnete SVG datoteku, možete kontrolirati obris (boju okvira) pomoću Graphics Outline ili Outline, te birati između unaprijed postavljenih ispuna i stilova kako biste promijenili izgled jednim klikom. Ako nijedna od njih ne odgovara, odaberite bilo koju boju za ispunu i primijenite je na cijelu ilustraciju. sa par izmjena.
Za kompoziciju u dokumentu, prelamanje teksta određuje kako sadržaj teče oko grafike. Ako se preklapa više objekata, opcija Arrange vam omogućava da ih dovedete naprijed ili nazad. precizno slagati elemente.
Opcije "Crop" i "Crop Graphic" se koriste za definiranje vidljivog područja SVG-a bez mijenjanja originala. Samo prevucite okvir za izrezivanje da biste uokvirili ono što vas zanima i potvrdite. da zadrži korisni dio.
Veličina i položaj vam omogućavaju da postavite tačne mjere i položaj na stranici. I ne zaboravite alternativni tekst: dodajte pristupačan opis za korisnike čitača ekrana i poboljšava razumijevanje sadržaja.
Urednici, tijek rada i odabir zadanih aplikacija
Za kreiranje ili uređivanje SVG-a imate širok raspon programa: Illustrator, Affinity Designer, Figma, Adobe XD, Gravit Designer ili Inkscape, između ostalih. Svi otvaraju i uređuju SVG pomoću preciznih vektorskih alatai izvozite u rasterske formate kada vam zatrebaju.
U Windowsu, povezivanje .svg datoteka s jednom aplikacijom ili drugom ima utjecaj na vaš svakodnevni život. Tokom instalacije ekstenzije za sličice korisno ih je povezati s preglednikom kako bi se osvježila keš memorija., a zatim se vratite u svoj omiljeni editor ako tamo zapravo radite na njima.
Moderni preglednici interpretiraju SVG tačno onako kako će ga vaši korisnici vidjeti na webu. To je brz način za validaciju CSS stilova, boja i poteza prije nego što ga premjestite u konačno okruženje (na primjer, na WordPress stranicu).
Ako želite izmijeniti kod, napravite mala poboljšanja pomoću tekstualnog editora: klase, ID-ove, inline stilove ili čišćenje nepotrebnih atributa. Ove izmjene smanjuju težinu i olakšavaju animiranje ili promjenu iz eksternog CSS-a., posebno korisno u front-endu.
Pomoću ovih alata i metoda, upravljanje SVG datotekama u Windowsu prelazi iz glavobolje u produktivnu prednost: od pregledavanja sličica i pregleda u Exploreru s PowerToysom ili ekstenzijom, do njihovog otvaranja pomoću preglednika, uređivača teksta ili vektorskih programa, pa sve do njihovog korištenja u Officeu i njihovog potencijala za SEO i pristupačnost. Primjenom gore navedenog, Dobit ćete brzinu, vizualni kvalitet i potpunu kontrolu na vašoj grafici.