Rasmlarni yoqtirmaysizmi?

Ular siz oʻqiyotganingizda matn qismini qiziqarli tajribaga aylantirishi mumkin. Tasvirlar blog postini yaxshilaydi, uni ko'proq baham ko'rishga imkon beradi va butun saytingizning ohangini va brendini o'rnatadi.

Va siz nima bilasiz? Biz tasvirlarga javob berishga tayyormiz. Shuning uchun kontentingizga tasvirlarni qo‘shish blogingiz marketingida foydalanish uchun kuchli vositadir.

Ammo, agar ehtiyot bo‘lmasangiz, tasvirlar veb-sahifangiz umumiy hajmining yarmidan (yoki undan ko‘prog‘ini) tashkil qilishi mumkin. Bir necha yil oldin veb-sahifaning o'rtacha hajmi 600–700K edi. Hozir oʻrtacha 2MB va u har yili ortib bormoqda.

Bu juda katta!

Buning asosiy sababi veb-sahifalarda bir nechta tasvirlarning tez-tez ishlatilishi va bu tasvirlarning 'to'g'ri o'lcham va optimallashtirilgan. Bu shuni anglatadiki, ular saqlanmaydi yoki veb-sahifalar uchun qulay tarzda tuzilmaydi, aksincha, sahifalaringizni shishiradi.

Ammo ko'pchiligimiz rasmlarni optimallashtirishni keyinroq o'ylaymiz va qiziqarli narsalarni qilishni afzal ko'ramiz. epik post yaratish yoki o‘z joyingizdagi boshqa bloggerlar bilan aloqa o‘rnatish kabi.

Biroq, sahifaning shishishi sahifangizni yuklash tezligiga ta’sir qiladi. Agar siz yuqori tezlikda ulanishda bo'lsangiz, bu katta ish deb o'ylamasligingiz mumkin, ammo tashrif buyuruvchilaringizning ko'pchiligi unday emas. Bundan tashqari, Google sekin yuklanadigan sahifalarni yoqtirmaydi va bu sizning SEO-ga salbiy ta'sir ko'rsatishi mumkin.

Nega tasvirlarni optimallashtirishingiz kerak

Siz juda ko'p ishlaysiz.ajoyib kontent yaratish va siz o‘z blogingizni targ‘ib qilish va boshqa bloggerlar bilan aloqa o‘rnatish uchun son-sanoqsiz soatlarni sarflaysiz, shuning uchun siz istagan oxirgi narsa potentsial tashrif buyuruvchilarning veb-saytingiz yuklanishidan oldin uni tark etishlari!

Tadqiqotlar shuni ko‘rsatadiki, 40% gacha. Agar sayt yuklanishi uchun uch soniyadan ko‘proq vaqt ketsa, tashrif buyuruvchilar “Orqaga” tugmasini bosadi.

Bilaman, uch soniya haqiqatan ham unchalik uzoq emas, lekin siz mobil aloqada bo‘lganingizda va uni kutayotganingizda. saytni yuklash uchun bir soniya abadiy bo'lib tuyulishi mumkin.

Va sizning ko'p tashrif buyuruvchilaringiz mobil aloqada sekinroq bo'lishi mumkinligi sababli, bu aniq bo'ladi - sahifa hajmini kamaytirishingiz kerak. Va biz allaqachon bilamizki, sahifa o'lchamining eng katta jinoyatchisi nima - bu sizning rasmlaringizdir.

Keraksiz katta hajmdagi rasmlar ham hosting hisobingizda joy egallaydi. Ba'zilaringiz "cheksiz" saqlash joyiga ega bo'lishi mumkin bo'lsa-da, ko'plab premium hosting provayderlari sizni quyi darajadagi rejalarda taxminan 10 Gb saqlash bilan cheklaydi. Bu, ayniqsa, bir xil akkauntda bir nechta, tasvir ogʻir saytlarni joylashtirgan boʻlsangiz, tezda toʻldirishi mumkin.

Xoʻsh, rasmlaringiz saytingizni sekinlashtirayotganini qanday aniqlash mumkin? Saytingiz tezligini Google PageSpeed ​​Insights yordamida sinab ko'ring.

Agar Google optimallashtirilmagan tasvirlarni muammo deb hisoblasa, uni hal qilish uchun nimalarni bilishingiz kerak.

Tasvirni optimallashtirish asoslari

Blogingizdagi rasmlarni optimallashtirish haqida gap ketganda, bir nechta turli xil narsalar bo'lishi kerakquyidagilarni bilasiz: fayl turi, tasvir hajmi va oʻlchamlari, tasvirlarga qanday xizmat koʻrsatishingiz va tasvirni siqish.

Keling, ushbu sohalarning har birini batafsil koʻrib chiqamiz.

