SVG-st PNG-ks teisendaja

SVG on vektorgraafika formaat: see kirjeldab kujundeid ja teekondi matemaatika abil, mistõttu skaleerub see igale suurusele kvaliteeti kaotamata — kuid see tähendab ka, et enamik kohti, mis ootavad tavalist pilti (e-posti allkiri, favicon'i üleslaadija, trükimall, vanem CMS või vestlusrakendus), ei võta seda vastu. PNG-ks teisendamine küpsetab vektoripõhise kunstiteose fikseeritud pikslivõrgustikku, mida suudab avada iga programm, fotogalerii või üleslaadimisvorm. See tööriist teeb just selle rasterdamise sammu, täielikult sinu enda seadmes.

Teisendus toimub kahes osas: esmalt loeb brauser SVG deklareeritud laiuse, kõrguse ja viewBoxi, et selgitada välja selle loomulikud proportsioonid, seejärel joonistab vektoripõhise kunstiteose HTML-canvas'ele, mille suurus vastab sinu soovitud eraldusvõimele. Kuna lähtematerjal püsib vektorkujul kuni lõpliku joonistamiseni, saab logo renderdada nii 64 px kui 6400 px suuruses ühtviisi teravate servadega — erinevalt olemasoleva JPG või PNG suurendamisest ei teki kuskil madala eraldusvõimega bitmappi, mis skaleerimisel häguseks muutuks.

Kasutajaliidese- ja rakenduseikoonid on peaaegu alati vajalikud rohkem kui ühe pikslitihedusega, mistõttu tööriist renderdab sinu siitsuurusest 1x, 2x ja 3x versioonid ühe käiguga ning annab igaleühele omaette allalaadimisnupu — seesama kolmeastmeline skeem, mida kasutavad iOS-i varade kataloogid, Androidi drawable'id ja tänapäevased responsiivsed veebipildid (srcset). Vali baaslaius üks kord ja saa kõik kolm faili, selle asemel et teisendust erinevate numbritega kolm korda eraldi käivitada.

Tausta käsitlemine on päriselt toimiv valik, mitte pelgalt kosmeetiline märkeruut: jäta taust läbipaistvaks, et säilitada alfakanal logode ja ikoonide jaoks, mis peavad asetsema muu sisu peal, või täida see enda valitud ühtlase värviga, kui sihtkoht (pisipilt, sotsiaalmeedia eelvaatepilt, vanem formaat, mis läbipaistvust valesti käsitleb) nõuab läbipaistmatut tausta. Mitte mingil hetkel ei laadita midagi serverisse — SVG tekst pargitakse, rasterdatakse ja kodeeritakse PNG-ks täielikult sinu brauseri kaardis.