Jam optimizuar dhe ruajtur imazhet në formatin GIF


Pas krijimit të një animacioni në Photoshop, ju duhet ta ruani në një nga formatet e disponueshme, njëra prej të cilave është GIF. Një veçori e këtij formati është se është projektuar për të shfaqur (luajë) në shfletuesin.

Nëse interesoheni për opsione të tjera për ruajtjen e animacionit, ju rekomandojmë ta lexoni këtë artikull këtu:

Mësimi: Si të kurseni video në Photoshop

Procesi i krijimit GIF Animacioni është përshkruar në një nga mësimet e mëparshme dhe sot ne do të flasim për mënyrën e ruajtjes së skedarit GIF dhe parametrat e optimizimit.

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

Ruajtja e GIF

Për të filluar, përsërisni materialin dhe hidhini një sy në dritaren e cilësimeve të ruajtjes. Hapet duke klikuar mbi artikullin. "Ruaj për Web" në menynë "File".

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

dhe vendosjen e bllokut.

Paraparje bllok

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

Imazhi në secilën dritare, përveç origjinës, konfigurohet veç e veç. Kjo është bërë në mënyrë që ju të zgjidhni opsionin më të mirë.

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

Me ndihmën e "Hands" Ju mund të lëvizni imazhin brenda dritares së zgjedhur. Përzgjedhja është bërë edhe nga ky mjet. "Zoom" kryen të njëjtin veprim. Gjithashtu mund të zmadhoni dhe zmadhoni me butonat në fund të bllokut.

Vetëm më poshtë është butoni i etiketuar "View". Hap opsionin e zgjedhur në shfletuesin e parazgjedhur.

Në dritaren e shfletuesit, përveç një sërë parametrash, mund të marrim gjithashtu Kodi HTML SIFCO.

Parametrat bllokohen

Në këtë bllok, parametrat e imazhit janë ngritur, le të shqyrtojmë atë në më shumë detaje.

  1. Skema e ngjyrave. Ky përcaktim përcakton se cila tabelë me ngjyra të indeksuar do të aplikohet në imazh gjatë optimizimit.

    • perceptual, por thjesht "skemë perceptimi". Kur aplikohet, Photoshop krijon një tabelë ngjyrash, të udhëhequr nga hije aktuale të imazhit. Sipas zhvilluesve, kjo tabelë është sa më afër që të jetë e mundur se si syri i njeriut sheh ngjyra. Plus - më afër imazhit origjinal, ngjyrat janë ruajtur sa më shumë që të jetë e mundur.
    • selektiv Skema është e ngjashme me atë të mëparshme, por kryesisht përdor ngjyra që janë të sigurta për uebin. Gjithashtu fokusohet në shfaqjen e hijeve afër origjinalit.
    • adaptive. Në këtë rast, tabela është krijuar nga ngjyrat që zakonisht gjenden në imazh.
    • i kufizuar. Ai përbëhet nga 77 ngjyra, disa prej të cilave janë zëvendësuar me të bardhë në formën e një pikë (kokërr).
    • me porosi. Kur zgjedh këtë skemë, është e mundur të krijoni paleta tuaj.
    • Bardh e zi. Kjo tabelë përdor vetëm dy ngjyra (të zezë dhe të bardhë), gjithashtu duke përdorur kokrra.
    • Në grayscale. Këtu janë aplikuar 84 nivele të ndryshme të hijeve gri.
    • MacOS dhe Windows. Këto tabela përpilohen në bazë të veçorive të shfaqjes së imazheve në shfletues që drejtojnë këto sisteme operative.

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

    Siç mund ta shihni, tre mostrat e para kanë cilësi mjaft të pranueshme. Përkundër faktit se vizualisht ata vështirë se ndryshojnë nga njëri-tjetri, këto skema do të funksionojnë ndryshe në imazhe të ndryshme.

  2. Numri maksimal i ngjyrave në tabelën e ngjyrave.

    Numri i hijeve në imazh ndikon drejtpërdrejt në peshën e saj, dhe në përputhje me rrethanat, shpejtësinë e shkarkimit në shfletuesin. Vlera më e përdorur zakonisht 128Meqë kjo vendosje pothuajse nuk ka efekt mbi cilësinë, duke reduktuar peshën e gif-it.

  3. Ngjyrat e internetit. Ky cilësim përcakton tolerancën me të cilën ngjyrat konvertohen në ekuivalente nga një paletë e sigurtë e uebit. Pesha e skedarit përcaktohet nga vlera e caktuar nga slider: vlera është më e lartë - skedari është më i vogël. Kur vendosni ngjyrat Web, mos harroni për cilësinë.

    shembull:

  4. Dithering ju lejon të qetë tranzicionit në mes të ngjyrave duke përzier ngjyrave që janë të përfshira në tabelën e indeksit të zgjedhur.

    Rregullimi do të ndihmojë gjithashtu, për aq sa është e mundur, për të ruajtur gradientët dhe integritetin e zonave monokromatike. Kur përdorni dithering, pesha e file rritet.

    shembull:

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

    Ky parametër, pa përshtatje shtesë, tregon dobët linjat e lakuara, duke lënë shkalle piksele.

    Rregullimi quhet "Matt" (në disa botime "Border"). Mund të përdoret për të përzier piksele të imazhit 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 cilësimet më të dobishme për Uebin. Në këtë rast, nëse skedari ka peshë të konsiderueshme, ju lejon të tregoni menjëherë figurën në faqe, pasi është e ngarkuar, duke përmirësuar cilësinë e saj.

  7. Konvertimi i sRGB ndihmon për të ruajtur maksimumin e ngjyrave origjinale të imazhit duke kursyer.

