SVG do PNG — Když se vektory potkají s pixely (A proč potřebuješ obojí)
SVG a PNG jsou rozdílné světy. Jedno je matematika. Druhé jsou pixely.
SVG jsou vektorové soubory — nekonečně škálovatelné, ideální pro loga, ikony a ilustrace. PNG jsou rastrové — každý pixel definovaný, perfektní pro fotky, textury a detailní grafiku.
Potřebuješ obojí.
Kdy použít SVG
SVG září tam, kde záleží na nezávislosti na rozlišení. Logo na vizitce i na billboardu by mělo vypadat stejně. SVG to zvládá. Je taky menší než PNG pro jednoduchou grafiku, protože ukládá vzorce, ne pixely.
Prohlížeče renderují SVG nativně. CSS je může stylovat. Fungují animace. Pro UI prvky je SVG skoro vždy správná volba.
Kdy použít PNG
PNG vyhrává u složitosti. Fotky, přechody, stíny a cokoliv s tisíci barev — PNG to zachytí přesně. Podporuje taky průhlednost, což JPEG neumí.
SVG nedokáže efektivně vykreslit fotku. Tady přichází na řadu FileTools — převeď SVG do PNG jedním tahem.
Převod SVG do PNG
Nápad zní jednoduše. V praxi prohlížeče renderují SVG různě. Co vypadá perfektně v jednom enginu, v druhém se rozbije.
FileTools standardizuje výstup. Nahraj SVG soubor, vyber rozlišení, zvol barvu pozadí nebo průhlednost a stáhni čisté PNG. Veškeré zpracování probíhá na tvém zařízení — soubor nikdy neopustí tvůj počítač.
To je důležitější, než si myslíš. SVG soubory můžou obsahovat skripty nebo externí reference. Nahrávat je na náhodné konvertory je bezpečnostní riziko. Konverze na klientovi to eliminuje.
Rozlišení rozhoduje
SVG nemá pevné rozlišení. Jen popisuje tvary. Při převodu do PNG rozhoduješ, kolik pixelů je potřeba.
- 72 DPI — kvalita na obrazovku, malý soubor
- 150 DPI — dobré na prezentace
- 300 DPI — připraveno na tisk
FileTools umožňuje zvolit přesné rozměry výstupu. Žádné hádání.
Průhledné nebo plné pozadí
SVG má standardně průhledné pozadí. Stejně tak PNG — pokud nechceš jinak. Bílé pozadí funguje líp pro emailové podpisy nebo sociální sítě. Průhledné pro loga na barevných webech.
Vyber, co sedí tvému případu. FileTools podporuje obojí v jednom rozhraní.
Mimo samotný převod
Jakmile máš PNG, dalším krokem může být změna velikosti, komprese pro web nebo převod do WebP. FileTools zvládá všechno bez přepínání oken.
Stejný přístup zaměřený na soukromí funguje napříč nástroji. Stejně jako RoomFlip zpracovává fotky místností na klientovi, FileTools chrání i tvoje designová data.
Ve zkratce
SVG a PNG slouží různým účelům. SVG je pro škálovatelnou grafiku. PNG pro detailní obrázky. Převod mezi nimi by měl být okamžitý, soukromý a zdarma.
A tady taky je.