Օպտիմալացնել եւ պահել պատկերները GIF ձեւաչափով

Photoshop- ում անիմացիոն ստեղծումից հետո դուք պետք է պահպանեք այն առկա ձեւաչափերից մեկում, որոնցից մեկը Gif. Այս ձեւաչափի առանձնահատկությունն այն է, որ այն նախատեսված է դիտելու (նվագելու) դիտարկիչում:

Եթե ​​հետաքրքրված եք անիմացիան փրկելու այլ տարբերակներով, խորհուրդ ենք տալիս կարդալ այս հոդվածը այստեղ:

Դաս: Ինչպես փրկել տեսանյութը Photoshop- ում

Ստեղծման գործընթաց Gif Անիմացիան նկարագրվել է նախկին դասերից մեկում, եւ այսօր մենք կխոսենք այն մասին, թե ինչպես է փրկել ֆայլը Gif եւ օպտիմալացման պարամետրերը:

Դաս: Ստեղծել պարզ անիմացիա Photoshop- ում

Պահպանելով GIF- ը

Սկսեք, կրկնել նյութը եւ դիտեք փրկության պարամետրերի պատուհանը: Այն բացվում է տարրը սեղմելով: «Պահպանեք վեբ» մենյուում «Ֆայլ».

Պատուհանը բաղկացած է երկու մասից `նախադիտման բլոկ

եւ արգելափակման կարգավորումները:

Նախադիտման բլոկ

Բլոկի վերեւում ընտրված դիտման տարբերակների ընտրությունը ընտրվում է: Կախված ձեր պահանջներից, կարող եք ընտրել ցանկալի կարգավորումները:

Յուրաքանչյուր պատուհանում պատկերը, բացի բնօրինակը, կազմաձեւված է առանձին: Դա արվում է այնպես, որ ընտրեք լավագույն տարբերակը:

Բլոկի վերին ձախ մասում կա մի փոքր գործիքներ: Մենք կօգտագործենք միայն «Ձեռք» եւ «Սանդղակ».

Օգնությամբ «Ձեռքեր» Դուք կարող եք պատկերն ընտրել ընտրված պատուհանին ներսում: Ընտրությունը կատարվում է նաեւ այս գործիքի կողմից: «Սանդղակ» կատարում է նույն գործողությունը: Դուք կարող եք նաեւ մեծացնել եւ դուրս բլոկի ներքեւի կոճակները:

Ստորեւ ստորեւ նշված կոճակը "Դիտել". Այն բացում է ընտրված տարբերակը կանխադրված դիտարկիչում:

Զննարկչի պատուհանում, ի լրումն մի շարք պարամետրերի, կարող ենք նաեւ ստանալ HTML կոդը gifs

Կարգավորումների բլոկ

Այս բլոկում ստեղծվում է պատկերի պարամետրերը, եկեք դիտենք այն ավելի մանրամասն:

1. Գույնի սխեման: Այս պարամետրը որոշում է, թե որ ինդեքսավորված գունավոր աղյուսակը կկիրառվի պատկերին օպտիմալացման ընթացքում:

   

   • Perceptual, այլ պարզապես «ընկալման սխեմա»: Երբ կիրառվում է, Photoshop- ը ստեղծում է գույնի սեղան, որը առաջնորդվում է ներկայի ներկայիս երանգներով: Ըստ մշակողների, այս աղյուսակը հնարավորինս մոտ է, թե ինչպես է մարդու աչքը տեսնում գույները: Plus - բնօրինակի պատկերին մոտ, գույները հնարավորինս փրկվում են:
   • Ընտրովի Ծրագիրը նման է նախորդին, սակայն այն հիմնականում օգտագործում է գույները, որոնք անվտանգ են վեբի համար: Այն նաեւ կենտրոնանում է բնօրինակի մոտ ստվերների ցուցադրմանը:
   • Հարմարավետ. Այս դեպքում աղյուսակը ստեղծվում է գույներից, որոնք ավելի տարածված են պատկերի մեջ:
   • Սահմանափակ. Այն բաղկացած է 77 գույնից, որոնցից մի քանիսը փոխարինվում են սպիտակներով, մի կետ (հացահատիկ):
   • Պատվերով. Ընտրելով այս ծրագիրը, հնարավոր է ստեղծել ձեր սեփական պալիտրա:
   • Սեւ ու սպիտակ. Այս աղյուսակը օգտագործում է միայն երկու գույներ (սեւ եւ սպիտակ), օգտագործելով հացահատիկ:
   • Գորշի մեջ. Այստեղ կիրառվում են մոխրագույն երանգների 84 մակարդակ:
   • MacOS- ը եւ Windows. Այս աղյուսակները կազմված են այդ օպերացիոն համակարգերով աշխատող բրաուզերներում պատկերների ցուցադրման առանձնահատկությունների հիման վրա:

   Ահա սխեմաների օգտագործման որոշ օրինակներ:

   

   Ինչպես տեսնում եք, առաջին երեք նմուշները բավականին ընդունելի են: Չնայած այն բանին, որ տեսողականորեն հազիվ տարբերվում են միմյանցից, այդ սխեմաները տարբեր կերպ են աշխատելու տարբեր պատկերների վրա:

2. Գունավոր սեղանի գույների առավելագույն քանակը:

   

   Պատկերում ստվերների քանակը ուղղակիորեն ազդում է իր քաշի վրա եւ, համապատասխանաբար, բրաուզերում ներբեռնման արագությունը: Առավել հաճախ օգտագործվող արժեքը 128Քանի որ այս պարամետրը գրեթե չի ազդում որակի վրա, իսկ նվազեցնելով gif- ի քաշը:

   

3. Վեբ գույները: Այս պարամետրը սահմանում է հանդուրժողականությունը, որի հետ երանգները փոխարկվում են անվտանգ վեբ պալետից: Ֆայլի քաշը որոշվում է slider- ի կողմից սահմանված արժեքով. Արժեքը ավելի բարձր է, ֆայլը փոքր է: Վեբ-գույները ստեղծելու ժամանակ չեն մոռանում որակի մասին:

   

   Օրինակ `

   

