Optimeiddio a chadw delweddau yn fformat GIF


Ar ôl creu animeiddiad yn Photoshop, mae angen i chi ei gadw mewn un o'r fformatau sydd ar gael, un ohonynt yw Gif. Un o nodweddion y fformat hwn yw ei fod wedi'i ddylunio i arddangos (chwarae) yn y porwr.

Os oes gennych ddiddordeb mewn opsiynau eraill ar gyfer arbed yr animeiddiad, rydym yn argymell darllen yr erthygl hon yma:

Gwers: Sut i arbed fideo yn Photoshop

Y broses greu Gif Disgrifiwyd yr animeiddiad yn un o'r gwersi blaenorol, a heddiw byddwn yn siarad am sut i gadw'r ffeil i mewn Gif a gosodiadau optimeiddio.

Gwers: Creu animeiddiad syml yn Photoshop

Arbed GIF

I ddechrau, ailadroddwch y deunydd ac edrychwch ar ffenestr y gosodiadau arbed. Mae'n agor trwy glicio ar yr eitem. "Save for Web" yn y fwydlen "Ffeil".

Mae dwy ran i'r ffenestr: bloc rhagolwg

a gosodiadau bloc.

Bloc rhagolwg

Dewisir nifer yr opsiynau gwylio ar frig y bloc. Yn dibynnu ar eich anghenion, gallwch ddewis y lleoliad a ddymunir.

Mae'r ddelwedd ym mhob ffenestr, ac eithrio'r gwreiddiol, wedi'i ffurfweddu ar wahân. Gwneir hyn fel y gallwch ddewis yr opsiwn gorau.

Yn y rhan chwith uchaf o'r bloc mae set fach o offer. Byddwn yn defnyddio dim ond "Llaw" a "Graddfa".

Gyda chymorth "Dwylo" Gallwch symud y ddelwedd y tu mewn i'r ffenestr a ddewiswyd. Gwneir y dewis hefyd gan yr offeryn hwn. "Graddfa" yn cyflawni'r un gweithredu. Gallwch hefyd chwyddo i mewn ac allan gyda'r botymau ar waelod y bloc.

Isod mae'r botwm wedi'i labelu "Gweld". Mae'n agor yr opsiwn a ddewiswyd yn y porwr rhagosodedig.

Yn ffenestr y porwr, yn ogystal â set o baramedrau, gallwn hefyd gael Cod HTML gifs

Bloc gosodiadau

Yn y bloc hwn, caiff y paramedrau delwedd eu sefydlu, gadewch i ni ei ystyried yn fanylach.

  1. Cynllun lliw. Mae'r lleoliad hwn yn pennu pa dabl lliw wedi'i fynegeio fydd yn cael ei roi ar y ddelwedd yn ystod y broses optimeiddio.

    • Canfyddiadol, ond dim ond "cynllun canfyddiad". Pan gaiff ei gymhwyso, mae Photoshop yn creu tabl o liwiau, wedi'u harwain gan arlliwiau presennol y ddelwedd. Yn ôl y datblygwyr, mae'r tabl hwn mor agos â phosibl at sut mae'r llygad dynol yn gweld lliwiau. Hefyd - yn agosach at y ddelwedd wreiddiol, caiff y lliwiau eu harbed cymaint â phosibl.
    • Dewisol Mae'r cynllun yn debyg i'r un blaenorol, ond mae'n defnyddio lliwiau sy'n ddiogel ar gyfer y we yn bennaf. Mae hefyd yn canolbwyntio ar arddangos arlliwiau yn agos at y gwreiddiol.
    • Addasol. Yn yr achos hwn, caiff y tabl ei greu o liwiau sy'n fwy cyffredin yn y ddelwedd.
    • Cyfyngedig. Mae'n cynnwys 77 o liwiau, gyda rhai ohonynt yn cael eu disodli gan wyn ar ffurf dot (grawn).
    • Addaswyd. Wrth ddewis y cynllun hwn, mae'n bosibl creu eich palet eich hun.
    • Du a gwyn. Mae'r tabl hwn yn defnyddio dau liw yn unig (du a gwyn), gan ddefnyddio grawn hefyd.
    • Ar raddfa grai. Yma defnyddir gwahanol lefelau o arlliwiau o lwyd.
    • MacOS a Ffenestri. Mae'r tablau hyn yn cael eu llunio ar sail nodweddion arddangos delweddau mewn porwyr sy'n rhedeg y systemau gweithredu hyn.

    Dyma rai enghreifftiau o ddefnyddio cynlluniau.

    Fel y gwelwch, mae gan y tri sampl cyntaf ansawdd eithaf derbyniol. Er gwaethaf y ffaith nad ydynt, yn weledol, yn wahanol i'w gilydd, bydd y cynlluniau hyn yn gweithio'n wahanol ar wahanol ddelweddau.

  2. Uchafswm y lliwiau yn y tabl lliw.

    Mae nifer y arlliwiau yn y ddelwedd yn effeithio'n uniongyrchol ar ei phwysau, ac yn unol â hynny, cyflymder llwytho i lawr yn y porwr. Y gwerth a ddefnyddir amlaf 128Gan nad oes gan y lleoliad hwn bron unrhyw effaith ar ansawdd, tra'n lleihau pwysau'r gif.

  3. Lliwiau gwe. Mae'r lleoliad hwn yn gosod y goddefgarwch y mae arlliwiau yn cael eu trosi'n gyfwerth â phalet ddiogel ar y we. Pennir pwysau'r ffeiliau gan y gwerth a osodir gan y llithrydd: mae'r gwerth yn uwch - mae'r ffeil yn llai. Wrth sefydlu gwe-liwiau peidiwch ag anghofio am yr ansawdd.

    Enghraifft:

  4. Mae didoli yn eich galluogi i esmwytho'r trawsnewidiadau rhwng lliwiau drwy gyfuno'r arlliwiau sydd wedi'u cynnwys yn y tabl mynegai dethol.

    Bydd addasu hefyd yn helpu, cyn belled ag y bo modd, i gadw graddiannau ac uniondeb ardaloedd monocromatig. Wrth ddefnyddio didoli, mae'r pwysau ar ffeiliau yn cynyddu.

    Enghraifft:

  5. Tryloywder. Fformat Gif yn cefnogi picsel cwbl dryloyw, neu gwbl ddidraidd.

    Mae'r paramedr hwn, heb addasiad ychwanegol, yn arddangos llinellau crwm yn wael, gan adael ysgolion picsel.

    Gelwir addasiad "Frosted" (mewn rhai argraffiadau "Border"). Gellir ei ddefnyddio i gymysgu picsel y ddelwedd â chefndir y dudalen y caiff ei lleoli ynddi. Ar gyfer yr arddangosfa orau, dewiswch liw sy'n cyd-fynd â lliw cefndir y safle.

  6. Wedi'i gysylltu. Un o'r lleoliadau mwyaf defnyddiol ar gyfer y We. Os felly, os oes pwysau sylweddol ar y ffeil, mae'n caniatáu i chi ddangos y llun ar y dudalen ar unwaith, wrth iddo gael ei lwytho, gan wella ei ansawdd.

  7. Mae'r trosiad sRGB yn helpu i gadw uchafswm lliwiau gwreiddiol y ddelwedd wrth gynilo.

