Yaxshiroq veb-ishlash uchun tasvirlarni optimallashtirishning 6 usuli

Yaxshiroq veb-ishlash uchun tasvirlarni optimallashtirishning 6 usuli
Rick Davis

Odamlar vizual mavjudotdir va tadqiqotlar buni tasdiqlaydi. Faqat uch kundan so'ng, matnni saqlash darajasi atigi 10% -20% oralig'ida. Ammo tasvirlar uchun saqlash darajasi 65% gacha bo'lishi mumkin. Miya vizual ma'lumotlarning 90 foizini oladi va uni 60 000 marta tezroq qayta ishlaydi. Shubhasiz, vizuallar veb-saytlar bilan ishlashda muhim rol o'ynaydi.

Biroq, bu shunchaki ba'zi rasmlarni tanlash va ularni saytingiz atrofida joylashtirishdan ko'ra ko'proq narsani talab qiladi. Og'ir tasvirlar juda ko'p tarmoqli kengligi iste'mol qiladi va sahifani yuklash tezligini sekinlashtiradi. Qidiruv mexanizmlari sekin ishlashni sezadi va sizni past reyting bilan jazolaydi.

Bizning maqolamiz sizga 2021-yilda veb-saytning ishlashini yaxshilash uchun tasvirlarni optimallashtirishning olti xil usulini ko‘rsatib beradi.

Veb-ishlab chiqarishni yaxshilash uchun tasvirni optimallashtirish bo‘yicha maslahatlar

Aytaylik, siz veb-saytlarni loyihalashtirasiz. notijorat tashkilotlar va siz o'z ishingizni namoyish qilish uchun ko'plab tasvirlardan foydalanishni yoqtirasiz. Donorlar, homiylar va boshqa manfaatdor tomonlar bunday ma'lumotlardan doimiy yordam uchun asos sifatida foydalanadilar. Biroq, agar siz tasvirlarni optimallashtirmasangiz, foydalanuvchi tajribasi va ishtiroki yomonlashadi. Eng katta muammo sahifalarning sekin yuklanishi va javoblarni kutish vaqti bo'ladi.

Tasvirni optimallashtirish fayllar hajmini, formatini yoki piksellar sonini kamaytirishga qaratilgan har qanday qadamlarni anglatadi. Buni tasvir sifatiga putur etkazmasdan qilishingiz mumkin.

Keling, ba'zi rasmlaringizni ko'rib chiqamiz.imkoniyatlari.

Marketing kampaniyasi tasviri, Deemak Daksina

1. Tasvirni optimallashtirish auditidan boshlang

Tasvirni optimallashtirish auditi siz yaxshilashingiz kerak bo'lgan joy haqida tegishli ma'lumotlarni taqdim etadi.

Saytingizdagi rasmlarni inventarizatsiya qilishdan boshlang. Tegishli testlar siz hal qilishingiz kerak bo'lgan har qanday muammolarni aniqlaydi.

Masalan, audit sizda juda koʻp rasm borligini koʻrsatishi mumkin. Shuningdek, u sizning rasm formatingizni ko'rsatadi va keyingi harakat yo'nalishini aniqlash imkonini beradi. Masalan, fayl formatlarini olib tashlash yoki oʻzgartirish sahifalarni yuklash tezligini sezilarli darajada oshirishi mumkin.

2. Tasvirlar uchun to'g'ri formatni tanlang

Tasvir fayllari turli formatlarda bo'ladi. Bular veb-ilovalar uchun tasvir formatlarining eng keng tarqalgan uchta turini bilishingiz kerak:

  • PNG juda yuqori sifatli tasvir bo'lishining afzalligi. Afsuski, bunga erishish uchun fayl hajmi juda katta. Ular oddiy tasvirlar va logotiplar uchun yaxshi ishlaydi va yo'qotishsiz siqish imkonini beradi.
  • JPEGlar ko'pchilik veb-saytlarda eng keng tarqalgan. Ular murakkab, rangli tasvirlar uchun juda yaxshi. Biroq, JPEG tasvirlarni siqishda ehtiyot bo'lishingiz kerak, chunki tiniqlik yo'qolishi mumkin, tasvir qanchalik kichik bo'ladi. Ba'zi odamlar buni yo'qotish deb atashadi.
  • GIF animatsiyalar, kichik piktogrammalar va past o'lchamli tasvirlar uchun ishlaydi. Bu yo'qotishsiz siqishni imkonini beradi, lekin siz faqat foydalanishingiz mumkin256 tagacha rang.

