Većina alata za gradijente daje vam samo redak CSS koda. Ovaj alat iscrtava gradijent na pravi canvas i omogućuje vam da preuzmete gotovu PNG sliku u točnoj veličini u pikselima koja vam treba - pozadinu za telefon, desktop pozadinu 1920x1080, kvadratnu objavu za društvene mreže ili prilagođenu dimenziju. Ništa se ne šalje na poslužitelj: slika se u potpunosti crta i sprema na vašem uređaju, pa vaše boje i datoteke ostaju privatne.
Besplatni Generator Gradijenta
Radi u cijelosti u pregledniku - bez slanja podataka i bez registracije.
Vrsta
Veličina slike
px
Točke prijelaza boja
Sprema pravi PNG veličine 1920×1080 px
Što je generator gradijenta?
Generator gradijenta je alat koji stapa dvije ili više boja u glatki prijelaz i izvozi ga kao sliku koju možete preuzeti. Odaberite boje i točke prijelaza, izaberite linearni ili radijalni oblik, postavite veličinu i spremite PNG za pozadinu ekrana, banner ili sličicu. Sve se odvija u vašem pregledniku.
Kako se koristi
- 1Odaberite linearni ili radijalni. Linearni gradijent stapa boje duž ravne linije pod kutom koji postavite; radijalni ih širi prema van od središta u obliku kruga.
- 2Postavite boje i točke prijelaza. Kliknite uzorak boje da je odaberete i povucite klizač da pomaknete točku prijelaza. Dodajte do 8 točaka ili ih uklonite do 2, a za brzu ideju pritisnite Nasumično.
- 3Odaberite veličinu slike. Dodirnite unaprijed postavljenu veličinu (desktop, telefon, kvadrat, društvene mreže) ili upišite prilagođenu širinu i visinu u pikselima. Pregled se ažurira uživo.
- 4Preuzmite PNG. Kliknite Preuzmi PNG da spremite gradijent kao sliku u punoj rezoluciji, ili kopirajte CSS kod da ponovno upotrijebite isti gradijent u kodu.
Za koga je
- Dizajnerima i kreatorima sadržaja kojima treba čista pozadinska slika s gradijentom za slajd, sličicu, banner ili priču bez otvaranja Photoshopa.
- Korisnicima mobitela i računala koji izrađuju prilagođenu pozadinu s gradijentom točno u rezoluciji svog ekrana.
- Razvojnim programerima kojima treba lagana PNG slika gradijenta kao placeholder ili hero slika, uz odgovarajući CSS kod za reprodukciju u kodu.
- Voditeljima društvenih mreža koji izvoze pozadine s gradijentom u skladu s brendom, u veličinama za objave, priče i naslovne slike.
Česta pitanja
Je li ovaj generator gradijenta besplatan?
Da - 100% besplatan, bez registracije, bez vodenih žigova i bez ograničenja. Izradite i preuzmite koliko god slika gradijenta želite.
Šalje li se išta na poslužitelj?
Ne. Gradijent se u potpunosti crta i sprema u vašem pregledniku pomoću canvasa. Nijedna boja, slika ni podatak o korištenju ne šalje se nikamo.
U kojem se formatu slike izvozi?
Izvozi se PNG, koji čuva gradijent savršeno glatkim i bez gubitaka, bez artefakata kompresije. Datoteka se sprema u punoj veličini u pikselima koju ste postavili, spremna za korištenje kao pozadina ekrana, pozadina ili prijenos.
Koje veličine trebam koristiti za pozadinu s gradijentom?
Prilagodite je svom ekranu. Uobičajeni izbori su 1920x1080 za većinu računala, 1080x1920 za telefon u portretnom prikazu i 1080x1080 za kvadratnu objavu na društvenim mrežama. Također možete unijeti bilo koju prilagođenu širinu i visinu do 8000 piksela.
Koja je razlika između linearnog i radijalnog gradijenta?
Linearni gradijent stapa boje duž ravne linije pod kutom koji odaberete, pa se boja mijenja po cijeloj slici. Radijalni gradijent počinje iz središnje točke i širi se prema van u obliku kruga, pa se boja mijenja od sredine prema rubovima.
Mogu li dobiti i CSS kod uz sliku?
Da. Uz PNG sliku koju možete preuzeti, alat prikazuje odgovarajući background-image CSS kod. Kopirajte ga da reproducirate potpuno isti gradijent na web-stranici ili u aplikaciji umjesto korištenja slikovne datoteke.
Kako funkcioniraju točke prijelaza boja?
Svaka točka prijelaza povezuje boju s pozicijom od 0% do 100% duž gradijenta. Prijelaz glatko teče između susjednih točaka. Postavljanje dviju točaka na istu poziciju stvara oštar rub umjesto blagog prijelaza, što je korisno za pruge ili pozadine s blokovima boja.