Siz ham shunday holatga duch kelgan bo'lishingiz mumkin. Shopify’da mahsulot sahifasi sayqallangan ko'rinadi, fotosuratlar muharrirda aniq ko'rinadi va keyin mobil tashrif buyuruvchilar tezlasha boshlaydi, PageSpeed ballingiz esa oltmishinchi yillarda o'jarlik bilan o'z o'rnini topadi. Muammo odatda "yomon dizayn"da emas. Gap shundaki, rasm faylining o'lchamlari maket uchun juda og'ir va xaridor mahsulotni, narxni yoki "Savatga qo'shish" tugmasini ko'rishi uchun har bir qo'shimcha baytni bosib o'tish kerak.

Shuning uchun vitrinadagi tasvir qarorlari hech qachon shunchaki dizayn qarorlari emas. Ular sahifa tezligiga , vizual sifatga va Google sahifaning qancha qismini tez ko'rib chiqishi va muhim ahamiyatga ega bo'lishi mumkinligiga ta'sir qiladi. Agar siz taxmin qilmasdan o'lchamini o'zgartirish uchun amaliy yorliqni xohlasangiz, Yassine Maltining tasvir o'lchamini o'zgartirish qo'llanmasi foydali yordamchidir, chunki u sizga keyingi partiyani yuklashdan oldin mexanikani tushunishga yordam beradi.

Mundarija

Nima uchun Shopify do'konida rasm fayl o'lchamlari muhim

Sotuvchi Shopify administratorida sayqallangan mahsulot sahifasiga qarasa ham, asosiy muammoni ko'rmasligi mumkin. Sahifa Wi-Fi orqali noutbukda yaxshi ko'rinishi mumkin, keyin mobil qurilmada ishlamay qolishi mumkin, qahramon tasviri kech paydo bo'ladi va xaridor sahifa tayyor bo'lib tuyulishidan oldin uni aylantirib yuboradi. Yaxshi ko'rinadigan va tez yuklanadigan sahifa orasidagi farq - bu tashrif daromad keltirishi yoki ishqalanishini belgilaydigan joy.

Har bir sahifadagi yashirin raqobat

Vitrinadagi har bir rasm nusxa, skriptlar, sxema va mijozning sabr-toqati bilan raqobatlashadi. Agar qahramon fotosurati katta hajmda bo'lsa, u nafaqat o'tkazish qobiliyatini yo'qotadi, balki tashrif buyuruvchi taklifni baholay oladigan vaqtni sekinlashtiradi. Tasvir og'irligi bir vaqtning o'zida konversiya savoli va Core Web Vitals savolidir.

Shopify savdogarlari odatda buni birinchi bo'lib mahsulot sahifalarida va kolleksiya sahifalarida his qilishadi. Bir nechta katta fotosuratlar butun maketni og'irlashtirishi mumkin, ayniqsa mobil tarmoqlarda va bu og'irlik eng muhim joylarda, qahramon, kolleksiya panjarasi, mahsulotni kattalashtirish va eskizlarda ko'rinadi. Qahramon tasviri eskizdan farq qiladi, shuning uchun u bir xil fayl o'lchamidagi yukni ko'tarmasligi kerak. Xuddi shu narsa kolleksiya panjaralari uchun ham amal qiladi, bu yerda takroriy tasvirlar tezda bir-biriga yopishadi va har bir aylantirishni qiyinlashtiradi.

Rasm faylining hajmi sahifaning qanchalik tez foydalanishga yaroqli bo'lishiga ham ta'sir qiladi, shuning uchun u maketni rejalashtirish bilan bir xil suhbatga tegishli. Xom rasm o'lchamlari muhim, ammo yetkazib beriladigan fayl hajmi brauzer olishi va dekodlashi kerak bo'lgan narsadir. Yassine Maltining rasm o'lchamini o'zgartirish qo'llanmasida tushuntirilganidek, kichikroq eksport keraksiz og'irlikni olib tashlash bilan birga tasvirning vizual rolini saqlab qolishi mumkin.

Amaliy samara