Fayl turi

Internetdagi rasmlar odatda PNG yoki JPEG fayl formatida yoki animatsiya uchun GIF formatida saqlanadi. Internetda suzayotgan o'sha kulgili animatsion GIF-larni kim yoqtirmaydi!

Endi texnik jihatdan yaxshi agar siz rasmlaringizni har ikkala formatda saqlasangiz - tashrif buyuruvchi brauzeringiz veb-sahifangizni ko'rsatishda muammoga duch kelmaydi. – lekin eng yaxshi sifat va optimallashtirish uchun quyidagi qoidalarga rioya qiling:

• JPEG – odamlar, joylar yoki narsalar aks ettirilgan fotosuratlar va dizaynlar uchun foydalaning
• PNG – grafika uchun eng yaxshisi , logotiplar, matnli dizaynlar, skrinshotlar va shaffof fonli rasmlar kerak bo'lganda
• GIF - agar sizga animatsiya kerak bo'lsa, aks holda PNG-dan foydalaning

Xo'sh, nima uchun turli formatlar mavjud ?

Xo'sh, PNG an'anaviy ravishda logotip va grafiklarni saqlash uchun ishlatiladi, chunki u asl tasvir sifatini saqlaydi - hech kim xira matn va pikselli shakllarni xohlamaydi. Ammo, agar siz fotosuratni PNG sifatida saqlashga harakat qilsangiz, u ajoyib ko'rinadi, lekin natijada olingan fayl hajmi hayratlanarli darajada kichikroq bo'ladi.

JPEG an'anaviy ravishda fotosuratlarni saqlash uchun ishlatiladi. Tasvir ma'lumotlarining bir qismi keskin kichikroq fayl hajmini yaratish uchun tashlab yuboriladi, ammo fotosuratlar turli xil ranglar va tabiiy o'zgarishlarni o'z ichiga olganligi sababli, sifat yo'qoladi.Odatda inson ko‘ziga sezilmaydi.

Biz siqishni haqida keyinroq batafsil to‘xtalib o‘tamiz, lekin hozircha ikkita narsani eslab qoling: fotosuratlar uchun JPEG va matn/grafika uchun PNG.

Rasm o'lchamlari

Siz hech qachon veb-sahifani yuklaganmisiz va mitti rasm (masalan, boshdan olingan rasm) yuklab olish uchun f-o-r-e-v-e-r kerakligini payqaganmisiz? Har bir satr kirib kelayotganini juda sekin ko'rasizmi? O'zingiz o'ylab ko'rasiz, qanday qilib bunday kichik rasmni yuklab olish bunchalik uzoq davom etishi mumkin?

Va bu katta sarlavhali tasvir bilan sodir bo'lganda, bu yanada yomonroq, chunki u butun sahifa yuklanishini to'xtatib qo'yishi mumkin.

Buning sababi, blogger oʻz rasmining oʻlchamini toʻgʻri oʻzgartirmagani va optimallashtirmaganligi va bizning misolimizda toʻliq oʻlchamli JPEG formatini toʻgʻridan-toʻgʻri DSLR kamerasidan yuklagan boʻlishi mumkin.

Va bu juda katta fayl!

Koʻryapsizmi, veb-brauzer (odatda) tasvirni asl oʻlchamidan tortib, veb-sahifadagi oʻz oʻrniga yaxshi joylashishi uchun oʻlchamini oʻzgartiradi. Ekrandagi kichik tasvir haqiqatan ham brauzer tomonidan real vaqtda kichraytirilgan 10 megapikselli ulkan surat bo'lishi mumkin.

Endi ba'zi veb-nashr platformalari avtomatik ravishda turli xil tasvirlarda to'liq o'lchamdagi tasviringizning bir nechta variantini yaratadi. Agar bo'lmasa, Photoshop, Lightroom, Pixlr yoki hatto MS Paint kabi rasm muharririda rasmlaringizning o'lchamini o'zgartirishingiz kerak. Bu farqni anglatishi mumkin50K fayl va 5MB fayl oʻrtasida.

Masalan, WordPress avtomatik ravishda yuklagan rasmingizning uchta (mavzuingizga qarab, undan koʻp) nusxasini yaratadi – barchasi turli oʻlchamdagi – ulardan siz foydalanishingiz mumkin blog postlarida, har doim toʻliq oʻlchamli tasvirdan foydalanish oʻrniga.

Agar siz katta hajmdagi suratlarni yuklashni odat qilgan boʻlsangiz va hosting hisobingizda joy tejashni istasangiz, WordPress plaginini. Imsanity sizning orqangizda.

U asl tasvirning oʻlchamini oʻzgartiradi va oʻrnini yanada qulayroq qilib qoʻyadi, shuning uchun postingizga toʻliq oʻlchamdagi rasmni kiritsangiz ham, unchalik yomon boʻlmaydi.

