Vairums gradientu rīku dod tikai vienu CSS koda rindiņu. Šis rīks atveido gradientu īstā audeklā (canvas) un ļauj lejupielādēt gatavo PNG tieši tādā pikseļu izmērā, kāds jums nepieciešams - tālruņa fonu, 1920x1080 datora fonu, kvadrātveida ierakstu sociālajiem tīkliem vai pielāgotu izmēru. Nekas netiek augšupielādēts: attēls tiek pilnībā uzzīmēts un saglabāts jūsu ierīcē, tāpēc jūsu krāsas un faili paliek privāti.
Bezmaksas Gradienta Ģenerators
Darbojas tikai tavā pārlūkā - bez augšupielādes un reģistrācijas.
Veids
Attēla izmērs
px
Krāsu pieturas punkti
Saglabā īstu PNG izmērā 1920×1080 px
Kas ir gradienta ģenerators?
Gradienta ģenerators ir rīks, kas sapludina divas vai vairākas krāsas gludā pārejā un eksportē to kā attēlu, ko varat lejupielādēt. Izvēlieties krāsas un pieturas punktus, izvēlieties lineāru vai radiālu formu, iestatiet izmēru un saglabājiet PNG ekrāna fonam, banerim vai sīktēlam. Viss notiek jūsu pārlūkprogrammā.
Kā lietot
- 1Izvēlieties lineāru vai radiālu. Lineārais gradients sapludina krāsas gar taisnu līniju jūsu iestatītajā leņķī; radiālais tās izplata uz āru no centra apļa formā.
- 2Iestatiet krāsas un pieturas punktus. Noklikšķiniet uz krāsas parauga, lai to izvēlētos, un velciet slīdni, lai pārvietotu pieturas punktu. Pievienojiet līdz 8 punktiem vai noņemiet līdz 2, bet ātrai idejai spiediet Nejauši.
- 3Izvēlieties attēla izmēru. Pieskarieties iepriekš iestatītam izmēram (dators, tālrunis, kvadrāts, sociālie tīkli) vai ievadiet pielāgotu platumu un augstumu pikseļos. Priekšskatījums atjaunojas tiešraidē.
- 4Lejupielādējiet PNG. Noklikšķiniet uz Lejupielādēt PNG, lai saglabātu gradientu kā attēlu pilnā izšķirtspējā, vai kopējiet CSS kodu, lai to pašu gradientu atkārtoti izmantotu kodā.
Kam noder
- Dizaineriem un satura veidotājiem, kuriem nepieciešams tīrs gradienta fona attēls slaidam, sīktēlam, banerim vai stāstam bez Photoshop atvēršanas.
- Tālruņu un datoru lietotājiem, kuri veido pielāgotu gradienta fonu tieši sava ekrāna izšķirtspējā.
- Izstrādātājiem, kuriem vajadzīgs viegls gradienta PNG kā vietturis vai galvenais attēls, kā arī atbilstošs CSS kods, lai to atveidotu kodā.
- Sociālo tīklu pārziņiem, kuri eksportē zīmolam atbilstošus gradienta fonus ierakstiem, stāstiem un vāka attēliem pareizajā izmērā.
Biežāk uzdotie jautājumi
Vai šis gradienta ģenerators ir bezmaksas?
Jā - 100% bezmaksas, bez reģistrācijas, bez ūdenszīmēm un bez ierobežojumiem. Veidojiet un lejupielādējiet tik daudz gradienta attēlu, cik vien vēlaties.
Vai kaut kas tiek augšupielādēts serverī?
Nē. Gradients tiek pilnībā uzzīmēts un saglabāts jūsu pārlūkprogrammā, izmantojot audeklu (canvas). Neviena krāsa, attēls vai lietošanas dati netiek nosūtīti nekur.
Kādā attēla formātā tas eksportē?
Tas eksportē PNG, kas saglabā gradientu ideāli gludu un bez zudumiem, bez saspiešanas artefaktiem. Fails tiek saglabāts jūsu iestatītajā pilnajā pikseļu izmērā, gatavs lietošanai kā ekrāna fons, fons vai augšupielādei.
Kādu izmēru izvēlēties gradienta ekrāna fonam?
Pielāgojiet to savam ekrānam. Bieži izvēlēti izmēri ir 1920x1080 lielākajai daļai datoru, 1080x1920 tālrunim portreta orientācijā un 1080x1080 kvadrātveida ierakstam sociālajos tīklos. Varat arī ievadīt jebkuru pielāgotu platumu un augstumu līdz 8000 pikseļiem.
Kāda ir atšķirība starp lineāru un radiālu gradientu?
Lineārais gradients sapludina krāsas gar taisnu līniju jūsu izvēlētajā leņķī, tāpēc krāsa mainās gar visu attēlu. Radiālais gradients sākas no centrālā punkta un izplatās uz āru apļa formā, tāpēc krāsa mainās no vidus uz malām.
Vai varu iegūt arī CSS kodu, ne tikai attēlu?
Jā. Līdzās lejupielādējamam PNG rīks parāda atbilstošo background-image CSS kodu. Kopējiet to, lai precīzi to pašu gradientu atveidotu tīmekļa vietnē vai lietotnē, nevis izmantotu attēla failu.
Kā darbojas krāsu pieturas punkti?
Katrs pieturas punkts sapāro krāsu ar pozīciju no 0% līdz 100% gar gradientu. Pāreja gludi notiek starp blakus esošajiem punktiem. Novietojot divus punktus vienā pozīcijā, rodas ass robeža, nevis pakāpeniska pāreja, kas noder svītrām vai krāsu bloku fonu veidošanai.