Buning ahamiyati oddiy. Asosiy piksellar soni asosiy chiziqni belgilaydi va siqish va format faylning yakuniy hajmini belgilaydi. 24-bitli RGB formatidagi 24 megapikselli tasvir taxminan 72 million bayt xom piksel ma'lumotlarini o'z ichiga oladi, shu bilan birga, xuddi shu tasvir eksport tanlovlariga qarab ( Scantips ) 100% sifatli JPEG formatida taxminan 423,41 KB yoki JPEG formatida 90% sifatli taxminan 211,7 KB hajmda bo'lishi mumkin. Aynan shu farq ikkita do'kon deyarli bir xil ko'rinadigan va baribir juda turli tezlik natijalariga ega bo'lgan tasvirlardan foydalanishi mumkinligidadir.

Amaliy qoida: Agar rasm bezatishdan ko'ra sotish uchun muhimroq bo'lsa, uni yuklashdan oldin unga fayl o'lchamini belgilang.

Bu savdogarlar foydalanishi kerak bo'lgan standart usul. Har bir vitrina uchun byudjet belgilang, so'ngra faylni ishga moslang. Qahramon banneri eskizga qaraganda ko'proq vaznni oqlashi mumkin, ammo ikkalasi ham sahifaning qolgan qismini qo'shimcha yuk ko'tarishga majburlamasligi kerak. Bu odat o'rnatilgandan so'ng, mahsulot sahifalarini boshqarish osonroq bo'ladi va har bir yangi yuklash yana bir yashirin sudrab yurish o'rniga mos keladigan joyga ega bo'ladi.

Rasm hajmi va fayl hajmi va nima uchun ikkalasi ham muhim

Savdogarlar ko'pincha bu atamalarni xuddi bir xil ma'noda ishlatishadi, keyin nima uchun rasm administratorda yaxshi ko'rinib, lekin vitrinani sekinlashtirishi haqida o'ylashadi. Tasvir o'lchami - bu piksel o'lchamlari, kengligi va balandligi. Fayl o'lchami - bu eksport qilingan faylning diskdagi baytlarda, odatda KB yoki MB da og'irligi bo'lib, u siqish, formatlash va bit chuqurligi bilan o'zgaradi. Ikkita rasm bir xil o'lchamlarga ega bo'lishi mumkin va baribir juda boshqacha yuklash xarajatlarini keltirib chiqarishi mumkin.

Raqamli fotografiya va grafika uchun piksellardagi tasvir o'lchamini baytlardagi fayl o'lchami bilan taqqoslaydigan diagramma.

Piksellar shiftni o'rnatdi

Piksellar fayl qancha vizual tafsilotlarni sig'dira olishini belgilaydi. 24-bitli RGB formatidagi 24 megapikselli tasvir taxminan 72 million bayt xom piksel ma'lumotlarini o'z ichiga oladi, chunki 24 million piksel × har bir piksel uchun 3 bayt = 72 000 000 bayt . Bu xom raqam eksport uchun boshlang'ich nuqtadir, brauzer oladigan yakuniy og'irlik emas.

Eksport qilish imkoniyatlari natijani tezda o'zgartiradi. Xuddi shu manba fotosurati 100% sifatda JPEG formatida taxminan 423,41 KB va 90% sifatda JPEG formatida taxminan 211,7 KB hajmda chiqishi mumkin. Piksellar o'zgarishsiz qoladi, eksport qilish esa asl tafsilotlarning ko'proq yoki kamroq qismini saqlab qoladi.

Siqish va formatlash natijani hal qiladi

Ko'pgina Shopify auditlari bu yerda yon tomonga o'tadi. Savdogarlar katta rasm internet uchun juda og'ir bo'lishi kerak deb taxmin qilishadi, ammo o'lchamlar va fayl og'irligi alohida qarorlardir. Katta o'lchamli rasm yaxshi eksport qilinsa, u hali ham oqilona fayl bo'lishi mumkin. Oddiy ko'rinishdagi grafik noto'g'ri formatda yoki noto'g'ri sifatda saqlansa, shishib ketishi mumkin.

Bu farq vitrina roliga qarab muhim ahamiyatga ega. Qahramon banneri eskizga qaraganda ko'proq vizual og'irlikni ko'tarishi mumkin, ammo to'plam panjara tasviri sahifa toza yuklanishi uchun yetarlicha yorug' bo'lib qolishi kerak. Mahsulotni kattalashtirish uchun suratlar yaqin masofada ushlab turish uchun yetarli piksel tafsilotlarini talab qiladi, eskiz uyalari esa odatda eksport maket ko'rsata oladiganidan ancha ko'proq tafsilotlarni saqlasa, o'tkazish qobiliyatini yo'qotadi.