rregullim "Shqyrtimi i transparencës" degradon ndjeshëm cilësinë e imazhit, por në lidhje me parametrin "Lost" ne do të flasim në pjesën praktike të mësimit.

Për një kuptim më të mirë të procesit të krijimit të një gif në Photoshop, ju duhet të praktikoni.

praktikë

Qëllimi i optimizimit të imazheve për internet është që të minimizohet pesha e dosjes duke ruajtur cilësinë.

  1. Pas përpunimit të imazheve shkoni te menyja "File - Save for Web".
  2. Ekspozoni mënyrën e shikimit "4 opsione".

  3. Tjetra ju duhet një nga opsionet për të bërë sa më afër origjinalit. Le të jetë fotografia në të djathtë të burimit. Kjo është bërë në mënyrë që të vlerësohet madhësia e skedarit me cilësi maksimale.

    Cilësimet e parametrave janë si më poshtë:

    • Skema e ngjyrave "Selektiv".
    • "Colors" - 265.
    • "Nervoza" - "Aksidentale", 100 %.
    • Hiq kutinë e kontrollit para parametrit "Gërshetohet", sepse vëllimi përfundimtar i imazhit do të jetë mjaft i vogël.
    • "Ngjyrat e uebit" dhe "Lost" - zero.

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

  4. Shko në foton më poshtë vetëm konfiguruar. Le të përpiqemi ta zgjedhim atë.
    • Skema është lënë e pandryshuar.
    • Numri i ngjyrave reduktohet në 128.
    • vlerë "Nervoza" reduktohet në 90%.
    • Ngjyrat e internetit mos prekni, sepse në këtë rast nuk do të na ndihmojë të ruajmë cilësinë.

    Madhësia e GIF-it ka rënë nga 36.59 KB në 26.85 KB.

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

    Ne kemi arritur të zvogëlojmë më tej madhësinë e skedarit, duke humbur pak në cilësi. Gifka tani peshon 25.9 kilobajt.

    Pra, ne kemi qenë në gjendje të zvogëlojmë madhësinë e imazhit me rreth 10 KB, që është më shumë se 30%. Rezultati shumë i mirë.

  6. Veprimet e mëtejshme janë shumë të thjeshta. Shtyjeni butonin "Save".

    Zgjidhni një vend për të ruajtur, jepni emrin e gif dhe pastaj klikoni "Ruaj ".

    Ju lutem vini re se ka një mundësi së bashku me të GIF krijoni dhe HTML dokumenti në të cilin do të futet imazhi ynë. Për këtë është më mirë të zgjidhni një dosje të zbrazët.

    Si rezultat, ne kemi një faqe dhe një dosje me një imazh.

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

Në këtë mësim për ruajtjen e imazheve në format GIF përfunduar. Në të, ne kemi gjetur se si të zgjedh file për vendosje në internet.