GIF formatidagi rasmlarni optimallashtirish va saqlash

Photoshop-da animatsiya yaratilgandan so'ng, siz ulardan birini mavjud formatlardan biriga saqlashingiz kerak Gif. Ushbu formatning o'ziga xos xususiyati shundaki, u brauzerda ko'rsatish (ijro etish) uchun mo'ljallangan.

Agar siz animatsiyani saqlashning boshqa variantlari bilan qiziqsangiz, ushbu maqolani bu yerda o'qishingiz tavsiya etiladi:

Kurs: Photoshop-da videolarni qanday saqlash kerak

Yaratish jarayoni Gif Animatsiya oldingi darslardan birida tasvirlangan va bugun biz faylni qanday saqlash haqida gapiramiz Gif va optimallashtirish sozlamalari.

Darslar: Photoshopda oddiy animatsiya yaratish

GIFni saqlash

Boshlash uchun materialni takrorlang va saqlash sozlamalari oynasiga qarang. Ushbu elementni bosish orqali ochiladi. "Vebdan saqlash" menyusida "Fayl".

Oyna ikki qismdan iborat: oldindan ko'rish bloki

va sozlamalarni bloklash.

Ko'rib chiqish bloki

Kuzatuvlar sonining tanlanishi blokning yuqorisida tanlanadi. Ehtiyojlaringizga qarab siz xohlagan sozlamani tanlashingiz mumkin.

Asl boshqa holatlarda, har bir oynada tasvir alohida-alohida sozlangan. Buning uchun eng yaxshi variantni tanlashingiz mumkin.

Blokning chap qismida kichik asboblar to'plami mavjud. Biz faqat foydalanamiz "Qo'l" va "Scale".

Yordamida "Qo'llar" Tanlangan oynada tasvirni ko'chirishingiz mumkin. Tanlov ham ushbu vosita yordamida amalga oshiriladi. "Scale" xuddi shu ishni bajaradi. Blokning pastki qismidagi tugmachalari bilan ham yaqinlashtirish va uzoqlashtirishingiz mumkin.

Quyidagi tugma bosilgan "Ko'rish". Tanlangan variantni ko'rsatuv brauzerda ochadi.

Brauzer oynasida, bir qator parametrlar bilan bir qatorda, biz ham olishimiz mumkin HTML kodi gifs

Sozlamalar blokirovkasi

Ushbu blokda tasvir parametrlari o'rnatildi, batafsilroq ko'rib chiqaylik.

1. Rang sxemasi. Ushbu sozlama optimallashtirish vaqtida tasvirga qaysi rangli jadval qo'llanilishini belgilaydi.

   

   • Fikrlash, lekin oddiygina "idrok sxemasi". Qo'llanilganda, fotoshop ranglarning stolini yaratadi, bu tasvirning joriy ranglarini boshqaradi. Ishlab chiquvchilarning fikriga ko'ra, ushbu jadval inson ko'zining ranglarini qanday qilib ko'rishga imkon qadar yaqin. Plus - asl tasvirga eng yaqin bo'lgan ranglar imkon qadar ko'proq saqlanadi.
   • Tanlangan Sxemasi oldingi versiyaga o'xshash, lekin ko'pincha veb uchun xavfsiz bo'lgan ranglarni ishlatadi. Bundan tashqari, asl nusxadagi soyalarni ko'rsatishga ham e'tibor qaratiladi.
   • Adaptiv. Bunday holda, jadval, rasmda ko'proq uchraydigan ranglardan hosil bo'ladi.
   • Cheklangan. U 77 rangdan iborat bo'lib, ularning ba'zilari oq rang bilan almashtiriladi.
   • Moslashtirilgan. Ushbu sxemani tanlashda o'zingizning palitrasini yaratishingiz mumkin.
   • Qora va oq. Ushbu jadvalda faqat ikkita rang (qora va oq), shuningdek don ishlatiladi.
   • Kul rangda. Bu erda kulrang ranglarning turli xil 84 darajasi qo'llaniladi.
   • MacOS va Windows. Ushbu jadvallar ushbu operatsion tizimlarni ishlaydigan brauzerlarda tasvirlarni ko'rsatish xususiyatlariga asoslangan holda tuziladi.

   Quyida sxemalardan foydalanishning ba'zi bir misollari keltirilgan.

   

   Ko'rib turganingizdek, dastlabki uchta namunaning juda yaxshi sifati bor. Vizual ravishda bir-biridan farq qilmasliklariga qaramasdan, bu sxema turli xil tasvirlarda boshqacha ishlaydi.

2. Ranglar jadvalidagi maksimal ranglar soni.

   

   Rasmdagi ranglarning soni to'g'ridan-to'g'ri o'z vazniga va brauzerda yuklab olish tezligiga ta'sir qiladi. Eng ko'p ishlatiladigan qiymat 128Ushbu sozlama sifatga deyarli ta'sir qilmagani uchun, gifning vaznini kamaytiradi.

   

3. Veb ranglar. Ushbu sozlama qaysi ranglar bilan xavfsiz veb-palitraga ekvivalent ishlashga mosligini belgilaydi. Faylning og'irligi kaydırıcı tomonidan o'rnatilgan qiymat bilan belgilanadi: qiymati yuqori - fayl kichikroq. Veb-ranglarni yaratishda sifatni unutmang.

   

   Misol:

   