Asosiy qoida: Piksellar tasvir qancha vizual tafsilotlarni ko'rsatishi mumkinligini belgilaydi. Fayl hajmi xaridoringiz qancha yuklab olishi kerakligini belgilaydi.

Bu ikki raqamni alohida saqlang, shunda tasvirni rejalashtirish osonlashadi. Tor eskiz uyasi katta o'lchamlardan foyda ko'rmaydi. Mahsulot sahifasidagi kattalashtirish tasviri aniq ko'rinishi uchun yetarli piksellarga muhtoj, ammo eksport qilingan fayl Core Web Vitals va uning atrofida yuklanishi kerak bo'lgan sahifaning qolgan qismi uchun hali ham o'rtacha darajada qolishi kerak.

JPEG, PNG, WebP va AVIF taqqoslandi

Shopify do'konida har bir rasm formati turlicha maqsadga xizmat qiladi. Mahsulot fotosurati, logotip va skrinshotning barchasi, hatto ular bir xil mavzuda bo'lsa ham, har xil ishlov berishni talab qiladi. Formatni rasmning odatiga emas, balki sahifada bajarishi kerak bo'lgan vazifaga qarab tanlang.

JPEG, PNG, WebP va AVIF tasvir formatlarini ularning xususiyatlari va foydalanish holatlari tavsiflari bilan taqqoslaydigan infografika.

JPEG va PNG hali ham o'z o'rnini egallaydi

JPEG fotosuratlar uchun standart tanlov bo'lib qolmoqda. U yaxshi siqiladi, deyarli hamma joyda ishlaydi va odatda mahsulot tasvirlarini veb uchun yetarlicha yorug'likda saqlaydi. PNG o'tkir qirralar, tekis rang, shaffoflik yoki matnni talab qiladigan tasvirlarga mos keladi, shuning uchun fayllar odatda og'irroq bo'lsa ham, logotiplar va foydalanuvchi interfeysi grafikalari ko'pincha u yerda bo'ladi.

Shopify’da bu ikkiga bo‘linish, chunki do‘konlar odatda ikkala turdagi aktivlarni birlashtiradi. PNG formatida saqlangan turmush tarzi fotosurati odatda vitrina ko‘tarishi kerak bo‘lganidan og‘irroq bo‘ladi. JPEG formatida saqlangan logotip qo‘pol ko‘rinishi yoki shaffoflikni yo‘qotishi mumkin, bu esa keyinchalik tozalashning oldini olish mumkin bo‘lgan holatga olib keladi. Format odatga emas, balki ishga mos kelishi kerak.

Kolleksiya kartasi yaxshi misol bo'la oladi. Agar rasm toza mahsulot surati bo'lsa, JPEG odatda xaridorlar ko'radigan ko'rinishga zarar yetkazmasdan og'irlikni kamaytiradi. Agar aktiv rangli fon ustida joylashgan nishon, belgi yoki logotip bo'lsa, PNG chekkalarni yaxshiroq himoya qiladi va xunuk halqalarning oldini oladi.

WebP va AVIF fayl o'lchamlarini pasaytiradi

Zamonaviy formatlar odatda fayl hajmini yanada qisqartiradi. Taqqoslanadigan sifatdagi misol uchun, JPEG formati 75% da taxminan 1,25–1,53 MB , WebP formatidagi yo'qotish darajasi taxminan 0,72–0,88 MB , AVIF formati taxminan 0,57–0,69 MB va JPEG XL formati taxminan 0,55–0,67 MB ni tashkil qiladi ( W3Techs ). Bu eski eksport odatlaridan sezilarli darajada pasayishdir va bu nima uchun ko'plab vitrinalar fotosuratlarni yumshoq ko'rsatmasdan vaznni kamaytirishi mumkinligini tushuntiradi.