Andreas Stormning piktogrammalarini saqlang

3. Tasvirlarning o'lchamini o'zgartiring va siqing

Siz tasvirlar asta-sekin yuklanayotganini sezgan bo'lishingiz mumkin. To'liq tasvirni ko'rishdan oldin biroz vaqt o'tadi; rasmlar, ehtimol, juda og'ir ekanligini belgisi. O'lchamini o'zgartirish yoki siqish muammoni hal qiladi.

Iltimos, ularni optimallashtirishdan oldin hech qanday rasm yuklamasligingizni unutmang. Va eng yaxshi sifat uchun fayllarni 1 dan 2 MB oralig'ida bo'lishini maqsad qiling.

Tasvirlar hajmini o'zgartirish uchun kesish vositasidan foydalaning. Bu fayl hajmini kamaytirishga yordam beradi, natijada sahifani yuklash tezligi yaxshilanadi. Foydalanishingiz mumkin bo'lgan tonna vositalar mavjud.

Tasvirlarni siqish fayl hajmini kamaytirishga yordam beradi. Ammo agar siz uni juda ko'p siqsangiz, tasvirni buzishingiz mumkin. Agar siz tasvir sifatini saqlab qolmoqchi bo'lsangiz, past siqish ideal bo'lishi mumkin; biroq u hajmni sezilarli darajada kamaytirmaydi.

Siqish turlari

Biz yuqorida aytib oʻtganimizdek ikkita tushuncha bor, yoʻqotishsiz va yoʻqotuvchi siqilish.

Shuningdek qarang: O'zingizning ikonik jurnal muqovasi dizaynini yarating
  • Yo'qotmasdan siqish keraksiz metama'lumotlarni olib tashlagan holda tasvir sifatini saqlab qoladi.
  • Yo'qotilgan siqish ba'zi elementlardan xalos bo'lish orqali fayl hajmini kamaytiradi. Bu tasvir sifatini buzishi mumkin. Biroq, siz farqni sezmasligingiz mumkin. Shunday qilib, u hali ham tasvirlarni siqishning ajoyib usuli bo'lishi mumkin.

To'g'ri rasm muharriri qaysi birini aniqlashga yordam beradi.siqish siz uchun eng yaxshi ishlaydi.

4. Mobil uchun birinchi rasmni optimallashtirish

Siz qilgan har qanday qadamlar mobil uchun birinchi SEO strategiyasiga amal qilishingiz kerak, chunki Google birinchi mobil reytingga o'tdi. Tasvirlar har qanday mobil qurilmada har qanday ish stoli qurilmasidagi kabi ko'rinishi kerak. Internet-trafikning katta miqdori bunday qurilmalar orqali keladi.

Agar foydalanuvchilar mobil qurilmalardan foydalanganda yaxshi UX bilan shug'ullanmasa, siz ularni yo'qotasiz.

Avval mobil qurilmalar uchun tasvirlarni optimallashtirish haqida o'ylab ko'ring. Agar u kichik ekranda yaxshi ko'rinsa, u ish stoli yoki noutbukda ajoyib ko'rinadi.

ASO optimallashtirish Abbi_Kerimov tomonidan

5. Fayl nomlari va ularning SEOga ta'siri

Tasvirni optimallashtirish fayllarni qanday nomlashingizga ham e'tibor berishni talab qiladi. Sizning barcha harakatlaringiz qidiruv tizimlarida ko'rinishni yaxshilashga qaratilgan bo'lishi kerak. Siz yuklaganingizda yoki rasmga olganingizda, qurilma avtomatik ravishda fayl nomini beradi. Bu nom odatda tasodifiy kod yoki raqamlardan iborat. Bu 2224444.jpg kabi ko'rinishi mumkin.

