Pretvori SVG u PNG ili JPG online

Što je ovaj alat?

SVG je vektorski format — oblici opisani matematikom, beskonačno skalabilni, idealni za logotipe i ikone. No mnoga mjesta ga ne prihvaćaju: Word dokumenti, većina društvenih mreža, klijenti e-pošte i bezbrojni obrasci za prijenos žele piksel slike. Pretvaranje (rasteriziranje) prikazuje vektor kao PNG ili JPG u određenoj veličini.

Budući da vektori nemaju fiksnu rezoluciju, sam biraš širinu izlaza — a budući da je izvor matematika, izvoz od 2048px jednako je oštar kao onaj od 256px. PNG izlaz zadržava prozirnu pozadinu SVG-a; JPG je ispunjava bijelom.

Zašto ga koristiti?

• Bilo koja rezolucija iz jednog izvora: od 256px favicona do 2048px asseta za tisak, sve piksel savršeno.
• PNG izlaz zadržava prozirnost — logotipi se uklapaju na bilo koju pozadinu.
• Rješava odbijanja prijenosa "SVG nije podržan" u nekoliko sekundi.
• Skupno pretvaranje, lokalna obrada, bez prijenosa.
• Obrađuje SVG-ove bez izričite širine/visine čitanjem njihovog viewBoxa.

Kako ga koristiti

1. Ispusti .svg datoteke u okvir ili klikni za odabir.
2. Odaberi izlaznu širinu — Automatski koristi vlastitu deklariranu veličinu SVG-a.
3. Odaberi PNG (zadržava prozirnost) ili JPG (bijela pozadina).
4. Preuzmi svaku renderiranu sliku; dimenzije su prikazane po datoteci.

Primjer

Ulaz

logo.svg — 4 KB vektor

Izlaz

logo.png — 1024×1024, prozirna pozadina, oštro na svakom pikselu

Jedan sićušan vektorski izvor proizvodi piksel savršene rastere u bilo kojoj veličini koju zatražiš.

Uobičajeni slučajevi korištenja

• Dodavanje logotipa tvrtke (obično isporučenog kao SVG od dizajnera) u Word ili PowerPoint dokument koji ne podržava ugrađivanje SVG-a.
• Generiranje ikona aplikacije ili favicona u svakoj potrebnoj veličini piksela (16, 32, 180, 512px) iz jednog glavnog SVG-a.
• Dodavanje ikone potpisu e-pošte, jer većina klijenata e-pošte prikazuje samo rasterske slike.
• Prijenos umjetničkog rada na platformu društvenih mreža ili CMS koji odbija SVG datoteke kao mjeru sigurnosnog opreza.

Zašto uopće postoje ograničenja prijenosa SVG-a

Mnoge platforme namjerno blokiraju SVG prijenose iz sigurnosnog razloga, ne previda: budući da je SVG temeljen na XML-u i tehnički može sadržavati JavaScript, zlonamjerni SVG može biti vektor za ubacivanje skripte ako ga platforma prikaže nesanitiziranog. Rasteriziranje SVG-a u PNG ili JPG uklanja sve osim piksel podataka, što je jedan od razloga zašto je ovo pretvaranje često obavezno, a ne samo praktično — ciljana platforma zaista ne može sigurno prihvatiti vektorski format, bez obzira je li tvoj konkretan SVG bezopasan.

Kako zapravo funkcionira neovisnost o rezoluciji

SVG datoteka uopće ne pohranjuje piksele — pohranjuje matematičke definicije putanje ("nacrtaj liniju od ove točke do te točke", "ispuni ovu krivulju ovom bojom") i viewBox koji definira prostor koordinata u kojem te putanje žive. Kad je rasteriziraš, preglednikov mehanizam za renderiranje iznova izračunava svaku krivulju i ispunu u traženim dimenzijama piksela, od nule, svaki put. To je temeljno drugačije od promjene veličine postojeće rasterske slike (JPG ili PNG), gdje povećavanje znači izmišljanje piksela kojih nikad nije bilo i neizbježno izgleda mekano — SVG renderiran na 4000px jednako je oštar kao onaj na 100px, jer su oba svježe izračunata iz iste točne matematike, a ne razvučena iz manjeg izvora.

Često postavljana pitanja