Muammo shundaki, formatni tanlash hali ham kontentning o'ziga bog'liq. WebP va AVIF mahsulotni suratga olish uchun juda yaxshi ishlashi mumkin, ammo shaffof grafikalar boshqacha ishlashi mumkin. Agar fayl asosan fotosurat bo'lsa, ushbu turdagi tasvirni samarali siqib chiqaradigan formatdan foydalaning. Agar u shaffof logotip yoki grafika bo'lsa, chekkalarini toza saqlaydigan formatdan foydalaning.

Shopify do'konida bu odatda qahramon banneri uchun bitta format, logotip uchun boshqa format va mahsulotning yaqin masofadan olingan suratlari uchun boshqa formatni anglatadi. To'g'ri tanlov zamonaviy ko'rinishga emas, balki sahifani tezkor ushlab turish va tasvirni haqiqiy joylashuvida aniq ko'rsatishga qaratilgan.

Qaror qoidasi: Odamlar, mahsulotlar yoki teksturalar bilan suratga oling, JPEG yoki WebP ni tanlang. Yassi grafikalar, logotiplar yoki skrinshotlar uchun PNG ni tanlang. Agar ish oqimingiz zaxira nusxasini qo'llab-quvvatlasa, AVIF yoki WebP eng toza jonli do'kon variantidir.

Ruxsat va siqish raqamlarni qanday o'zgartiradi

Fayl ekraningizda yaxshi ko'rinishi mumkin, ammo baribir kerakligidan ancha og'irroq bo'lishi mumkin. Bu Shopify'da savdogarlar birinchi navbatda his qiladigan qism, chunki bir xil tasvir qahramon banneri, kolleksiya panjarasi mozaikasi, mahsulotning kattalashtirish surati yoki kichik eskiz kabi juda boshqacha harakat qilishi mumkin. Ruxsat brauzerdan qancha piksel olib yurishni so'rashingizni va siqish sahifa yuklanishidan oldin bu og'irlikning qancha qismi kesilishini boshqaradi.

Ko'proq piksellar ko'proq ma'lumotni anglatadi

Kattaroq rasm shunchaki kattaroq kanvas emas, balki brauzer qayta ishlashi uchun ko'proq xom ma'lumotdir. Avvalroq ko'rsatilganidek, 24MP tasvir siqish boshlanishidan oldin taxminan 72 million bayt xom ma'lumotni o'z ichiga oladi . Agar siz bir xil sahnani vitrina ehtiyojidan yuqori piksellar sonida eksport qilsangiz, fayl namoyish etilgandan so'ng deyarli bir xil ko'rinsa ham, og'irlashadi.

Shuning uchun ham katta hajmdagi eksportlar saqlash joyidagi tartibsizliklardan ko'proq narsani keltirib chiqaradi. Ular uzatish og'irligini oshiradi, brauzerning ishlashini qiyinlashtiradi va xaridorlar sahifaning tez ko'rinishini kutadigan joyda tasvirni sekinlashtirishi mumkin. To'plam panjarasi plitkasi kattalashtiriladigan mahsulot tasviri kabi bir xil yuklanishga muhtoj emas va eskiz ikkalasiga qaraganda ancha kamroq narsani talab qiladi.

Siqish sizni tejaydi, lekin qo'shimcha piksellarni bo'shatmaydi

Siqish katta hajmdagi manba faylini Shopify samarali xizmat qila oladigan darajaga tushirishi mumkin, ammo joylashtirish talab qilganidan ko'proq piksellardan foydalanish xarajatlarini yo'q qilmaydi. Agar mahsulot fotosurati kattalashtirish imkoniyatiga ega galereyaga kiritilsa, yaxshi ekranda aniq bo'lib qolish uchun yetarli tafsilotlarga ega bo'lishingiz kerak. Agar bir xil tasvir faqat kolleksiya kartasiga kiritilsa, to'liq o'lchamli versiyani yetkazib berish behuda sarf bo'ladi.

Bu haqda o'ylashning oddiy usuli. Piksellar chiqindilar uchun zamin yaratadi , chunki katta o'lchamlar oldini olish mumkin bo'lgan og'irlikni yaratadi. Sifat sozlamalari tejash uchun chegarani belgilaydi , chunki u eksport qancha tafsilotlarni saqlashini belgilaydi. Format bu siqishni qanchalik yordam berishini boshqaradi , chunki turli fayl turlari bir xil tarzda qisqarmaydi.