4. Dithering- ը թույլ է տալիս հարթել երթեւեկությունը գույների միջեւ, խառնելով ընտրված ցուցանիշների աղյուսակում պարունակվող հեքիաթները:

   

   Կարգավորումը կօգնի նաեւ հնարավորինս պահպանել մոնոխրոմատիկ տարածքների գրադիենտներն ու ամբողջականությունը: Dithering- ն օգտագործելով, ֆայլի քաշը մեծանում է:

   Օրինակ `

   

5. Թափանցիկություն: Ֆորմատ Gif աջակցում է միայն բացարձակապես թափանցիկ կամ բացարձակապես անթափանց պիքսել:

   

   Այս պարամետրը, առանց լրացուցիչ ճշգրտման, թույլ է տալիս գծավոր գծեր, թողնելով պիքսելային աստիճաններ:

   

   Կարգավորումը կոչվում է «Frosted» (որոշ հրատարակություններում «Սահման»): Այն կարող է օգտագործվել պատկերի պիքսելները խառնել էջի ֆոնի վրա, որտեղ այն կտեղակայվի: Լավագույն ցուցադրման համար ընտրել գույնը, որը համապատասխանում է կայքի ֆոնի գույնին:

   

6. Միջամտված: Վեբի առավել օգտակար պարամետրերից մեկը: Այդ դեպքում, եթե ֆայլը զգալի քաշ է, այն թույլ է տալիս անմիջապես էջի նկարը ցույց տալ, քանի որ բեռնված է `բարձրացնելով դրա որակը:

   

7. SRGB- ի փոխակերպումը օգնում է պահպանել պատկերի բնօրինակ գույները առավելագույնը:

   

