GIF rasmlarini optimallashtirish va saqlash

Photoshop-da animatsiya yaratgandan so'ng, uni mavjud formatlardan biriga saqlash kerak, ulardan bittasi GIF. Ushbu formatning o'ziga xos xususiyati shundaki, u brauzerda namoyish etish (tinglash) uchun mo'ljallangan.

Agar siz animatsiyani saqlashning boshqa variantlari bilan qiziqsangiz, ushbu maqolani o'qishni maslahat beramiz:

Dars: Fotoshopda videoni qanday saqlash kerak

Yaratish jarayoni GIF Animatsiya avvalgi darslarning birida tasvirlangan va bugun biz faylni formatda qanday saqlash haqida gaplashamiz GIF va optimallashtirish sozlamalari haqida.

Dars: Photoshop-da oddiy animatsiya yarating

GIF tejash

Birinchidan, materialni takrorlaymiz va saqlashni sozlash oynasi bilan tanishamiz. U elementni bosish orqali ochiladi. Veb uchun saqlash menyuda Fayl.

Oyna ikki qismdan iborat: oldindan ko'rish bloki

va sozlamalar bloki.

Oldindan ko'rish bloki

Ko'rish variantlari sonini tanlash blokning yuqori qismida tanlanadi. O'zingizning ehtiyojlaringizga qarab, kerakli parametrni tanlashingiz mumkin.

Har bir oynadagi rasm, asl nusxasidan tashqari, alohida tuzilgan. Bu siz eng yaxshi variantni tanlashingiz uchun amalga oshiriladi.

Blokning yuqori chap qismida kichik vositalar to'plami joylashgan. Biz faqat foydalanamiz "Qo'l" va "Tarozi".

Yordamida Qo'llar Tanlangan oynada rasmni ko'chirishingiz mumkin. Tanlov ham ushbu vosita orqali amalga oshiriladi. "Tarozi" bir xil harakatni amalga oshiradi. Blokning pastki qismidagi tugmalarni bosib, kattalashtirishingiz mumkin.

Quyida yozuvli tugma joylashgan Ko'rish. Tanlangan parametrni standart brauzerda ochadi.

Brauzer oynasida parametrlar to'plamiga qo'shimcha ravishda biz ham olishimiz mumkin HTML kod GIFlar

Sozlamalar bloki

Ushbu blokda rasm parametrlari sozlangan, biz buni batafsil ko'rib chiqamiz.

1. Rang sxemasi. Ushbu parametr optimallashtirish paytida qaysi indekslangan rang jadvali tasvirga qo'llanilishini belgilaydi.

   

   • Pertseptual, lekin oddiygina "idrok qilish sxemasi". Qo'llanilganda, Photoshop rasmning hozirgi ranglarini hisobga olgan holda rangli jadval yaratadi. Ishlab chiquvchilarning fikriga ko'ra, ushbu jadval inson ko'zlari ranglarni qanday ko'rishlariga imkon qadar yaqin. Plyus - aslga yaqin bo'lgan rasm, ranglar maksimal darajada saqlanib qolgan.
   • Tanlangan Sxema avvalgisiga o'xshash, ammo asosan Internet uchun xavfsiz ranglardan foydalanadi. Shuningdek, asl nusxaga yaqin soyalarni namoyish etishga e'tibor qaratiladi.
   • Moslashuvchan. Bunday holda, jadval rasmda ko'proq uchraydigan ranglardan yaratilgan.
   • Cheklangan. U 77 rangdan iborat bo'lib, ularning ba'zilari nuqta (don) shaklida oq rangga almashtiriladi.
   • Shaxsiy. Ushbu sxemani tanlashda o'zingizning palitrangizni yaratish mumkin bo'ladi.
   • Qora va oq. Ushbu jadvalda faqat ikkita rang ishlatiladi (qora va oq), shuningdek don hajmidan foydalaniladi.
   • Kul rangda. Bu erda 84 xil kul rang soyalari ishlatiladi.
   • MacOS va Windows. Ushbu jadvallar ushbu operatsion tizim ishlaydigan brauzerlarda tasvirlarni ko'rsatish xususiyatlariga qarab tuzilgan.

   Bu erda kontaktlarning zanglashiga olib boradigan bir nechta misol.

   

   Ko'rib turganingizdek, dastlabki uchta namunalar juda maqbul sifatga ega. Vizual ravishda ular deyarli bir-birlaridan farq qilmasligiga qaramay, ushbu sxemalar turli xil tasvirlarda boshqacha ishlaydi.

2. Ranglar jadvalidagi ranglarning maksimal soni.

   

   Rasmdagi soyalar soni to'g'ridan-to'g'ri uning vazniga va shunga mos ravishda brauzerda yuklab olish tezligiga ta'sir qiladi. Eng ko'p ishlatiladigan qiymat 128, chunki bunday sozlash gif vaznini kamaytirish bilan birga sifatga deyarli ta'sir qilmaydi.

   

3. Veb ranglari. Ushbu sozlama soya xavfsiz veb-sxemasidan ekvivalentlariga o'zgartiriladigan bag'rikenglikni belgilaydi. Faylning og'irligi slayder tomonidan o'rnatilgan qiymat bilan belgilanadi: qiymati yuqoriroq - fayl kichikroq. Veb ranglarini sozlashda sifat haqida ham unutmang.

   

   Misol:

   