Shopify foydalanish holatlariga bog'liq rasm o'lchamlari bo'yicha ko'rsatmalar uchun ushbu Shopify rasm SEO qo'llanmasi foydali yordamchi hisoblanadi. Bu har bir vitrina rasmini bir xil vazifani bajarayotgandek qabul qilish o'rniga, eksport qarorini haqiqiy joylashuv bilan bog'lashga yordam beradi.

Qahramon tasviri, kolleksiya mozaikasi va eskiz turli darajadagi tafsilotlarni talab qiladi. Bu sotuvchilar odatda sog'inadigan qism va shuning uchun piksellar sonidagi kichik o'zgarish muharrirda zararsiz bo'lib tuyulishi mumkin, shu bilan birga brauzerda og'irroq do'kon yaratadi.

Asosiy veb-muhim ko'rsatkichlar va og'ir tasvirlarning SEO narxi

Og'ir tasvirlar SEOga juda to'g'ridan-to'g'ri zarar yetkazadi, chunki Google yuklash niyatini emas, balki tajribani o'lchaydi. Ko'pgina Shopify sahifalarida eng katta ko'rinadigan tasvir yuklash tajribasini boshqarishi mumkin bo'lgan narsadir. Agar bu rasm juda og'ir bo'lsa, Largest Contentful Paint sekinlashadi va tashrif buyuruvchi sahifa foydalanishga yaroqli bo'lib tuyulishi uchun ko'proq kutadi.

Tasvir fayli hajmining ortishi eng katta kontentli Paint sahifasining yuklanish vaqtiga qanday salbiy ta'sir ko'rsatishini ko'rsatuvchi ustunli diagramma.

LCP odatda noto'g'ri narsada ayblanadi

Savdogarlar ko'pincha avval ilovalarni, skriptlarni yoki mavzu kodini ayblashadi va ba'zan ular haq bo'lishadi. Lekin qahramon tasviri ko'pincha eng oson yutuqdir. Katta qahramon tasviri sahifa mazmunli bo'lib qolishini to'xtatib qo'yishi mumkin, ayniqsa mobil qurilmalarda, chunki ulanish sifati o'zgaradi va ko'rish maydoni juda katta aktivlarni osongina aniqlash mumkin bo'lgan darajada kichik.

Tasvir og'irligiga ta'sir qiladigan yana bir ko'rsatkich - bu Kümülatif Layout Shift . Agar mavzuingiz rasmlar uchun to'g'ri joy ajratmasa, aktivlar yuklanishi bilan maket o'zgaradi. Bu xaridorlarga beparvo tuyuladi va sahifadan foydalanishni qiyinlashtiradi. Shopify mavzulari ko'pincha bu ishning bir qismini allaqachon bajaradi, lekin savdogarni yomon tasvir ish jarayonidan qutqarish uchun har doim ham yetarli emas.

Hajm maqsadlari tasodifiy emas

Veb-yetkazib berish bo'yicha texnik ko'rsatmalar odatda mahsulot fotosuratlari 800 dan 1000 pikselgacha va 80 dan 150 KB gacha , qahramon tasvirlari 200 KB dan kam va sahifa tasvirlarining umumiy byudjeti 500 KB dan kam bo'lishini talab qiladi. Xuddi shu ko'rsatmalarda JPEG fayllari ko'pincha 200 dan 600 KB gacha, WebP fayllari 150 dan 450 KB gacha, AVIF fayllari 80 dan 300 KB gacha va PNG fayllari 500 KB dan 3 MB gacha ( Vizua ) belgilangan. Bu diapazonlar mavjud, chunki tasvir og'irligi va sahifa ishlashi bir-biri bilan bog'liq.

Sahifa tezkor bo'lishi uchun sun'iy ravishda kichik bo'lishi shart emas. U intizomli bo'lishi kerak. Agar sizning rasmlaringiz shishib ketgan bo'lsa, siz brauzerni xaridor tajribasini yaxshilamaydigan ishlarni bajarishga majbur qilasiz. Bu nazariy emas, balki to'g'ridan-to'g'ri SEO xarajati.

