Fanidan kurs ishi mavzu

2.3. Tasvirlarning o‘lchamini masshtabga o‘zgartirish
Ilgari rasmlarni masshtabga yuklash va CSS-ga ularning o’lchamlarini o’zgartirishga ruxsat bermaslik juda muhim edi. Biroq, bu endi unchalik muhim emas, chunki WordPress 4.4 endi sezgir tasvirlarni qo’llab-quvvatlaydi (CSS tomonidan qisqartirilmagan).Asosan, WordPress media kutubxonasiga yuklangan har bir rasmning bir nechta o’lchamlarini avtomatik ravishda yaratadi. Tasvirning mavjud o’lchamlarini srcset atributiga qo’shish orqali brauzerlar endi eng mos o’lchamni yuklab olishni tanlashi va boshqalarni e’tiborsiz qoldirishi mumkin. Shunday qilib, bugungi kunda ko’proq va ko’proq HiDPI displeylari bilan baxtli vositani topish yaxshi bo’lishi mumkin. Veb-saytingizning ustuni yoki div o’lchamini 2x yoki 3x deb ayting, lekin hali ham asl hajmidan kichikroq. Brauzer qurilmaning o’lchamlari asosida to’g’risini ko’rsatadi.
WordPress media kutubxonasi sozlamalaringiz asosida eskizlarni yaratadi. Biroq, asl nusxasi hali ham saqlanib qolgan va tegmagan. Agar siz rasmlaringiz hajmini o’zgartirmoqchi bo’lsangiz va asl nusxasini saqlamasdan diskda bo’sh joyni tejashni istasangiz, Imsanity kabi bepul plagindan foydalanishingiz mumkin.
Imsanity sizga aql-idrok chegarasini o’rnatishga imkon beradi, shunda barcha yuklangan rasmlar odatiy veb-sayt ehtiyojlari uchun etarlicha katta bo’lgan o’rtacha hajmda cheklanadi.Imsanity WordPress-ga rasm yuklangandan so’ng darhol bog’lanadi, lekin WordPress-ga ishlov berishdan oldin. Shunday qilib, WordPress barcha yo’llar bilan xuddi shunday harakat qiladi, faqat hissa qo’shuvchi yuklashdan oldin o’z rasmini mos hajmga o’tkazgandek bo’ladi.
Agar siz media kutubxonangizni tozalash bilan birga joyni tejash uchun vosita izlayotgan bo’lsangiz, foydalanilmagan media fayllarni topish uchun Media Cleaner-dan foydalanishingiz mumkin. Plagin barcha media fayllaringizni skanerlaydi va foydalanilmaganlarini Media Cleaner asboblar panelida ro‘yxatga oladi, shunda siz ularni ko‘rib chiqishingiz va o‘chirishingiz mumkin.
Media Cleaner aqlli axlat tashlash tizimini amalga oshiradi: fayllar o’chirilganda, ular axlat qutisiga ko’chiriladi. Shunday qilib, siz veb-saytingizni bir muddat sinab ko’rishingiz va hamma narsa yaxshi ekanligiga ishonch hosil qilishingiz mumkin. Agar fayl yoki media yozuvi etishmayotgan bo’lsa, uni bosish orqali osongina tiklashingiz yoki hammasi sizga yaxshi ko’rinsa, axlat qutisini bo’shatishingiz mumkin.Siz foydalanishingiz mumkin bo’lgan tasvirni optimallashtirish plaginlari
Yaxshiyamki, WordPress yordamida siz barcha formatlash yoki siqishni qo’lda qilishingiz shart emas. Hech bo’lmaganda siz uchun avtomatik ravishda ishlarning bir qismini bajarish uchun plaginlardan foydalanishingiz mumkin.Tasvir fayllaringizni yuklaganingizda avtomatik ravishda optimallashtiradigan bir nechta plaginlar mavjud. Ular hatto siz yuklagan rasmlarni optimallashtiradi. Bu qulay xususiyat – ayniqsa sizda allaqachon rasmlar bilan to’ldirilgan veb-saytingiz bo’lsa. Tasvirlaringizni yaxshiroq ishlash uchun formatlash uchun eng yaxshi plaginlarni ko’rib chiqamiz.Faqat plaginlarning o’ziga ishonmasligingiz muhim. Masalan, siz WordPress media kutubxonangizga 2 MB hajmdagi rasmlarni yuklamasligingiz kerak. Bu sizning veb-xostingizning disk maydonini juda tez egallashiga olib kelishi mumkin.Eng yaxshi usul – rasmni tahrirlash vositasida oldindan o’lchamini tezda o’zgartirish va keyin uni yuklash va uni yanada kamaytirish uchun quyidagi plaginlardan birini ishlatishdir.Ushbu vositalar yoki plaginlardan birini ishlatishdan oldin, veb-xost provayderingiz siz uchun ishni bajarish uchun o’rnatilgan vositalarni taklif qilmasligiga ishonch hosil qilishingiz kerak. Misol uchun, Kinsta mijozlari bepul saqlanadigan barcha WordPress tasvirlarining optimallashtirilgan nusxalarini avtomatik ravishda yaratadigan bepul Image Optimization xususiyatidan foydalanishlari mumkin. Keyin ikkita rasm faylining kichigi tezlikni yanada oshirish uchun Kinsta-ning yashin tezligidagi CDN-dan foydalangan holda taqdim etiladi. Mijozlar hatto o’z ehtiyojlariga qarab yo’qotishsiz va yo’qolgan siqishni o’rtasida tanlashlari mumkin.
Imagify Image Optimizer
Optimol
Optimus Image Optimizer
WP Smush
TinyPNG (shuningdek, siqilgan JPGlar)
ImageRecycle
EWWW Image Optimizer