Uzorak se gradi kao čisti SVG zapis, pa ostaje oštar pri svakom zumu i gustoći ekrana, a obično teži svega nekoliko stotina bajtova, znatno manje od PNG pločice. Kopirajte CSS kod da odmah ubacite ponavljajući background-image u stilove, ili preuzmite samostalnu SVG datoteku kao gotov resurs. Ništa se ne šalje nikamo - uzorak se iscrtava potpuno lokalno i nastavlja raditi i bez interneta nakon što se stranica jednom učita.
Besplatni SVG generator uzoraka
Radi u cijelosti u pregledniku - bez slanja podataka i bez registracije.
Uzorak
Stil
Boja uzorka
Pozadina
Što je SVG generator uzoraka?
SVG generator uzoraka izrađuje beskonačnu, ponavljajuću pozadinu od geometrijskih oblika - točkica, linija, mreža, cik-caka. Odaberete oblik, boje, veličinu pločice i debljinu linija, a alat vraća sitan SVG kod koji se ne raspada u kvalitetu, plus gotov CSS za lijepljenje. Sve se generira u pregledniku, ništa se ne šalje na server.
Kako se koristi
- 1Odaberite uzorak. Izaberite oblik - točkice, prstenove, mrežu, dijagonalu, ukriženu šrafuru, plus, cik-cak i druge - iz ponuđenih varijanti.
- 2Podesite boje i oblik. Odaberite boju uzorka i pozadine (ili postavite pozadinu kao prozirnu), zatim podesite veličinu, debljinu i prozirnost dok se pregled ažurira uživo.
- 3Kopirajte ili preuzmite. Prebacujte se između CSS i SVG kartice, kopirajte kod ili preuzmite samostalnu .svg datoteku za upotrebu bilo gdje.
Za koga je
- Web developeri koji dodaju suptilnu, laganu pozadinsku teksturu na hero sekciju, karticu ili blok bez dodatne slikovne datoteke.
- UI i brend dizajneri koji isprobavaju beskonačne teksture u bojama brenda i izvoze ih kao čist SVG resurs.
- Autori e-mailova i prezentacija kojima treba mali, popločavajući uzorak koji izgleda oštro na bilo kojem zaslonu.
- Studenti i hobisti koji uče kako rade SVG
<pattern>i CSS popločavanje mijenjajući vrijednosti i čitajući rezultat. - Kreatori sadržaja koji brzo generiraju dekorativne pozadine za sličice, banere i makete.
Česta pitanja
Je li SVG generator uzoraka besplatan?
Da, potpuno je besplatan, bez prijave i bez ograničenja. Svaki uzorak generira se u pregledniku, pa možete napraviti i kopirati koliko god želite, čak i bez interneta nakon prvog učitavanja stranice.
Jesu li uzorci stvarno beskonačni?
Da. Svaki oblik iscrtan je tako da se rubovi točno poklapaju sa susjednom pločicom, a uzorak se ponavlja po fiksnoj mreži. I CSS background-image i SVG element <pattern> popločavaju istu ćeliju rub do ruba, bez vidljivih spojeva.
Trebam li koristiti CSS ili SVG izlaz?
Koristite CSS za lijepljenje ponavljajuće pozadine izravno u stilove - najbrže za web stranice. Preuzmite SVG kad vam treba samostalna datoteka, primjerice kao slikovni resurs, u dizajnerskom alatu ili ugrađena izravno u HTML.
Zašto SVG uzorak umjesto PNG-a?
SVG je vektorski format, pa ostaje savršeno oštar pri bilo kojem zumu ili gustoći ekrana i nikad ne pikselira. Geometrijska SVG pločica obično teži svega nekoliko stotina bajtova, mnogo manje od usporedivog PNG-a, a boje joj možete mijenjati bilo kad bez ponovnog izvoza.
Mogu li pozadinu učiniti prozirnom?
Da. Označite opciju Prozirno i pozadinska ispuna se uklanja, pa se prikazuju samo oblici uzorka. Tako uzorak možete slagati preko postojeće boje, slike ili gradijenta.
Šalje li se moj dizajn ikamo?
Ne. Cijeli uzorak gradi se lokalno u pregledniku pomoću čistog SVG zapisa i ništa se ne šalje na server, pa vaše boje i postavke ostaju privatne na vašem uređaju.