Kengroq audit jarayoniga Shopify-ga yo'naltirilgan nuqtai nazar uchun Shopify uchun ushbu tasvir SEO qo'llanmasi foydali ma'lumotnoma nuqtasidir.

Shopify joylashtirish bo'yicha rasm fayllarining maqsadli o'lchamlari

Taxmin qilishni to'xtatishning eng oson yo'li - vitrinadagi har bir vizual rol uchun fayl o'lchamidagi byudjetni belgilash. Qahramon banneri eskizdan farqli vazifani bajaradi va to'plam panjarasi kattalashtiriladigan mahsulot tasviri bilan bir xil og'irlikda eksport qilinmasligi kerak. Sotuvchilar rasm fayl o'lchamlarini haqiqiy joylashtirishlarga tayinlagandan so'ng, do'konni tezda saqlash va tekshirish ancha osonlashadi.

Eksport tanlovingizni vitrinaning joylashuvi belgilab qo'ysin

To'liq kenglikdagi tasvirlar odatda kichik maket bloklariga qaraganda ko'proq joy talab qiladi. Moslashuvchan tasvir ko'rsatmalari odatda 1600 piksel atrofida va 200 dan 300 KB gacha bo'lgan to'liq kenglikdagi tasvirlarga, 800 pikselga yaqinroq va 70 dan 350 KB gacha bo'lgan 25% dan 50% gacha bo'lgan maket tasvirlariga va yuqori zichlikdagi ekranlarda ham aniq ko'rinishi uchun displey maydonining taxminan 2 baravar katta o'lchamdagi tasvirlarga ishora qiladi. Amalda, bu shuni anglatadiki, bir xil manba fotosurati ko'pincha turli xil eksportlarni talab qiladi, biri u to'ldiradigan joy uchun, ikkinchisi zich ekran kutadigan aniqroq tasvir uchun.

Shopify joylashtirish bo'yicha rasm fayli hajmi maqsadlari Joylashtirish Nishon kengligi Maqsadli fayl hajmi Tavsiya etilgan format
Qahramon bayrog'i Sahifaning yuqori qismidagi qahramon Taxminan 1600 piksel 200 dan 300 KB gacha JPEG yoki WebP
To'plam panjara eskizi Kolleksiya plitkalari Taxminan 400 dan 600 pikselgacha 40 dan 80 KB gacha JPEG yoki WebP
Mahsulot sahifasi fotosurati Asosiy mahsulot galereyasi Taxminan 800 dan 1200 pikselgacha 100 dan 200 KB gacha JPEG, WebP yoki AVIF
Eskiz yoki namunaviy rasm Kichik qo'llab-quvvatlovchi uyasi Taxminan 200 dan 400 pikselgacha Iloji boricha yorug'roq tuting JPEG yoki PNG, tarkibga qarab

Qahramon tasviri ko'proq yuk ko'tarishi mumkin, chunki u ko'rish maydonining ko'proq qismini to'ldiradi. Kolleksiya plitkasi esa bunday qila olmaydi. Savdogarlar Shopify bo'limlari uchun rasmlarni eksport qilishda shuni yodda tutishlari kerak, chunki fayl hajmi rasm sahifada egallagan joyga mos kelishi kerak.

Nima uchun bir xil tasvir bir nechta eksportga muhtoj bo'lishi mumkin

Mahsulot sahifasi ko'pincha bir xil faylning bir nechta versiyalarini moslashuvchan belgilash orqali taqdim etadi. Bu normal holat. Brauzer kichikroq ekranlar uchun kichikroq faylni va faqat maket kerak bo'lganda kattaroq faylni olishi kerak. Ushbu sozlama har bir tashrif buyuruvchiga keraksiz hajmdagi fayllarni yubormasdan, masshtablash sifatini saqlab qoladi.

Xuddi shu mantiq mahsulot galereyasidan tashqari ham qo'llaniladi. Vitrina ko'pincha bosh qahramon uchun bitta ishlov berishni, kolleksiya kartalari uchun boshqasini va yaqindan tasvirlangan tafsilotlar uchun boshqasini talab qiladi. Agar siz ijtimoiy tarmoqlar va ulashish aktivlarini vitrina vizuallari bilan uyg'unlashtirmoqchi bo'lsangiz, ushbu Shopify ijtimoiy tasvir qo'llanmasi mahsulot sahifasidan tashqaridagi ehtiyojlarni bir xil tasvir ish jarayoniga bog'lashga yordam beradi.

