Dauguma gradiento įrankių duoda jums tik CSS kodo eilutę. Šis įrankis atvaizduoja gradientą tikroje drobėje (canvas) ir leidžia atsisiųsti paruoštą PNG tiksliai tokio pikselių dydžio, kokio jums reikia - telefono foną, 1920x1080 darbalaukio foną, kvadratinį įrašą socialiniams tinklams ar pasirinktinį dydį. Niekas neišsiunčiama į serverį: vaizdas visiškai piešiamas ir išsaugomas jūsų įrenginyje, todėl jūsų spalvos ir failai išlieka privatūs.
Nemokamas Gradiento Generatorius
Veikia tik jūsų naršyklėje - nieko neįkeliama, registracija nereikalinga.
Tipas
Vaizdo dydis
px
Spalvų sustojimo taškai
Išsaugo tikrą PNG dydžio 1920×1080 px
Kas yra gradiento generatorius?
Gradiento generatorius - tai įrankis, kuris sumaišo dvi ar daugiau spalvų į sklandų perėjimą ir eksportuoja jį kaip vaizdą, kurį galite atsisiųsti. Pasirinkite spalvas ir sustojimo taškus, pasirinkite linijinį ar spindulinį tipą, nustatykite dydį ir išsaugokite PNG darbalaukio fonui, foną, baneriui ar miniatiūrai. Viskas veikia jūsų naršyklėje.
Kaip naudotis
- 1Pasirinkite linijinį arba spindulinį. Linijinis gradientas maišo spalvas išilgai tiesios linijos jūsų nustatytu kampu; spindulinis jas skleidžia į išorę nuo centro apskritimo forma.
- 2Nustatykite spalvas ir sustojimo taškus. Spustelėkite spalvos pavyzdį, kad ją pasirinktumėte, ir tempkite šliaužiklį, kad perkeltumėte sustojimo tašką. Pridėkite iki 8 taškų arba pašalinkite iki 2, o greitai idėjai spustelėkite Atsitiktinai.
- 3Pasirinkite vaizdo dydį. Palieskite iš anksto nustatytą dydį (darbalaukis, telefonas, kvadratas, socialiniai tinklai) arba įveskite pasirinktinį plotį ir aukštį pikseliais. Peržiūra atnaujinama gyvai.
- 4Atsisiųskite PNG. Spustelėkite Atsisiųsti PNG, kad išsaugotumėte gradientą kaip vaizdą pilna raiška, arba nukopijuokite CSS kodą, kad tą patį gradientą pakartotinai naudotumėte kode.
Kam pravers
- Dizaineriams ir turinio kūrėjams, kuriems reikia švaraus gradiento fono vaizdo skaidrei, miniatiūrai, baneriui ar istorijai neatidarant Photoshop.
- Telefonų ir kompiuterių naudotojams, kuriantiems pasirinktinį gradiento foną tiksliai savo ekrano raiška.
- Programuotojams, kuriems reikia lengvo gradiento PNG kaip vietos rezervavimo ar pagrindinio vaizdo, kartu su atitinkamu CSS kodu, kad tą patį atkurtų kode.
- Socialinių tinklų valdytojams, eksportuojantiems prekės ženklui tinkančius gradiento fonus, pritaikytus įrašams, istorijoms ir viršelio vaizdams.
DUK
Ar šis gradiento generatorius nemokamas?
Taip - 100 % nemokamas, be registracijos, be vandenženklių ir be jokių apribojimų. Kurkite ir atsisiųskite tiek gradiento vaizdų, kiek norite.
Ar kas nors išsiunčiama į serverį?
Ne. Gradientas visiškai piešiamas ir išsaugomas jūsų naršyklėje naudojant drobę (canvas). Jokios spalvos, vaizdai ar naudojimo duomenys niekur nesiunčiami.
Kokiu vaizdo formatu eksportuojama?
Eksportuojama PNG formatu, kuris išlaiko gradientą visiškai sklandų ir be nuostolių, be suspaudimo artefaktų. Failas išsaugomas jūsų nustatyto pilno pikselių dydžio, paruoštas naudoti kaip darbalaukio fonas, fonas ar įkėlimui.
Kokio dydžio turėčiau daryti gradiento darbalaukio foną?
Pritaikykite prie savo ekrano. Dažni pasirinkimai yra 1920x1080 daugumai kompiuterių, 1080x1920 telefonui vertikalioje padėtyje ir 1080x1080 kvadratiniam įrašui socialiniuose tinkluose. Taip pat galite įvesti bet kokį pasirinktinį plotį ir aukštį iki 8000 pikselių.
Kuo skiriasi linijinis ir spindulinis gradientas?
Linijinis gradientas maišo spalvas išilgai tiesios linijos jūsų pasirinktu kampu, todėl spalva keičiasi per visą vaizdą. Spindulinis gradientas prasideda nuo centrinio taško ir sklinda į išorę apskritimo forma, todėl spalva keičiasi nuo vidurio link kraštų.
Ar galiu gauti ir CSS kodą, ir vaizdą?
Taip. Kartu su atsisiunčiamu PNG įrankis rodo atitinkamą background-image CSS kodą. Nukopijuokite jį, kad tiksliai tą patį gradientą atkurtumėte svetainėje ar programėlėje vietoj vaizdo failo naudojimo.
Kaip veikia spalvų sustojimo taškai?
Kiekvienas sustojimo taškas susieja spalvą su padėtimi nuo 0 % iki 100 % išilgai gradiento. Perėjimas sklandžiai vyksta tarp kaimyninių taškų. Padėjus du taškus toje pačioje padėtyje, gaunamas ryškus kraštas vietoj sklandaus perėjimo, kas naudinga juostoms ar spalvų blokų fonams.