Konverter slika PNG, JPG u SVG

Avatar Preview
Preuzmi SVG

Besplatni online konverter SVG-a - PNG u SVG, JPG u SVG, SVG u PNG, SVG u JPG

Želite besplatni online konverter SVG-a? Možete slobodno konvertirati između PNG-a, JPG-a i SVG-a. Ovaj napredni besplatni online konverter omogućuje korisnicima da svoje PNG i JPG datoteke pretvore u skalabilne vektorske grafike SVG, a isto tako može pretvoriti vektorske grafike SVG u PNG ili JPG slike.

Ako želite pretvoriti PNG ili JPG datoteku u SVG, naš napredni kreator SVG-a može vam pomoći. Besplatni konverter PNG u SVG je izuzetno popularan konverter SVG-a i već je pretvorio milijune datoteka. Naša besplatna online konverzija SVG-a omogućuje besplatno korištenje bez ograničenja broja datoteka. Možete slobodno konvertirati bilo koji broj datoteka.

Dizajnirali smo jednostavan i pregledan sučelje koje odgovara potrebama grafičkih dizajnera i web programera. Potpuno besplatno, otvorite online alat i počnite pretvarati datoteke u SVG ili pretvarati SVG u PNG, JPG.

Evo nekih podržanih poznatih konverzija slika: PNG u SVG, JPG u SVG, SVG u PNG, SVG u JPG.

Što je SVG format?

SVG je najčešći format koji se koristi u web razvoju i drugim grafičkim okruženjima. Vektorske grafike skalabilne su i temelje se na opisu linija, oblika, krivulja, boja i teksta pomoću XML-a. SVG format lako je modificirati i može se koristiti u web razvoju, dizajneri mogu manipulirati SVG formatom pomoću JavaScripta i CSS-a. Tradicionalni formati slike poput JPG-a i PNG-a ne mogu pružiti dostupnost i fleksibilnost uređivanja koju pruža SVG.

Uobičajeni naredbi SVG formata

SVG (Scalable Vector Graphics) je format slike temeljen na XML-u koji opisuje sliku dvodimenzionalnih vektorskih grafika. Datoteke u SVG formatu mogu sadržavati različite vrste elemenata i naredbi koje služe za definiranje strukture, oblika, boje i ostalih svojstava slike. Evo nekih uobičajenih naredbi SVG formata i njihovi primjeri:

Naredbe za putove:

Naredba „Pomakni se na“ (M): Ova naredba koristi se za premještanje olovke na određene koordinate, ali ne crta nikakve linije. Na primjer, M1010 premješta olovku na koordinate (10,10).

Naredba „Linija do“ (L): Ova naredba koristi se za crtanje ravne linije između trenutne pozicije i nove pozicije. Na primjer, L5050 će izvući ravnu liniju između trenutne pozicije i koordinata (50,50).

Naredba „Horizontalna linija“ (H): Ova naredba koristi se za crtanje horizontalne linije. Na primjer, H90 će nacrtati horizontalnu liniju na y koordinati trenutne pozicije do x koordinate 90.

Naredba „Vertikalna linija“ (V): Ova naredba koristi se za crtanje vertikalne linije. Na primjer, V90 će nacrtati vertikalnu liniju na x koordinati trenutne pozicije do y koordinate 90.

Naredba „Zatvori put“ (Z): Ova naredba koristi se za crtanje ravne linije iz trenutne pozicije do početne točke puta, čime se zatvara put.

Naredbe za elemente oblika:

Naredba za pravokutnik (rect): Ova naredba koristi se za crtanje pravokutnika. Možete odrediti položaj i veličinu pravokutnika. Na primjer, <rectx="10"y="10"width="50"height="50"/> će nacrtati pravokutnik širine 50 i visine 50 na koordinatama (10,10).

Naredba za kružnicu (circle): Ova naredba koristi se za crtanje kružnice. Možete odrediti položaj središta kružnice i radijus. Na primjer, <circlecx="50"cy="50"r="25"/> će nacrtati kružnicu sa središtem na koordinatama (50,50) i radijusom 25.

Naredba za elipsu (ellipse): Ova naredba koristi se za crtanje elipse. Možete odrediti položaj središta elipse, horizontalni radijus i vertikalni radijus. Na primjer, <ellipsecx="75"cy="75"rx="50"ry="25"/> će nacrtati elipsu sa središtem na koordinatama (75,75), horizontalnim radijusom 50 i vertikalnim radijusom 25.

Naredba za liniju (line): Ova naredba koristi se za crtanje ravne linije. Možete odrediti početnu i završnu točku linije. Na primjer, <linex1="0"y1="0"x2="100"y2="100"/> će nacrtati ravnu liniju od (0,0) do (100,100).

Naredba za poliliniju (polyline): Ova naredba koristi se za crtanje lomljene linije koja se sastoji od više segmenta. Možete odrediti više točaka. Na primjer, <polylinepoints="50,50 100,100 150,50 200,100"/> će nacrtati lomljenu liniju spajajući točke (50,50), (100,100), (150,50) i (200,100).

Naredba za poligon (polygon): Ova naredba koristi se za crtanje poligona koji se sastoji od više segmenata. Slično kao i kod polilinije, možete odrediti više točaka i poligon će se automatski zatvoriti, spajajući posljednju točku s prvom. Na primjer, <polygonpoints="50,50 100,100 150,50"/> će nacrtati trokut spajajući točke (50,50), (100,100) i (150,50).