Shopify qoidasi: Eksportni slot hal qilsin. Qahramon saxiy bo'lishi mumkin, panjara eskizi esa mumkin emas.

Bu qoida bitta ulkan rasmni yuklash va mavzu uni hal qilishiga umid qilish kabi keng tarqalgan xatoning oldini oladi. Mavzular yordam berishi mumkin, ammo ular noto'g'ri eksport qarorini bekor qila olmaydi.

Do'konlarning sekin ishlashiga olib keladigan keng tarqalgan noto'g'ri tushunchalar

Shopify do'konlarining ko'pchiligi sekin ishlaydi, chunki kimdir yarim haqiqat qoidasiga ishonib, uni takrorlayveradi. Bu odatlar qayta-qayta auditlarda namoyon bo'ladi, odatda maslahat dastlab oqilona tuyulgani va hech qachon vitrinaning qanday yuklanishiga nisbatan tekshirilmagani uchun. Odatni ishlashdan ajratganingizdan so'ng, tuzatishlar odatda oson bo'ladi.

Qochish mumkin bo'lgan shishishni keltirib chiqaradigan beshta e'tiqod

  • Yuqori aniqlik har doim yaxshiroq sifatni anglatadi. Tasvir allaqachon to'ldirgan joydan kattaroq bo'lgandan so'ng, bu haqiqat bo'lib qoladi. Qo'shimcha piksellar xaridorning ko'rinishi uchun hech qanday foyda keltirmaydi, ular faqat og'irlik qo'shadi.
  • PNG har doim JPEGga qaraganda aniqroq. PNG qattiq qirrali logotiplar va grafikalar uchun to'g'ri tanlovdir, ammo mahsulot fotosuratlari odatda bunday yo'qotishsiz qo'shimcha xarajatlarni talab qilmaydi.
  • Shopify hamma narsani avtomatik ravishda optimallashtiradi. Shopify ba'zi hollarda yordam beradi, ammo asl yuklash hali ham aktivning og'irligi uchun chegarani belgilaydi.
  • WebP SEOga zarar yetkazadi, chunki Google uni o'qiy olmaydi. Bu e'tiqod eskirgan. Qidiruv tizimlari oddiy tasvirlar kabi zamonaviy formatlarni taqdim eta oladi.
  • Tasvir hajmi faqat ish stolida muhim. Mobil qurilmalardan xaridorlar avvalo keraksiz fayl og'irligini his qilishadi, chunki ularning qurilmalari va ulanishlarida xatolik uchun joy kamroq.

Tuzatish savdogarlari darhol foydalanishlari mumkin

Tuzatish odat bilan emas, balki rol bilan boshlanadi. Qahramon tasviri sahifaning yuqori qismini ushlab turish uchun yetarli sifatga ega bo'lishi kerak. To'plam plitkasi yorug' bo'lib qolishi kerak, shunda panjara toza yuklanadi. Masshtablash tasviri boshqa vazifani bajargani uchun ko'proq tafsilotlarni o'z ichiga olishi mumkin, eskiz yoki namuna esa maket imkon qadar kichik bo'lib qolishi kerak.

Shuning uchun har bir rasm uchun bitta eksport qoidasi muammo tug'diradi. Agar obyekt fotosurat bo'lsa, tezlik va ishonchli rang uchun eksport qiling. Agar u matnli yoki shaffof grafik bo'lsa, chekkalarini himoya qiling va fayl kattaroq bo'lishi mumkinligini qabul qiling. Agar u tor uyaga tegishli bo'lsa, to'liq kenglikdagi displey uchun mo'ljallangan faylni yuklamang.

Ruxsat bo'limida aytib o'tilganidek, 24MP tasvir siqilgandan so'ng 2 dan 8 MB gacha hajmda joylashishi mumkin, bu esa piksellar sonining o'zi tasvirning veb-saytga tayyor yoki yo'qligini ko'rsatmasligini ko'rsatish uchun yetarli. Asosiy savol shundaki, fayl Shopify joylashuviga mos keladimi yoki yo'qmi. Qahramon panjara kartasidan ko'proq narsani qabul qilishi mumkin, kattalashtirish esa eskizdan ko'proq narsani qabul qilishi mumkin. Eksport rolga mos kelishi kerak.

