Optimizimi dhe ruajtja e imazheve GIF

Pasi të krijoni një animacion në Photoshop, ju duhet ta ruani atë në një prej formateve në dispozicion, njëra prej të cilave është GIF. Një tipar i këtij formati është që ai është i destinuar për shfaqje (rishikim) në një shfletues.

Nëse jeni të interesuar për opsione të tjera për ruajtjen e animacionit, ju rekomandojmë të lexoni këtë artikull:

Mësimi: Si të ruani një video në Photoshop

Procesi i krijimit GIF animacioni u përshkrua në një nga mësimet e mëparshme, dhe sot ne do të flasim për mënyrën e ruajtjes së skedarit në format GIF dhe në lidhje me cilësimet e optimizmit.

Mësimi: Krijoni një animacion të thjeshtë në Photoshop

Kursim GIF

Së pari, le të përsërisim materialin dhe të njihemi me dritaren e cilësimeve të ruajtjes. Ai hapet duke klikuar në artikull. Kurseni për Web në meny "File".

Dritarja përbëhet nga dy pjesë: një bllok paraprake

dhe bllokimet e cilësimeve.

Blloku i shikimit

Zgjedhja e numrit të opsioneve të shikimit zgjidhet në krye të bllokut. Në varësi të nevojave tuaja, ju mund të zgjidhni cilësimin e dëshiruar.

Imazhi në secilën dritare, përveç origjinalit, është konfiguruar veçmas. Kjo është bërë në mënyrë që ju të mund të zgjidhni opsionin më të mirë.

Në pjesën e sipërme të majtë të bllokut është një grup i vogël mjetesh. Do të përdorim vetëm "Hand" dhe "Zoom".

nga "Hands" Mund ta zhvendosni figurën brenda dritares së zgjedhur. Përzgjedhja bëhet gjithashtu nga ky mjet. "Zoom" kryen të njëjtin veprim. Mund të zmadhoni dhe zmadhoni me butonat në fund të bllokut.

Më poshtë është një buton me mbishkrimin "View". Ai hap opsionin e zgjedhur në shfletuesin parazgjedhur.

Në dritaren e shfletuesit, përveç një grupi të parametrave, mund të marrim gjithashtu Kodi HTML SIFCO.

Blloku i cilësimeve

Në këtë bllok, parametrat e figurës janë rregulluar, ne do t'i shqyrtojmë në më shumë detaje.

1. Skema e ngjyrave. Kjo cilësim përcakton se cila tabelë e ngjyrave të indeksuara do të aplikohet në imazh gjatë optimizmit.

   

   • perceptual, por thjesht një "skemë perceptimi". Kur aplikohet, Photoshop krijon një tabelë me ngjyra, të udhëhequr nga ngjyrat aktuale të figurës. Sipas zhvilluesve, kjo tabelë është sa më e afërt me mënyrën sesi syri i njeriut i sheh ngjyrat. Plus - imazhi më i afërt me origjinalin, ngjyrat ruhen maksimalisht.
   • selektiv Skema është e ngjashme me atë të mëparshmja, por kryesisht përdor ngjyrat që janë të sigurta për uebin. Ekziston gjithashtu një theks në shfaqjen e hijeve afër origjinalit.
   • adaptive. Në këtë rast, tabela është krijuar nga ngjyrat që janë më të zakonshme në imazh.
   • i kufizuar. Përbëhet nga 77 ngjyra, disa prej të cilave zëvendësohen me të bardha në formën e një pike (kokërr).
   • me porosi. Kur zgjidhni këtë skemë, bëhet e mundur të krijoni paletën tuaj.
   • E zezë dhe e bardhë. Vetëm dy ngjyra përdoren në këtë tabelë (e zezë dhe e bardhë), duke përdorur gjithashtu madhësinë e kokrrës.
   • Në shkallën gri. 84 nivele të ndryshme të hijeve të gri përdoren këtu.
   • MacOS dhe Windows. Këto tabela përpilohen bazuar në tiparet e shfaqjes së imazheve në shfletuesit që drejtojnë këto sisteme operative.

   Këtu janë disa shembuj të përdorimit të qarkut.

   

   Siç mund ta shihni, tre mostrat e para janë me cilësi mjaft të pranueshme. Përkundër faktit se vizualisht ato pothuajse nuk ndryshojnë nga njëra-tjetra, këto skema do të funksionojnë ndryshe në imazhe të ndryshme.

2. Numri maksimal i ngjyrave në një tabelë me ngjyra.

   

   Numri i hijeve në figurë ndikon drejtpërdrejt në peshën e tij, dhe në përputhje me rrethanat, shpejtësinë e shkarkimit në shfletues. Vlera më e përdorur zakonisht 128, pasi që një vendosje e tillë pothuajse nuk ka asnjë efekt në cilësi, ndërsa zvogëlon peshën e gif.

   

3. Ngjyra në internet. Kjo cilësim vendos tolerancën me të cilën hijet kthehen në ekuivalente nga një paletë e sigurt e Uebit. Pesha e skedarit përcaktohet nga vlera e vendosur nga rrëshqitësi: vlera është më e lartë - skedari është më i vogël. Kur vendosni ngjyrat e uebit, mos harroni gjithashtu cilësinë.

   

   Një shembull:

   