Rasmni veb-saytingizga qanday bo'lsa yuklash qidiruv tizimlariga umuman yordam bermaydi.

Har bir rasmga tavsiflovchi teglar qo'yib, veb-brauzerlar sizni topishini osonlashtiring. Sizning biznesingiz yoki saytingiz haqida ma'lumot beruvchi tegishli kalit so'zlarni qo'shing.

6. Lazy loadingdan foydalanishni o'ylab ko'ring

Tasvirlarning dangasa yuklanishi aynan nomidan ko'rinib turibdiki. O'rnigabutun tasvir bir vaqtning o'zida yuklanadi, u qandaydir ochiladi. Onlayn tashrif buyuruvchi sahifani pastga aylantirsa, rasm yuklanishda davom etadi.

Yangasa yuklash faqat shu nuqtada nima muhimligini ochib beradi. Oxir-oqibat siz tarmoqli kengligini tejashga erishasiz, chunki siz hech qanday keraksiz resurslardan foydalanmaysiz.

Shuningdek qarang: 7 ta muhim UI dizayni bo'yicha maslahatlar

Yuklanmoqda... Dona tomonidan

Yakuniy fikrlar

Veb unumdorligi qidiruv tizimlari foydalanadigan muhim reyting omilidir. Agar sahifa yuklanish tezligi past bo'lsa, Google saytingizni jazolaydi.

Sahifa tezligini ko'p omillar belgilaydi va tasvirdan foydalanish buyruqlari yuqori o'rinlardan birini belgilaydi. Tasvirlarni optimallashtirmasangiz, veb-ishlab chiqarishingiz yomonlashadi. Sahifalar sekin yuklanadi va foydalanuvchi tajribasi va ishtiroki yaxshi bo'lmaydi.

To'g'ri rasm formatini tanlang. Keyinchalik, fayl hajmini kamaytirish uchun o'lchamini o'zgartirish va siqish kabi usullardan foydalaning. Saytning ishlashini tekshirish uchun muntazam sahifa testlari va sayt tekshiruvlarini rejalashtiring.




Rick Davis
Rick Davis
Rik Devis sanoatda 10 yildan ortiq tajribaga ega tajribali grafik dizayner va vizual rassomdir. U kichik startaplardan tortib yirik korporatsiyalargacha bo'lgan turli mijozlar bilan ishlagan va ularga samarali va ta'sirli vizuallar orqali dizayn maqsadlariga erishishda va o'z brendini yuksaltirishda yordam bergan.Nyu-York shahridagi Tasviriy san'at maktabi bitiruvchisi Rik yangi dizayn yo'nalishlari va texnologiyalarini o'rganishga ishtiyoqlidir va bu sohada mumkin bo'lgan chegaralarni doimiy ravishda oshirib boradi. U grafik dizayn dasturlari bo'yicha chuqur tajribaga ega va har doim o'z bilimlari va tushunchalarini boshqalar bilan baham ko'rishga intiladi.Dizayner sifatidagi faoliyatidan tashqari, Rik ham sodiq blogger bo'lib, grafik dizayn dasturlari olamidagi so'nggi tendentsiyalar va ishlanmalarni yoritishga bag'ishlangan. U ma'lumot va g'oyalarni almashish kuchli va jonli dizayn hamjamiyatini rivojlantirishning kaliti deb hisoblaydi va har doim boshqa dizaynerlar va ijodkorlar bilan onlayn aloqada bo'lishga intiladi.Mijoz uchun yangi logotip ishlab chiqayaptimi, oʻz studiyasida eng soʻnggi vositalar va texnikalar bilan tajriba oʻtkazyaptimi yoki maʼlumot beruvchi va qiziqarli blog postlarini yozyaptimi, Rik har doim eng yaxshi ishni bajarishga va boshqalarga dizayn maqsadlariga erishishga yordam berishga intiladi.