Tegishli xato shundaki, har bir aktiv bir xil metama'lumotlarni tozalashga loyiq deb taxmin qilinadi. Agar rasm namoyish qilish uchun yetarlicha muhim bo'lsa, avval uni tekshirish yetarlicha muhimdir. Ish jarayonining ushbu qismini izchil saqlash uchun Shopify rasmlari uchun alternativ matn generatoridan foydalaning, so'ngra fayl hajmini u to'ldiradigan joyga nisbatan baholang.

Bu ko'pgina do'konlarda yetishmaydigan qism. Fayl kichik bo'lishi shart emas. U mos bo'lishi kerak.

Keyingi rasm to'plamingiz uchun takrorlanadigan nazorat ro'yxati

Eng toza tasvir ish jarayoni - bu sizning jamoangiz taxmin qilmasdan takrorlay oladigan jarayon. Har safar bir xil tekshiruvlar bir xil tartibda amalga oshirilganda, siz kamroq katta hajmdagi yuklamalar, kamroq maket kutilmagan hodisalari va katalogda yashiringan sekin mahsulot sahifalari kamroq bo'ladi. Agar siz yangi mahsulotni taqdim etishga tayyorlanayotgan bo'lsangiz yoki mavzuni yangilayotgan bo'lsangiz, biror narsa ishga tushishidan oldin partiyani ushbu tartib bo'yicha bajaring.

Shopify-ga mos keladigan oddiy eksport tartibi

  1. Joylashtirish uchun maqsadli kenglikda eksport qiling. Qahramon, to'plam kartasi, mahsulotni kattalashtirish tasviri va eskizning har biri turli vazifalarga ega, shuning uchun manba tasviri ruxsat bergani uchun kattaroq faylni yuklamang.
  2. Rol bo'yicha formatni tanlang. Rasmlar odatda JPEG, WebP yoki AVIF formatlariga mos keladi. Shaffoflik yoki aniq qirralar muhim bo'lganda, logotiplar va matnga boy grafikalar PNG formatiga yaxshiroq mos keladi.
  3. Agar kerak bo'lsa, jonli saqlash versiyasini va kattalashtirish versiyasini saqlang. Kattalashtirish fayli ko'proq tafsilotlarni saqlashi mumkin, ammo ko'rinadigan sahifa maketga chindan ham kerak bo'lmasa, bu og'irlikni ko'tarmasligi kerak.
  4. Iloji bo'lsa, yengilroq zamonaviy formatni tanlang. Jonli tasvir uchun WebP yoki AVIF dan foydalaning va moslik muhim bo'lgan hollarda JPEG ni zaxira sifatida saqlang.
  5. Nashr qilishdan oldin rasm metama'lumotlari va alternativ matnni tekshiring. Agar aktiv namoyish qilish uchun yetarlicha muhim bo'lsa, uni tekshirish ham yetarlicha muhimdir. Ish jarayonining ushbu qismini izchil saqlash uchun RankEngine alternativ matn generatoridan foydalaning.

Skrinshot https://rankengine.app saytidan olingan

Qanday izchillik sizni sotib oladi

Kichik yaxshilanishlar katalogda bir-birining ustiga chiqadi. Bitta yengilroq qahramon tasviri do'konni o'z-o'zidan o'zgartirib yubormaydi, lekin mahsulotning yaxshi o'lchamdagi suratlari, kolleksiya plitkalari va eskizlarning butun to'plami vitrinani toza, tezroq va xarid qilishni osonlashtirishi mumkin. Mijozlar buni payqashadi, hatto ular hech qachon fayl o'lchamlari haqida gaplashmasalar ham.

Agar jamoangiz rasm metama'lumotlarini keng miqyosda qayta ishlasa, RankEngine-ning alternativ matn generatori har bir yuklashni qo'lda bajariladigan ishga aylantirmasdan ish jarayonining o'sha qismini harakatda ushlab turishi mumkin.

Ushbu tartibni keyingi partiyangizga qo'llang, shunda do'koningiz darhol tezroq yuklanadi.