4. Dithering tanlangan indeks stolidagi ranglarni aralashtirish orqali ranglar orasidagi o'tishni yumshata oladi.

   

   Tuzatishlar monokromatik qismlarning gradyanlari va yaxlitligini saqlab qolish uchun iloji boricha yordam beradi. Ditheringdan foydalanganda faylning og'irligi oshadi.

   Misol:

   

5. Shaffoflik. Formatlash Gif faqat mutlaqo shaffof yoki mutlaqo shaffof bo'lmagan piksellarni qo'llab-quvvatlaydi.

   

   Ushbu parametr, qo'shimcha sozlamasiz, pikselli narvonlarni qoldirib, egri chiziqlarni yomon ko'rsatmaydi.

   

   Sozlash chaqiriladi "Frosted" (ba'zi nashrlarda "Chegara"). U rasmning piksellarini joylashuvi sahifasining fonida aralashtirish uchun ishlatilishi mumkin. Eng yaxshi ko'rsatkich uchun saytning orqa fon rangiga mos rang tanlang.

   

6. Interlaced. Internet uchun eng foydali sozlamalardan biri. Bunday holatda, agar fayl hajmi juda katta bo'lsa, u sizning sahifangizdagi rasmni darhol ko'rsatib, sifatini oshiradi.

   

7. SRGB konvertatsiya qilishni saqlash vaqtida tasvirning asl ranglarini maksimal darajada ushlab turishga yordam beradi.

   

Xususiylashtirish "Daydering oshkoraligi" tasvir sifatini sezilarli darajada pasaytiradi, lekin parametr haqida "Zararlari" biz darsning amaliy qismida gaplashamiz.

Photoshop-da gif-fayllarni saqlab qolish jarayonini yaxshi tushunish uchun siz amaliyotga o'tishingiz kerak.

Amaliyot

Internetni tasvirlarni optimallashtirish maqsadi sifatni saqlab qolishda faylning og'irligini kamaytirishdir.

1. Rasmlarni ko'rib chiqqandan so'ng menyudan o'ting "Fayl - Veb uchun Saqlash".
2. Ko'rish rejimini namoyish qiling "4 ta variant".

   

3. Keyinchalik originalga imkon qadar yaqinroq qilish uchun kerakli variantlardan biriga ehtiyoj seziladi. Bu manba o'ng tomonidagi rasmga aylansin. Bu fayl hajmi maksimal sifat bilan baholash uchun amalga oshiriladi.

   Parametr sozlamalari quyidagilar:

   • Rang sxemasi "Tanlangan".
   • "Ranglar" - 265.
   • "Dithering" - "Tasodifiy", 100 %.
   • Parametr oldidagi katakchani olib tashlang "Interlace", chunki tasvirning oxirgi hajmi juda kichik bo'ladi.
   • "Veb ranglar" va "Zararlari" - nol.

     

   Natijani original bilan solishtiring. Namuna oynasining pastki qismida, gifning joriy hajmini va yuklab olish tezligini ko'rsatilgan internet tezligida ko'rishimiz mumkin.

   

4. Faqatgina tuzilgan tasvirga o'ting. Uni optimallashtirishga harakat qilaylik.
   • Sxemasi o'zgarmagan.
   • Ranglar soni 128 ga kamayadi.
   • Ma'nosi "Dithering" 90% ga kamaydi.
   • Veb ranglar tegmang, chunki bu holda biz sifatni saqlab qolishimizga yordam bermaydi.

     

   GIF o'lchami 36.59 KB dan 26.85 KBgacha pasaygan.

   

5. Rasmda ba'zi don va kichik nuqsonlar bo'lgani uchun, biz orttirishga harakat qilamiz "Zararlari". Ushbu parametr siqilish paytida ma'lumotlar yo'qolishining maqbul darajasini belgilaydi. Gif. Qiymati 8 ga o'zgartiring.

   

   Fayl sifatini qisqartirishga muvaffaq bo'ldik. Gifka endi 25,9 kilobaytni tashkil qiladi.

   

   Shunday qilib, tasvir hajmini taxminan 10 kilogrammgacha qisqartirish imkoniga ega bo'ldik. Juda yaxshi natija.

6. Boshqa harakatlar juda oddiy. Tugmasini bosing "Saqlash".

   

   Saqlash uchun joyni tanlang, gif nomini bering, so'ngra "Saqlash ".

   

   Shuni unutmangki, u bilan birga imkoniyat ham mavjud Gif yaratish va yaratish HTML bizning rasmimiz ko'milgan hujjat. Buning uchun bo'sh papkani tanlash yaxshidir.

   

   Natijada biz sahifani va rasmga ega bo'lgan jildni olamiz.

   

Maslahat: fayl nomini berishda kirillcha belgilaridan foydalanmang, chunki barcha brauzerlar ularni o'qiy olmaydi.

Rasmlarni formatda saqlashga oid ushbu darsda Gif tugallandi. Unda faylni internetda joylashtirishni qanday qilib optimallashtirish mumkinligini aniqladik.