Sahifalar veb-sayt ishlashi uchun GIF fayl hajmini qisqartirish

Kam GIF smartfonlarni ishlatish va cheklangan tarmoqli kengligi foydalanuvchilari deyarli lahzada yuklanish vaqtlarini kutish uchun kelgani sababli, qaytib kelishi mumkin. Veb-rasmingiz qancha kichik bo'lsa, tasvirlaringiz tezroq ko'tariladi va mehmonlaringiz baxtli bo'ladi. Bundan tashqari, ko'pgina veb-saytlarda reklama bannerlarining o'lchamlari cheklanadi.

GIF tasvirlari va Internet

GIF tasvirlari bitta o'lchamli deb qaralmasligi kerak. GIF rasmlarni maksimal 256 rangga ega, ya'ni siz ehtiyot bo'lmasangiz, jiddiy rasm va ranglar tanazzulini kutishingiz mumkin. GIF fayl formati, ko'p jihatdan, vebdagi eng qadimgi kunlarga to'g'ri keladigan eski formatdir. GIF formati kiritilishidan avval veb-suratlar qora va oq rangga ega va RLE formati yordamida siqilgan. Dastlab ular Compuserve formatini veb-tomosha qilish usuli sifatida chop etgan 1987-yilda sahnada paydo bo'lgan. O'sha paytda rang stol ustida paydo bo'lgan va internetga telefon liniyasiga ulangan modem orqali erishilgan. Bu telefon liniyasi orqali qisqa muddatda veb-brauzerga yetkazib beriladigan rasmlarni kichik hajmda ushlab turadigan tasvir formatiga ehtiyoj yaratdi.

GIF tasvirlari cheklangan rangli palitraga ega bo'lgan keskin kenarlı grafikalar uchun idealdir, masalan, logotip yoki chizilgan chizilgan. Ular fotosuratlar uchun ishlatilishi mumkin bo'lsa-da, tushirilgan ranglar palitrasi tasvirga rasmlarni kiritadi. Shunday bo'lsa-da, "Glitch Art" harakati va kinematografning ko'tarilishi GIF formatida yangilangan qiziqishni keltirib chiqardi.

Sahifalar veb-sayt ishlashi uchun GIF fayl hajmini qisqartirish

Ushbu maslahatlar GIFsingizni iloji boricha kamroq qilishga yordam beradi.

  1. Rasm atrofidagi har qanday qo'shimcha joyni olib tashlang. Tasvirning piksel o'lchamlarini kamaytirish - fayl o'lchamini kamaytirishning yagona eng samarali usuli. Fotoshopdan foydalansangiz, Trim buyrug'i bu uchun yaxshi ishlaydi.
  2. Agar gif tasvirini tayyorlashda siz chiqish o'lchamlarini qisqartirishingiz mumkin.
  3. Rasmdagi ranglar sonini kamaytiring.
  4. Jonlantirilgan GIFlar uchun rasmdagi ramkalar sonini kamaytiring.
  5. Agar siz Photoshop CC 2017 dan foydalansangiz, Export As menyudagi elementidan foydalanib GIF faylini yaratishingiz mumkin. Fayl> As-dan eksport ... -ni tanlang va menyuni ochganda, fayl formati sifatida GIF-ni tanlang va tasvirning jismoniy o'lchamlarini (kengligi va balandligi) kamaytiring.
  6. Adobe Photoshop Elementlarini 14 dan foydalansangiz, Tasvir> Vebga Saqlash-ni tanlang . Bu Adobe Photoshop CC 2017 da joylashgan File for File (Veb-lar uchun Saqlash) muloqot oynasini ochadi. Fayl> Export> Save for Web (Legacy) . Qachon ochilsa, siz dithering-ni qo'llashingiz, tasvirning rangi va jismoniy o'lchamlarini kamaytirishingiz mumkin.
  7. Diteringdan qoching. Dithering ba'zi rasmlarni yaxshi ko'rishga olib kelishi mumkin, ammo fayl hajmi oshiriladi. Agar dasturingiz ruxsat bergan bo'lsa, qo'shimcha baytlarni saqlash uchun pastroq darajadagi dithering darajasidan foydalaning.
  1. Ba'zi dasturlarda GIF-larni saqlash uchun "halokatli" variant mavjud. Ushbu parametr fayl hajmini sezilarli darajada qisqartirishi mumkin, ammo u ham tasvir sifatini pasaytiradi.
  2. Interlacing ishlatmang. Interlacing odatda fayl hajmini oshiradi.
  3. Photoshop va Photoshop Elements ham sizga yuklab olish vaqtini ko'rsatadi. Unga e'tibor bermang. 56k modemdan foydalanishga asoslangan. Agar ochilgan menyudan bir simi modemini tanlasangiz, ko'proq haqiqiy raqam paydo bo'ladi.

Maslahatlar:

  1. Yaroqsiz animatsiyadan saqlaning. Haddan tashqari animatsiya sizning veb-sahifangizni yuklab olish vaqtini qo'shibgina qolmay, balki ko'pchilik foydalanuvchilar buni chalg'itadi.
  2. Katta hajmli blokli va gorizontal naqshli GIF tasvirlari rang gradations, yumshoq soyalar va vertikal naqshli tasvirlardan ko'ra yaxshiroq siqiladi.
  3. GIF-lardagi ranglarni kamaytirishda raqamlarning rangi ushbu variantlarning eng kichik hajmiga o'rnatilganda eng yaxshi siqishni olishingiz mumkin: 2, 4, 8, 16, 32, 64, 128 yoki 256.

Tom Green tomonidan yangilandi