Fanidan kurs ishi mavzu

I-BOB
Tasvir o'lchamlari
Optimallashtirilmagan tasvirlar veb-saytlarni sekinlashtiradi. Sekin veb-saytlar = yomon foydalanuvchi tajribasi, Google qidiruvlarida o'rin olish imkoniyatining pastligi va natijada kamroq so'rovlar va mijozlar. Tasvirlaringizni tegishli o'lchamlar bilan saqlash va Internet uchun rasmlarni optimallashtirish bir nechta narsalarga yordam beradi:Tezlik - Google tomonidan olib borilgan tadqiqotga ko'ra, agar veb-sahifa 5 soniyadan ko'proq vaqt ichida yuklansa, mobil foydalanuvchi ushbu sahifani tark etishi ehtimoli 90% ga oshadi. Rasm o'lchamlarini o'zgartirish va kamaytirish orqali siz veb-sayt sahifalaringizni tezroq qilasiz.
Foydalanuvchi tajribasi - yaxshi sifatli, ta'sirli tasvirlar tashrif buyuruvchilarga veb-saytingizni ko'rib chiqishda yanada qiziqarli tajribaga ega bo'lishlariga yordam beradi. Ushbu tasvirlarni optimallashtirish va tez yuklash orqali siz tashrif buyuruvchilaringiz uchun muammosiz va silliq tajribani ta'minlaysiz, bu ularni saytingizda ko'proq vaqt o'tkazishga va tarkibingizni o'rganishga undaydi.
SEO reytingi - sayt tezligi reyting omilidir. Sizning saytingiz qanchalik tez bo'lsa, potentsial reytingga ega bo'lishingiz mumkin. Optimallashtirilgan tasvirlarga ega veb-sahifalar ish stolida ham, mobil qurilmalarda ham tezroq yuklanadi.
Savdo - tezroq yuklash vaqtlari va yaxshi SEO saytingizga ko'proq foydalanuvchilarni jalb qilishga yordam beradi, bu sizning so'rov va bron qilish imkoniyatingizni oshiradi.
Rasmlarni Internetga yuklashda e'tiborga olish kerak bo'lgan bir qator narsalar mavjud, masalan, rasm nima uchun ishlatilishi, fayl qanchalik katta bo'lishi kerak va saytingizning turli joylari uchun qanday tasvir turi ishlatilishi kerak.
1.1Rasmdan foydalanish va turi
Saytingizning turli sohalari uchun turli xil tasvir o'lchamlarini ishlatmoqchi bo'lgan turli xil holatlar mavjud, quyida men eng keng tarqalgan joylarni va har biri uchun foydalanishingiz mumkin bo'lgan o'lchamlarni ko'rib chiqaman. E'tibor bering, bular tavsiya etilgan, retinaga mos, o'lchamlarni o'lchash variantlari, chunki foydalanuvchilarning aksariyati saytni mobil yoki o'rtacha 13-15 dyuymli qurilmada ko'rishini hisobga olgan holda. Ammo, agar siz saytni 27 dyuymli monitoringiz uchun ajoyib ko'rinishga ega bo'lishni maqsad qilgan bo'lsangiz (u haqiqatan ham yuqori aniqlikka ega), bu sizning potentsial mijozlaringiz ishlatadigan narsa bo'lmasligi mumkinligiga e'tibor bering.
Agar foydalanuvchilaringiz saytingiz va portfelingizni qanday koʻrishini aniqroq bilishni istasangiz, Google Analytics orqali saytingizga kirish uchun foydalanilgan qurilmalarni tekshirishingiz mumkin (Tomoshabinlar – Texnologiya – Brauzer va OS – Ekran oʻlchamlari boʻlimiga oʻting) va tavsiya etilgan parametrlarni sozlashingiz mumkin. o'rtacha foydalanuvchining kerakli nisbatiga mos keladigan o'lcham.
Sayt bo'ylab siz chapdan o'ngga butun ekranni qoplaydigan to'liq kenglikdagi tasvirlardan foydalanishingiz kerak bo'lgan bo'limlarga ega bo'lishingiz mumkin. Bu joylar tasvirlari, to'liq ekranli slayd-shou, banner tasvirlari bo'lishi mumkin. Toʻliq kenglikdagi tasvirlaringiz har qanday katta yoki kichik qurilmada yaxshi koʻrinishini taʼminlash uchun tavsiya etilgan oʻlcham 2400x1600px. E'tibor bering, qurilmalar siz suratga olganingizdan farq qiladi va Internetda ko'rilganda rasmlaringiz kesilishi mumkin. Tavsiya sifatida muhim tasvir mazmunini kesib tashlamaslik uchun veb-kontentingiz uchun odatdagidan kengroq suratga olishga harakat qiling. Ichki kontent tasvirlari
Gorizontal - maksimal kengligi 1500px, jpeg, veb uchun saqlangan va optimallashtirilgan
Vertikal - maksimal kengligi 1000px, jpeg, veb uchun saqlangan va optimallashtirilgan