4. Tanlab olish tanlangan indekslash jadvalidagi soyalarni aralashtirish orqali ranglar orasidagi o'tishlarni yumshatishga imkon beradi.

   

   Bundan tashqari, sozlash, iloji boricha, monofonik qismlarning gradyanlari va yaxlitligini saqlashga yordam beradi. Damlama qo'llanilganda, fayl og'irligi oshadi.

   Misol:

   

5. Shaffoflik Format GIF faqat mutlaqo shaffof yoki mutlaqo shaffof bo'lmagan piksellarni qo'llab-quvvatlaydi.

   

   Ushbu parametr, qo'shimcha sozlashsiz, egri chiziqlarni yomon ko'rsatadi va pikselli narvonlarini qoldiradi.

   

   Yaxshi sozlash deyiladi "Mat" (ba'zi nashrlarda "Chegara") Uning yordami bilan rasmning piksellarini u joylashgan sahifaning foniga aralashtirish sozlanadi. Eng yaxshi displey uchun saytning fon rangiga mos keladigan rangni tanlang.

   

6. Bir-biriga bog'langan. Veb-sozlamalar uchun eng foydali narsalardan biri. Bunday holda, agar fayl salmoqli og'irlikka ega bo'lsa, u yuklangan sari uning sifatini yaxshilagan holda sahifada darhol rasmni ko'rsatishga imkon beradi.

   

7. SRGB-ni o'zgartirish, saqlash paytida asl rasm ranglarini maksimal darajada saqlashga yordam beradi.

   

Shaxsiylashtirish "Shaffoflikni pasaytirish" tasvir sifatini sezilarli darajada yomonlashtiradi va parametr haqida "Yo'qotishlar" darsning amaliy qismida gaplashamiz.

Photoshop-da GIF tejashni sozlash jarayonini yaxshiroq tushunish uchun siz mashq qilishingiz kerak.

Amaliyot

Tasvirlarni Internet uchun optimallashtirishning maqsadi sifatni saqlab turishda fayl og'irligini kamaytirishdir.

1. Rasmni qayta ishlagandan so'ng menyuga o'ting Fayl - Internet uchun saqlash.
2. Ko'rish rejimini o'rnatdik "4 variant".

   

3. Keyinchalik, imkon qadar originalga o'xshash variantlardan birini qilishingiz kerak. Bu manba o'ng tomonidagi rasm bo'lsin. Bu fayl hajmini maksimal sifat darajasida baholash uchun amalga oshiriladi.

   Parametr sozlamalari quyidagicha:

   • Rang sxemasi "Tanlangan".
   • "Ranglar" - 265.
   • Yotish - "Tasodifiy", 100 %.
   • Parametr oldida shafaqni olib tashlaymiz Bir-biriga bog'langan, chunki rasmning yakuniy hajmi unchalik katta bo'lmaydi.
   • Veb ranglari va "Yo'qotishlar" - nol.

     

   Natija bilan asl nusxani solishtiring. Namuna bilan oynaning pastki qismida biz GIF ning joriy hajmini va uni yuklab olish tezligini ko'rsatilgan Internet tezligida ko'rishimiz mumkin.

   

4. Faqatgina sozlangan rasmga o'ting. Keling, optimallashtirishga harakat qilaylik.
   • Biz sxemani o'zgarishsiz qoldiramiz.
   • Ranglar soni 128 taga qisqartirildi.
   • Qiymati Yotish 90% gacha kamaytiring.
   • Veb ranglari biz tegmaymiz, chunki bu holda bu sifatni saqlashga yordam bermaydi.

     

   GIF hajmi 36,59 KB dan 26,85 Kb gacha pasaydi.

   

5. Rasmda allaqachon ozgina nosozlik va kichik kamchiliklar mavjud bo'lganligi sababli, biz ko'paytirishga harakat qilamiz "Yo'qotishlar". Ushbu parametr siqishni paytida ma'lumotlarni yo'qotishning maqbul darajasini belgilaydi. GIF. Qiymatni 8 ga o'zgartiring.

   

   Fayl hajmini yanada pasaytirishga erishdik, shu bilan birga sifat jihatidan biroz yo'qotdik. Endi GIF-larning og'irligi 25,9 kilobaytni tashkil etadi.

   

   Hammasi bo'lib, biz rasm hajmini taxminan 10 KB qisqartirishga muvaffaq bo'ldik, bu 30% dan ko'proq. Juda yaxshi natija.

6. Keyingi harakatlar juda oddiy. Tugmani bosing Saqlash.

   

   Saqlash uchun joyni tanlang, gif nomini bering va yana "Saqlash ".

   

   Iltimos, e'tiborga oling GIF yaratish va HTML bizning rasmimiz joylashtiriladigan hujjat. Buning uchun bo'sh papkani tanlash yaxshidir.

   

   Natijada biz rasm va rasmga ega sahifa va papkani olamiz.

   

Maslahat: faylga nom berishda kirillcha harflardan foydalanmaslikka harakat qiling, chunki hamma brauzerlar ularni o'qiy olmaydi.

Bu rasmni formatda saqlash uchun dars GIF yakunlandi. Unda biz Internetda joylashtirish uchun faylni qanday optimallashtirishni bilib oldik.