Imsanity faollashtirilgandan so'ng, mavjud rasmlaringizni qidirishi va shunga mos ravishda hajmini o'zgartirishi mumkin.

Rasmlaringizni taqdim etish

Tasvirlaringizni tashrif buyuruvchilarga qanday taqdim etish ularni o'z-o'zidan optimallashtirish bilan bog'liq emas. , lekin bu sizning sahifangizni yuklash vaqtiga sezilarli taʼsir koʻrsatishi mumkin.

Koʻpchilik bloggerlar oʻz rasmlarini toʻgʻridan-toʻgʻri xosting hisobidan taqdim etadilar va bu odatda yaxshi, lekin agar siz haqiqatan ham unumdorlikni kamaytirmoqchi boʻlsangiz saytingiz, keyin esa rasmlaringizni Content Delivery Network (CDN) da joylashtirish katta farq qilishi mumkin.

CDN butun dunyo bo'ylab ma'lumotlar markazlarida joylashgan strategik joylashtirilgan veb-serverlardan iborat. Ushbu serverlar sizning rasmlaringizning ikki nusxadagi nusxalarini joylashtiradi va agar tashrif buyuruvchi brauzer sizning veb-saytingizdan rasm so'rasa, CDN brauzerni avtomatik ravishdaGeografik jihatdan ularga eng yaqin server.

Bu, masalan, Yevropadan tashrif buyuruvchilarga shtatlardan yoki boshqa joylardan emas, balki mahalliy Yevropa serveridan taqdim etilgan tasvirlarni olishini bildiradi. Javob vaqti va tarmoq kechikishi qisqargani uchun tasvirlar tezroq yuklab olinadi, bu esa sahifani yuklash vaqtini qisqartiradi.

Bloglash ustasi Sucuri’dan foydalanadi (u xavfsizlik devori hamda CDNni o‘z ichiga oladi), lekin boshqa sifatli provayderlar ham mavjud. Amazonning Cloudfront yoki KeyCDN kabi. Hatto CDN bo'lmagan mashhur CloudFlare ham CDN-ni bepul taklif qiladi va ko'pgina umumiy hosting paketlarida sozlash oson.

Tasvirni siqish

O'z ma'lumotlaringizni optimallashtirish haqida gap ketganda. Tasvirlar uchun hech narsa fayl hajmini ilg'or yo'qolgan tasvirni siqishdan ko'ra kamaytirmaydi.

Visme yoki Photoshop kabi ko'pchilik tasvirni tahrirlash vositalari fayllarni yo'qotadigan JPEG siqishni yordamida saqlaydi, chunki u fayl hajmini eng yaxshi qisqartirishga ega. Shunday qilib, tasvir sifati biroz pasaygan bo'lsa-da, yo'qolgan tasvirni siqish yordamida katta hajmdagi rasmlarni veb-do'st o'lchamlarga qisqartiradi.

Aminmanki, Photoshop-dan foydalanadigan ko'pchilik uning Veb uchun saqlash funksiyasini ko'rishi mumkin. tasvirni optimallashtirishning barchasi va oxiri sifatida. PicMonkey yoki Visme kabi onlayn tasvirlarni tahrirlash vositalari ham rasmlaringizni optimallashtiradi.

Ammo siz Photoshop yoki boshqa tahrirlash vositalaridan "optimallashtirilgan" tasviringizni olish, uni maydalash va siqish mumkin bo'lgan vositalar mavjudligini bilarmidingiz? yana 40% (yoki undan ko'p),va hali ham u inson ko'ziga deyarli o'xshab ketadimi?

Mana bu yerda tasvirlaringizni veb-do'stlik holatiga tushirishga yordam beradigan ba'zi bepul va pullik vositalar.

Ish stoli asboblari

ImageAlpha / ImageOptim

Mac foydalanuvchisi uchun ImageOptim bu bepul ish stoli vositasi bo'lib, men uni yuklashdan oldin PNG rasmlarni, asosan skrinshotlarni optimallashtirish uchun har kuni foydalanaman. Ushbu vositalardan foydalanish oson, siz shunchaki fayllarni sudrab olib tashlashingiz mumkin, lekin bir vaqtning o'zida bitta rasmni bajarishingiz kerak.

Professional maslahat : Texnologiyani yaxshi biladiganlar uchun ImageOptim– mavjud. CLI, bu yerda siz bir vaqtning o'zida butun tasvirlar papkasini optimallashtirishingiz mumkin.