Անհատականացում «Dithering թափանցիկություն» զգալիորեն վատթարանում է պատկերի որակը, այլ պարամետրի մասին «Կորուստներ» մենք խոսելու ենք դասի գործնական մասում:

Photoshop- ում gif- ների պահպանության գործընթացի լավագույն պատկերացում կազմելու համար հարկավոր է կիրառել:

Պրակտիկա

Ինտերնետի համար պատկերների օպտիմալացման նպատակն է `նվազեցնել ֆայլի քաշը, պահպանելով որակը:

1. Պատկերները մշակելուց հետո անցեք մենյուին "Պատկեր - Save to Web".
2. Բացահայտեք տեսքի ռեժիմը "4 տարբերակ".

   

3. Հաջորդը պետք է ընտրանքի հնարավորություններից մեկի հնարավորինս մեկի համար: Թող դա աղբյուրի աջ կողմում լինի: Սա կատարվում է ֆայլի չափը առավելագույն որակով գնահատելու համար:

   Պարամետրերի պարամետրերը հետեւյալն են.

   • Գույնի սխեման «Ընտրողական».
   • «Գույներ» - 265.
   • "Dithering" - «Պատահական», 100 %.
   • Պարամետրի առջեւից հանեք վանդակը "Interlace", քանի որ պատկերը վերջնական ծավալը բավականին փոքր է:
   • "Վեբ գույներ" եւ «Կորուստներ» - զրո:

     

   Արդյունքը համեմատեք բնօրինակի հետ: Նմուշի պատուհանի ներքեւում մենք կարող ենք տեսնել gif- ի ներկա չափը եւ դրա ներբեռնման արագությունը նշված ինտերնետի արագությամբ:

   

4. Գնալ դեպի ստորեւ նկարը `կազմաձեւված: Փորձենք օպտիմալացնել այն:
   • Ծրագիրը անփոփոխ է մնացել:
   • Գույների քանակը կրճատվում է մինչեւ 128:
   • Իմաստը "Dithering" կրճատվել է 90%:
   • Վեբ գույները մի տվեք, քանի որ այս դեպքում դա մեզ չի օգնի պահպանել որակը:

     

   GIF չափը նվազել է 36.59 KB- ից մինչեւ 26.85 KB:

   

5. Քանի որ նկարի մեջ կան որոշ հացահատիկներ եւ փոքր թերություններ, մենք կփորձենք բարձրացնել «Կորուստներ». Այս պարամետրը սահմանում է սեղմման ժամանակ տվյալների կորստի ընդունելի մակարդակը: Gif. Փոխեք արժեքը մինչեւ 8:

   

   Մենք կարողացանք հետագայում կրճատել ֆայլի չափը, մի քիչ կորցնելով: Gifka- ն այժմ կշռում է 25.9 կիլոբայթ:

   

   Այսպիսով, մենք ի վիճակի էինք կրճատել պատկերի չափը մոտավորապես 10 KB, ինչը 30% -ից ավելին է: Շատ լավ արդյունք.

6. Հետագա գործողությունները շատ պարզ են: Հպեք կոճակը «Պահել».

   

   Ընտրեք տեղ, փրկելու, գիֆի անունը տալու, ապա սեղմեք "Պահպանեք ".

   

   Խնդրում ենք նկատի ունենալ, որ հնարավորությունը կա Gif ստեղծել եւ HTML այն փաստաթուղթը, որով մեր նկարը կտեղադրվի: Դրա համար ավելի լավ է ընտրել դատարկ թղթապանակը:

   

   Արդյունքում, մենք ստանում ենք էջ եւ պատկերով պատուհան:

   

Խորհուրդ. Ֆայլը անվանելիս փորձեք չկիրառել կղզու կերպարներ, քանի որ ոչ բոլոր բրաուզերները կարող են կարդալ դրանք:

Այս դասում ֆորմատով պատկերներ փրկելու մասին Gif ավարտվեց: Դրա վրա մենք պարզեցինք, թե ինչպես կարելի է օպտիմալացնել ֆայլը ինտերնետում տեղադրելու համար: