Većina alata za gradijente vam daje samo liniju CSS koda. Ovaj alat iscrtava gradijent na pravi canvas i omogućava vam da preuzmete gotovu PNG sliku u tačnoj veličini u pikselima koja vam je potrebna - pozadinu za telefon, desktop pozadinu 1920x1080, kvadratnu objavu za društvene mreže ili prilagođenu dimenziju. Ništa se ne šalje na server: slika se u potpunosti crta i čuva na vašem uređaju, tako da vaše boje i fajlovi ostaju privatni.
Besplatan Generator Gradijenta
Radi u celosti u pregledaču - bez otpremanja i bez registracije.
Tip
Veličina slike
px
Tačke prelaza boja
Čuva pravi PNG veličine 1920×1080 px
Šta je generator gradijenta?
Generator gradijenta je alat koji spaja dve ili više boja u glatki prelaz i izvozi ga kao sliku koju možete preuzeti. Izaberite boje i tačke prelaza, odaberite linearni ili radijalni oblik, podesite veličinu i sačuvajte PNG za pozadinu ekrana, baner ili sličicu. Sve se odvija u vašem pregledaču.
Kako se koristi
- 1Izaberite linearni ili radijalni. Linearni gradijent spaja boje duž prave linije pod uglom koji podesite; radijalni ih širi prema spolja od centra u obliku kruga.
- 2Podesite boje i tačke prelaza. Kliknite na uzorak boje da je izaberete i prevucite klizač da pomerite tačku prelaza. Dodajte do 8 tačaka ili ih uklonite do 2, a za brzu ideju pritisnite Nasumično.
- 3Izaberite veličinu slike. Dodirnite unapred podešenu veličinu (desktop, telefon, kvadrat, društvene mreže) ili unesite prilagođenu širinu i visinu u pikselima. Pregled se ažurira uživo.
- 4Preuzmite PNG. Kliknite Preuzmi PNG da sačuvate gradijent kao sliku u punoj rezoluciji, ili kopirajte CSS kod da ponovo iskoristite isti gradijent u kodu.
Kome je namenjen
- Dizajnerima i kreatorima sadržaja kojima treba čista pozadinska slika sa gradijentom za slajd, sličicu, baner ili priču bez otvaranja Photoshopa.
- Korisnicima telefona i računara koji prave prilagođenu pozadinu sa gradijentom tačno u rezoluciji svog ekrana.
- Developerima kojima treba laka PNG slika gradijenta kao placeholder ili hero slika, uz odgovarajući CSS kod za reprodukciju u kodu.
- Menadžerima društvenih mreža koji izvoze pozadine sa gradijentom u skladu sa brendom, u veličinama za objave, priče i naslovne slike.
Česta pitanja
Da li je ovaj generator gradijenta besplatan?
Da - 100% besplatan, bez registracije, bez vodenih žigova i bez ograničenja. Napravite i preuzmite koliko god slika gradijenta želite.
Da li se išta šalje na server?
Ne. Gradijent se u potpunosti crta i čuva u vašem pregledaču pomoću canvasa. Nijedna boja, slika ili podatak o korišćenju se ne šalje nigde.
U kom formatu slike se izvozi?
Izvozi se PNG, koji čuva gradijent savršeno glatkim i bez gubitaka, bez artefakata kompresije. Fajl se čuva u punoj veličini u pikselima koju ste podesili, spreman za korišćenje kao pozadina ekrana, pozadina ili prenos.
Koju veličinu da napravim za pozadinu sa gradijentom?
Prilagodite je svom ekranu. Uobičajeni izbori su 1920x1080 za većinu računara, 1080x1920 za telefon u portretnom prikazu i 1080x1080 za kvadratnu objavu na društvenim mrežama. Takođe možete uneti bilo koju prilagođenu širinu i visinu do 8000 piksela.
Koja je razlika između linearnog i radijalnog gradijenta?
Linearni gradijent spaja boje duž prave linije pod uglom koji izaberete, tako da se boja menja duž cele slike. Radijalni gradijent počinje iz centralne tačke i širi se prema spolja u obliku kruga, tako da se boja menja od sredine ka ivicama.
Mogu li da dobijem i CSS kod uz sliku?
Da. Uz PNG sliku koju možete preuzeti, alat prikazuje odgovarajući background-image CSS kod. Kopirajte ga da reprodukujete potpuno isti gradijent na sajtu ili u aplikaciji umesto korišćenja slikovnog fajla.
Kako funkcionišu tačke prelaza boja?
Svaka tačka prelaza povezuje boju sa pozicijom od 0% do 100% duž gradijenta. Prelaz glatko teče između susednih tačaka. Postavljanje dve tačke na istu poziciju stvara oštru ivicu umesto blagog prelaza, što je korisno za pruge ili pozadine sa blokovima boja.