ichki kontent tasvir o'lchamlari gorizontal.

Saytingiz sahifalarida tasvirlar, matn maydonlari, harakatga chaqiruv tugmalari va boshqalardan iborat bo'limlar bo'ladi. Asosan, bu tasvirlar ichki tarkibning bir qismi bo'lgan bo'limlardir ("to'liq emas - kenglik" deb o'qing). Bunday hollarda, ba'zi Flothemes bloklarimiz kabi tavsiya etilgan o'lchamlar belgilanmagan bo'lsa, gorizontal va vertikal tasvirlar uchun yuqoridagi tavsiyalarga amal qilishingiz mumkin. Rasmlaringizni saqlaganingizda nisbatingizga qarab balandlik mos ravishda o'rnatiladi.
Agar siz slayd-shou galereyangiz uchun rasmlar tayyorlayotgan bo'lsangiz: gorizontal yoki vertikal bo'lishidan qat'i nazar, ularning barchasi bir xil balandlikda tavsiya etilgan 1500px bo'lishiga ishonch hosil qiling.
slayd-shou galereyalari tasvir o'lchamlari
Blog postlari rasmlari
Agar siz blogpostga yuklash uchun rasmlar tayyorlayotgan bo'lsangiz, gorizontal yoki vertikal bo'lishidan qat'i nazar, ularning kengligi bir xil, tavsiya etilgan 1500px bo'lishiga ishonch hosil qiling.
blog posti tasvir o'lchamlari
Tanlangan rasmlar
Tanlangan tasvirlarning 3 turi mavjud: portret, landshaft va qahramon tasvirlari. Portret va landshaft tasvirining oʻlchamlari ichki kontent tasvirlari bilan bir xil tavsiyalarga amal qiladi, qahramon tasvirlari uchun tavsiya etilgan oʻlcham esa Toʻliq kenglikdagi tasvirlar ostida qoplanadi. Yaxshi tasvirlangan tasvirlarga ega bo'lishning kaliti bu izchillikdir. Agar siz barcha portretlardan foydalanmoqchi bo'lsangiz, ular bir xil o'lchamda ekanligiga ishonch hosil qiling, landshaft va qahramon tasvirlari uchun ham xuddi shunday. Agar g'isht panjarasidan foydalansangiz, yuqoridagi o'lchamlar unchalik ahamiyatli emas, shunchaki tasvirlar kengligi kamida 1000px ekanligiga ishonch hosil qiling.

Agar siz tasvir oʻlchami bilan bogʻliq muammolarga duch kelsangiz, ular toʻgʻri sozlanganligiga ishonch hosil qilish uchun Flothemes sozlamalaringizdagi tasvir oʻlchamlarini koʻrib chiqing. Internetingiz uchun to'g'ri tasvir o'lchamlarini aniqlash usullari.

Muayyan tartib tufayli yuqorida tavsiya etilgan o'lchamlar sizning ehtiyojlaringizga mos kelmasligi mumkin. Agar siz rasmning to'g'ri o'lchamiga ishonchingiz komil bo'lmasa, xayriyatki, veb-saytingiz rasmlarini osongina tekshirishga va saytingizdagi har bir element uchun kerakli o'lchamni aniqlashga yordam beradigan bir necha usullar mavjud.
Esda tutish kerak bo'lgan muhim narsa shundaki, retina qurilmalari uchun tasvir piksel zichligini ikki baravar oshirish kerak. Buning ma'nosi shundaki, sizga to'r pardasi qurilmalari uchun ikki baravar kattaroq tasvirlar kerak bo'lib, ular chiroyli va tiniq ko'rinadi. Shunday qilib, saytingizdagi har bir bo'lim uchun to'g'ri rasm o'lchamlarini topganingizdan so'ng, siz bu o'lchamlarni ikki baravar oshirishni xohlaysiz va shundan keyingina ularni eksport qiling va saytingizga yuklang.