Addasu "Dwysáu tryloywder" yn diraddio'n sylweddol ansawdd y ddelwedd, ond am y paramedr "Colledion" byddwn yn siarad yn rhan ymarferol y wers.

I gael y ddealltwriaeth orau o'r broses o sefydlu gifs yn Photoshop, mae angen i chi ymarfer.

Ymarfer

Y nod o optimeiddio delweddau ar gyfer y Rhyngrwyd yw lleihau pwysau'r ffeil tra'n cynnal ansawdd.

  1. Ar ôl prosesu'r delweddau ewch i'r fwydlen "Ffeil - Cadw am We".
  2. Datod y modd gweld "4 opsiwn".

  3. Nesaf mae angen un o'r opsiynau i'w gwneud mor agos â phosibl at y gwreiddiol. Gadewch iddo fod y llun ar ochr dde'r ffynhonnell. Gwneir hyn er mwyn amcangyfrif maint y ffeil gydag ansawdd uchaf.

    Mae'r gosodiadau paramedr fel a ganlyn:

    • Cynllun lliw "Dewisol".
    • "Lliwiau" - 265.
    • "Dinging" - "Ar hap", 100 %.
    • Tynnwch y blwch gwirio o flaen y paramedr "Rhyngwyneb", oherwydd bydd cyfaint terfynol y ddelwedd yn eithaf bach.
    • "Lliwiau gwe" a "Colledion" - sero.

    Cymharwch y canlyniad â'r gwreiddiol. Ar waelod ffenestr y sampl, gallwn weld maint cyfredol y gif a'i gyflymder llwytho i lawr ar gyflymder y Rhyngrwyd a nodwyd.

  4. Ewch i'r llun isod yn unig. Gadewch i ni geisio ei optimeiddio.
    • Nid yw'r cynllun wedi'i newid.
    • Gostyngir nifer y lliwiau i 128.
    • Ystyr "Dinging" wedi gostwng i 90%.
    • Lliwiau gwe peidiwch â chyffwrdd, oherwydd yn yr achos hwn ni fydd yn ein helpu i gynnal ansawdd.

    Gostyngodd maint GIF o 36.59 KB i 26.85 KB.

  5. Gan fod yna eisoes rai grawn a diffygion bach yn y llun, byddwn yn ceisio cynyddu "Colledion". Mae'r paramedr hwn yn pennu'r lefel dderbyniol o golli data yn ystod cywasgu. Gif. Newidiwch y gwerth i 8.

    Llwyddwyd i leihau maint y ffeil ymhellach, gan golli ychydig o ran ansawdd. Mae Gifka bellach yn pwyso 25.9 kilobytes.

    Felly, roeddem yn gallu lleihau maint y ddelwedd tua 10 KB, sy'n fwy na 30%. Canlyniad da iawn.

  6. Mae camau gweithredu pellach yn syml iawn. Gwthiwch y botwm "Save".

    Dewiswch le i gynilo, rhowch enw'r gif, ac yna cliciwch "Cadw ".

    Sylwer bod posibilrwydd hefyd Gif creu a HTML y ddogfen y caiff ein darlun ei hymgorffori ynddi. Ar gyfer hyn mae'n well dewis ffolder wag.

    O ganlyniad, rydym yn cael tudalen a ffolder gyda delwedd.

Awgrym: wrth enwi ffeil, ceisiwch beidio â defnyddio cymeriadau Cyrillic, gan nad yw pob porwr yn gallu eu darllen.

Yn y wers hon ar arbed delweddau mewn fformat Gif wedi'i gwblhau. Ar y dudalen hon, cawsom wybod sut i optimeiddio'r ffeil ar gyfer lleoli ar y Rhyngrwyd.