Večina orodij za prelive vam ponudi le vrstico CSS kode. To orodje izriše preliv na pravo platno (canvas) in vam omogoča, da prenesete končan PNG v natančni velikosti v slikovnih pikah, ki jo potrebujete - ozadje za telefon, namizno ozadje 1920x1080, kvadratno objavo za družbena omrežja ali poljubno mero. Nič se ne naloži na strežnik: slika se v celoti nariše in shrani na vaši napravi, tako da vaše barve in datoteke ostanejo zasebne.
Brezplačni Generator Gradientov
Vse poteka v vašem brskalniku - brez nalaganja, brez registracije.
Vrsta
Velikost slike
px
Prelivne točke
Shrani pravi PNG velikosti 1920×1080 px
Kaj je generator gradientov?
Generator gradientov je orodje, ki dve ali več barv zlije v gladek preliv in ga izvozi kot sliko, ki jo lahko prenesete. Izberite barve in prelivne točke, izberite linearno ali radialno obliko, nastavite velikost in shranite PNG za ozadje zaslona, pasico ali sličico. Vse deluje kar v vašem brskalniku.
Kako uporabljati
- 1Izberite linearni ali radialni preliv. Linearni preliv zlije barve vzdolž ravne črte pod kotom, ki ga nastavite; radialni jih širi navzven od središča v obliki kroga.
- 2Nastavite barve in prelivne točke. Kliknite vzorec barve, da jo izberete, in povlecite drsnik, da premaknete prelivno točko. Dodajte do 8 točk ali jih odstranite do 2, za hiter navdih pa pritisnite Naključno.
- 3Izberite velikost slike. Tapnite prednastavitev (namizje, telefon, kvadrat, družbena omrežja) ali vnesite poljubno širino in višino v slikovnih pikah. Predogled se posodablja v živo.
- 4Prenesite PNG. Kliknite Prenesi PNG, da shranite preliv kot sliko v polni ločljivosti, ali kopirajte CSS kodo, da isti preliv ponovno uporabite v kodi.
Komu je namenjeno
- Oblikovalcem in ustvarjalcem vsebin, ki potrebujejo čisto ozadje s prelivom za diapozitiv, sličico, pasico ali zgodbo, ne da bi odprli Photoshop.
- Uporabnikom telefonov in namiznih računalnikov, ki ustvarjajo ozadje z barvnim prelivom po meri, natančno v ločljivosti svojega zaslona.
- Razvijalcem, ki želijo lahek PNG s prelivom kot ogrodje ali osrednjo sliko, poleg tega pa še ustrezno CSS kodo za ponovitev v kodi.
- Upravljavcem družbenih omrežij, ki izvažajo ozadja s prelivom, skladna z blagovno znamko, v velikostih za objave, zgodbe in naslovne slike.
Pogosta vprašanja
Je ta generator gradientov brezplačen?
Da - 100 % brezplačen, brez registracije, brez vodnih žigov in brez omejitev. Ustvarite in prenesite toliko slik s prelivom, kolikor želite.
Ali se karkoli naloži na strežnik?
Ne. Preliv se v celoti nariše in shrani v vašem brskalniku s pomočjo platna. Nobena barva, slika ali podatek o uporabi se ne pošlje nikamor.
V katerem slikovnem formatu izvaža?
Izvozi PNG, ki ohrani preliv popolnoma gladek in brez izgub, brez artefaktov stiskanja. Datoteka se shrani v polni velikosti v slikovnih pikah, ki ste jo nastavili, pripravljena za uporabo kot ozadje zaslona, ozadje ali nalaganje.
Kakšno velikost naj izberem za ozadje s prelivom?
Prilagodite jo svojemu zaslonu. Pogoste izbire so 1920x1080 za večino namiznih računalnikov, 1080x1920 za telefon v pokončnem položaju in 1080x1080 za kvadratno objavo na družbenih omrežjih. Vnesete lahko tudi poljubno širino in višino do 8000 slikovnih pik.
Kakšna je razlika med linearnim in radialnim prelivom?
Linearni preliv zlije barve vzdolž ravne črte pod kotom, ki ga izberete, tako da se barva spreminja po celotni sliki. Radialni preliv se začne v središčni točki in se širi navzven v obliki kroga, tako da se barva spreminja od sredine proti robovom.
Ali lahko poleg slike dobim tudi CSS kodo?
Da. Poleg PNG slike za prenos orodje prikaže tudi ustrezno CSS kodo background-image. Kopirajte jo, da natanko isti preliv ponovite na spletni strani ali v aplikaciji namesto uporabe slikovne datoteke.
Kako delujejo prelivne točke barv?
Vsaka prelivna točka poveže barvo s položajem od 0 % do 100 % vzdolž preliva. Prehod med sosednjimi točkami poteka gladko. Če postavite dve točki na isti položaj, nastane oster rob namesto prehoda, kar je uporabno za proge ali ozadja z barvnimi bloki.