4. Zhdukja ju lejon të rregulloni tranzicionet midis ngjyrave duke përzierur hijet e përfshira në tabelën e indeksimit të zgjedhur.

   

   Gjithashtu, rregullimi do të ndihmojë, aq sa është e mundur, në ruajtjen e gradienteve dhe integritetit të seksioneve monofonike. Kur aplikohet tharja, pesha e skedarit rritet.

   Një shembull:

   

5. Transparenca. format GIF mbështet vetëm piksele absolutisht transparente ose absolutisht të errët.

   

   Ky parametër, pa rregullim shtesë, tregon dobët linjat e lakuar, duke lënë shkallë pixel.

   

   Quhet akordim i imët "Matt" (në disa botime "Border"). Me ndihmën e saj, konfigurohet përzierja e pikselave të figurës me sfondin e faqes në të cilën do të vendoset. Për shfaqjen më të mirë, zgjidhni një ngjyrë që përputhet me ngjyrën e sfondit të faqes.

   

6. Gërshetohet. Një nga më të dobishmet për cilësimet e Uebit. Në atë rast, nëse skedari ka peshë të konsiderueshme, ju lejon të tregoni menjëherë figurën në faqe, duke përmirësuar cilësinë e saj pasi ngarkohet.

   

7. Konvertimi sRGB ndihmon për të mbajtur maksimumin e ngjyrave origjinale të figurës gjatë ruajtjes.

   

rregullim "Zhdukja e transparencës" degradon dukshëm cilësinë e figurës, dhe në lidhje me parametrin "Lost" do të flasim në pjesën praktike të mësimit.

Për të kuptuar më mirë procesin e vendosjes së kursimit të GIF në Photoshop, duhet të praktikoni.

Praktikë

Qëllimi i optimizmit të imazheve për Internetin është të minimizoni peshën e skedarëve duke ruajtur cilësinë.

1. Pas përpunimit të figurës, shkoni te menuja Skedari - Kurseni për Ueb.
2. Vendosëm mënyrën e shikimit "4 opsione".

   

3. Tjetra, duhet të bëni një nga opsionet sa më të ngjashme me origjinalin që të jetë e mundur. Le të jetë fotografia në të djathtë të burimit. Kjo është bërë në mënyrë që të vlerësohet madhësia e skedarit në cilësinë maksimale.

   Parametrat e parametrave janë si më poshtë:

   • Skema e ngjyrave "Selektiv".
   • "Colors" - 265.
   • "Nervoza" - "Aksidentale", 100 %.
   • Ne heqim agimin para parametrit "Gërshetohet", pasi vëllimi përfundimtar i figurës do të jetë mjaft i vogël.
   • Ngjyrat e Uebit dhe "Lost" - zero.

     

   Krahasoni rezultatin me origjinalin. Në pjesën e poshtme të dritares me mostrën, ne mund të shohim madhësinë aktuale të GIF dhe shpejtësinë e saj të shkarkimit me shpejtësinë e treguar të Internetit.

   

4. Shkoni te fotografia më poshtë konfiguruar vetëm. Le të përpiqemi ta zgjedhim atë.
   • Ne e lëmë skemën të pandryshuar.
   • Numri i ngjyrave është reduktuar në 128.
   • vlerë "Nervoza" zvogëlohet në 90%.
   • Ngjyra në internet ne nuk prekim, sepse në këtë rast nuk do të na ndihmojë të ruajmë cilësinë.

     

   Madhësia e GIF u ul nga 36.59 KB në 26.85 KB.

   

5. Meqenëse fotografia tashmë ka disa kokrriza dhe defekte të vogla, ne do të përpiqemi të rritemi "Lost". Ky parametër përcakton nivelin e pranueshëm të humbjes së të dhënave gjatë kompresimit. GIF. Ndryshoni vlerën në 8.

   

   Ne arritëm të zvogëlojmë më tej madhësinë e skedarit, ndërsa humbëm pak në cilësi. GIF tani peshojnë 25.9 kilobajt.

   

   Në total, ne kemi qenë në gjendje të zvogëlojmë madhësinë e figurës me rreth 10 KB, që është më shumë se 30%. Një rezultat shumë i mirë.

6. Veprimet e mëtutjeshme janë shumë të thjeshta. Klikoni në butonin "Save".

   

   Zgjidhni një vend për të kursyer, jepni emrin e gif dhe përsëri klikoni "Ruaj ".

   

   Ju lutemi vini re se ekziston një mundësi me GIF krijoni dhe HTML dokument në të cilin fotografia jonë do të ngulitet. Për ta bërë këtë, është më mirë të zgjidhni një dosje të zbrazët.

   

   Si rezultat, marrim një faqe dhe një dosje me një imazh.

   

Këshillë: kur emërtoni një skedar, përpiquni të mos përdorni karaktere cirilike, pasi jo të gjithë shfletuesit janë në gjendje t'i lexojnë ato.

Ky është mësimi për ruajtjen e imazhit në format GIF përfunduar. Në të zbuluam se si të zgjedhim një skedar për postim në internet.