ImageAlpha yo'qolgan PNG kompressoridir va PNG fayllarni kichraytirishda ajoyib ishlarni amalga oshirishi mumkin, ImageOptim esa yo'qotishsiz (yo'qotish varianti bilan) ilg'or siqishni amalga oshiradi - va bu PNG, JPEG va GIF fayllaridan keraksiz metama'lumotlarni o'chirib tashlaydi.

Men PNG tasvirlarim uchun avval ularni ImageAlpha orqali ishga tushiraman:

Bu yerda u mening skrinshot tasvirimni 103K dan 28K gacha qisqartirdi.

Men uni ImageOptim orqali ishga tushirdim va qoʻshimcha 10% saqladim.

JPEGmini

JPEG fayllarim uchun ularni ish stoli JPEGmini ilovasi yordamida optimallashtiraman, mavjud. Mac va Windows uchun.

Lite versiyasi sizga kuniga 20 tagacha tasvirni bepul optimallashtirish imkonini beradi va cheklovni olib tashlash uchun $19,99 turadi.

Professional maslahat. : JPEGmini-ni Photoshop yoki Lightroom-ga plagin orqali integratsiya qilishni istagan ilg'or foydalanuvchilar Pro versiyasini sotib olishlari mumkin.$99,99.

Onlayn / Cloud / SaaS vositalari

TinyPNG

Agar siz yuqori sifatli onlayn tasvirni siqish vositasini qidirsangiz, TinyPNG (u JPEG formatini optimallashtiradi) fayllar ham nomidan qat'iy nazar) bu veb-ilova bo'lib, u 20 5MB yoki undan kichikroq hajmdagi rasmlarni brauzeringizga sudrab olib, ularni bir vaqtning o'zida optimallashtirishga imkon beradi.

Shuningdek, ularda ishlab chiquvchi API va WordPress yaratadi. Yuklanganda rasmlaringizni avtomatik optimallashtiradigan plagin mavjud.

TinyPNG sizga oyiga 500 ta bepul tasvir optimallashtirish imkonini beradi va shundan soʻng hajmga qarab har bir rasm uchun $0.002–0.009 dan olinadi.

Endi 500 ta. oyiga tasvirlar juda ko'p tuyulishi mumkin, lekin WordPress ko'pincha har xil o'lchamdagi har bir rasmning uch-besh variantini yaratishini hisobga olsangiz, samarali blogger uchun 500 ta rasm bu ko'p kabi ko'rinmaydi. Yaxshiyamki, har bir tasvirning narxi byudjetga mos keladi.

EWWW Image Optimizer

Agar siz pul sarflashga tayyor bo'lmasangiz va optimallashtirish bilan bezovta bo'lishni xohlamasangiz rasmlaringizni qoʻlda ishlatsangiz, WordPress uchun bepul EWWW Image Optimizer plagini yuklangan rasmlaringizni avtomatik ravishda optimallashtirishi mumkin.

Siz yoʻqotadigan siqishni amalga oshiradigan premium obunani tanlashingiz mumkin, lekin bepul versiya faqat yoʻqotishsiz siqishni amalga oshiradi, shuning uchun tejamkor boʻladi. t deyarli sezilarli darajada. Bu vaqtingizni tejaydi va hech narsadan yaxshiroq.

Izoh: Toʻliq maʼlumot uchun qarang.tasvirni siqish vositalari haqidagi postimiz.

Uni yakunlash

Ba'zi odamlar 2017-yilga borib o'rtacha veb-sahifa hajmi 3MB ga yaqinlashishini taxmin qilishsa, endi rasmlaringizni optimallashtirishni boshlash vaqti keldi.

Yodda tutingki, barcha tashrif buyuruvchilaringiz yuqori tezlikda ulanishda bo‘lmaydi, sahifaning to‘lib ketishi va sahifaning sekin yuklanish vaqtlari sizning Google reytingingizga ta’sir qilishi mumkin. Yukni engillashtirish uchun, ta'bir joiz bo'lsa, bugun tasvirlaringizni optimallashtirishga odatlaning.

Tasvir o'lchamlariga e'tibor bering va raqamli kameradagi haddan tashqari katta suratlar yoki rasmlarning hajmini mos keladigan darajada o'zgartiring. hajmi.

Keyin, JPEGmini kabi ish stoli ilovalari yoki TinyPNG yoki Kraken kabi bulut vositalari yordamida zamonaviy tasvirni siqish imkoniyatlaridan foydalaning – ularni iloji boʻlsa plagin bilan WordPress bilan birlashtiring.

Nihoyat, agar nashriyot platformasi asl tasviringizning oʻlchamini avtomatik ravishda oʻzgartiradi, asl, toʻliq oʻlchamli emas, balki blogingiz posti uchun ulardan birini tanlang.

Aloqador oʻqish: Tasvirni qisqartirishning 7 usuli. PDF fayllar hajmi.