Veb-dizaynda, siz bilganingizdek, har bir tafsilot muhim. Sizning resursingizga o'tgan odam har bir elementni alohida ko'rmaydi, balki butun tasvirni boshqa kichik detallardan iborat paket sifatida qabul qiladi. Shunday qilib, agar siz o'z manbangizni ishlab chiqish jarayonida biror narsani o'tkazib yuborsangiz, bu tafsilot keyinchalik butun majmuani, butun kompozitsiyani buzishi mumkin.
Bunday arzimas narsa, masalan, tugma foni, biron bir kichik elementning noto'g'ri tanlangan shrifti va hatto favikon bo'lishi mumkin. Haqiqatan ham, o'zingiz ko'ring - katta, taniqli saytlarda foydalanuvchi brauzerining "Xatcho'plar" bo'limida uni ko'rsatadigan individual belgi mavjud. Busiz resurs ishlab chiquvchilari dastlab intilayotgan kompozitsiyani yarata olmas edi.
Shuning uchun saytingiz dizaynini yaratishda favikon kabi detalga e'tibor berishingiz kerak. Ushbu maqolada biz uni resursning umumiy uslubiga qanday moslashtirish, shuningdek, ushbu rasm qanday o'lchamlarga ega bo'lishi kerakligi haqida gaplashamiz.
Sayt belgisi
Avval bu element nima ekanligini aniqlaymiz. Hozir brauzer yorlig'i sarlavhasini ko'rib chiqing. Ko'rib turganingizdek, uning chap tomonida resurs logotipining soddalashtirilgan versiyasini ko'rsatadigan kichik rasm mavjud. Xuddi shu rasm qidiruv natijalarida ko'rsatilgan sayt nomiga ham yaqin. Sarlavhani ko‘rgan foydalanuvchi shu narsaga yo‘n altiriladi.
Ko'pgina veb-ustalar bunday rasm kerakligini tushunishadi - lekin sayt uchun qaysi favikon o'lchami eng mos kelishini kam odam biladi. Shuning uchun, biz ushbu maqolada nafaqat bunday belgini qanday qilish va uni manbangizga qanday o'rnatishingiz haqida ma'lumot beramiz, balki tasvir o'lchamlari haqida ham gaplashamiz.
Favikonning maqsadi
Demak, sayt sarlavhasi yonidagi rasm identifikatsiya qilish uchun ishlatiladi. Bu uning asl maqsadi: biz nomini ko'rib turgan saytni ifodalash va boshqalarning ko'z o'ngida ajralib turish. Bu grafikadan foydalanish orqali imkon qadar sodda tarzda amalga oshiriladi: biz intuitiv ravishda rasmlardagi ma'lumotni matn formatiga qaraganda tezroq va osonroq qabul qilamiz. Favikonlar bizga buni qilishga yordam beradi. Ammo favikonning o'lchami foydalanuvchining nazarida minimal ekanligini unutmang. Bu saytning "sarlavhasidagi" logotip emas, unda yozuvlar, ba'zi tushuntirishlar yoki aloqa ma'lumotlari ko'rinishidagi qo'shimcha ma'lumotlar bo'lishi mumkin. Ism yonidagi belgida ko'rsatilishi mumkin bo'lgan hamma narsa imkon qadar favikon o'lchamiga mos kelishi kerak. Va u, yuqorida aytib o'tilganidek, oddiygina miniatyuradir (faqat 16x16 piksel).
Qanday tanlash kerakfavicon?
Xo'sh, qanday qilib veb-master o'z sayti uchun piktogramma yaratishi mumkin? Shuni ta'kidlash kerakki, sayt logotipini shunchaki siqish ko'pincha ishlamaydi. Muayyan manbaning logotipi shaklida qo'yilgan emblemalarda ko'pincha turli xil elementlar ko'rinadi, ular har doim ham miniatyura shaklida to'g'ri ko'rsatilmaydi. Bunday tashabbusdan darhol voz kechgan ma'qul.
Albatta, favikonning o'lchami u erda oddiygina yozuv qo'yish haqida gapirishga imkon bermaydi. Ushbu rezolyutsiyada har qanday matn oddiygina ko'rinmas bo'ladi. Biz sayt uslubini etkazadigan yangi belgini ishlab chiqishimiz kerak. Yechimlarni topish uchun yana eng katta saytlarga murojaat qilaylik.
Koʻpchilik favikon sifatida xizmat nomining stilize qilingan birinchi harfidan foydalanadi. Bu yo'l, masalan, Bing, Yahoo, Yandex, Vikipediya, Google. Yana bir yondashuv bor - agar sizda qisqa sayt nomi bo'lsa, uni ikonangizning foni sifatida o'rnatishingiz mumkin. Favikonning o'lchami (piksellarda, takrorlayman, 16 dan 16 pikselgacha) ushbu yozuvni to'g'ri ko'rsatishi uchun u 3 harfdan oshmasligi kerak. Masalan, Aol xizmati shunday qiladi.
Favikon qanday yaratiladi?
Sayt nomi uchun belgi yaratishning bir necha usullari mavjud. Albatta, eng oson - turli xil tayyor echimlar bilan ishlash. Ba'zi xizmatlar yoki dasturlar haqida gapirishimiz mumkin, bu sizga to'liq huquqli tasvirni qisqartirish orqali ikonka yaratishga imkon beradi. Biroq, men bunday logotipni o'zingiz ishlab chiqishni tavsiya qilaman. Bu birinchi navbatda beradibiror narsani o'rganish imkoniyati; ikkinchidan, u ko'proq vositalar bilan ta'minlaydi. Buning uchun nima chizish kerakligini bilishingiz kerak, shuningdek, oxirgi versiyada favikon qanday o'lchamda bo'lishi kerakligini bilishingiz kerak. Biz sayt uchun piktogramma o'lchami haqida birozdan keyin gaplashamiz, ammo hozircha bunday tasvirlar bilan ishlashning ba'zi nozikliklarini qayd etamiz. Xususan, sayt uchun favikonning o'lchamini eslatmasdan, bunday tasvirning formatini aniqlashtirish kerak. Tajribali dizaynerlarning ta'kidlashicha, rasm-p.webp
Siz rasmni, masalan, emblema chiziladigan Photoshop-dan foydalanib saqlashingiz mumkin.
Favikon oʻlchamlari
Demak, keling, qidiruv natijalarida sayt nomi yonida koʻriladigan rasm qanchalik katta boʻlishi kerakligi haqida gapiraylik. Odatiy bo'lib, yuqorida aytib o'tilganidek, uning o'lchami atigi 16 piksel (har bir tomonda). Biroq, agar siz ushbu rasmni Photoshop-da tahrirlashga harakat qilsangiz, bu qanchalik noqulay ekanligini o'zingiz ko'rasiz. Shuning uchun biz kattalashtirilgan rasm bilan ishlashni tavsiya qilamiz, kelajakda uni shunchaki chekkalari bo'ylab siqib, kerakli formatda saqlash mumkin.
Multiplatform
Biroq, saytingizda favikon qanchalik katta boʻlishi kerakligi haqida gapirganda, yana bir narsani yodda tutish kerak. Hamma platformalar resurs tasvirini bir xil ko'rsatmaydi. Misol uchun, Retina displeyi bo'lgan qurilmalar sizning favikoningizni 32x32 pikselda "ko'radi". Safari va yangi Windows platformasida va umuman olganda, bu piktogrammalar 64 o'lchamga etadipiksel.
Shuning uchun biz piktogrammaning turli versiyalarini saqlashingizni va kelajakda foydalanuvchi platformasiga qarab uning oʻzgarishini taʼminlashingizni tavsiya qilamiz. Yana bir qiziq jihat – siz piktogrammani brauzerga qarab “qisqarishi”ga ishongan holda eng katta formatda yuklashga urinib koʻrishingiz mumkin.
Tashqi muharrirlar
Albatta, agar siz Photoshop-ni yaxshi bilsangiz va favikon qanday o'lchamda bo'lishi kerakligini va rasmingizni saqlash vaqtida unga qanday erishishni bilsangiz yaxshi bo'ladi. Biroq, juda ko'p yangi boshlanuvchilar bor, ular ilgari grafik muharrirlarni juda yaqindan uchratmaganlar, shuning uchun ular kerakli tasvirni osongina chiza olmaydilar. Bunday webmasterlarga yordam berish uchun sizni qiziqtirgan belgini avtomatik ravishda yaratishga imkon beruvchi turli xizmatlar mavjud. Ularning aksariyati hatto bepul, bu esa foydalanuvchidan hech qanday sarmoya talab qilmaydi.
Ba'zan siz ishlash uchun ro'yxatdan o'tishingiz kerak, lekin siz tushunganingizdek, bu bir marta amalga oshiriladi - axir kompaniyalar o'z favikonlarini tez-tez o'zgartirmaydilar. Logotipni har kuni o'zgartiradigan, lekin belgiga tegmaydigan Google-ni ko'ring.
Favikon qanday o'rnatiladi?
Umuman olganda, saytingizni kerakli tasvirni toʻgʻri koʻrsatadigan tarzda sozlash juda oddiy. Qidiruv tizimlariga, shuningdek, oddiy brauzerlarga maʼlumotni oʻqish imkonini beradigan bir qator oddiy amallarni bajarish kifoya.
Buni amalga oshirish uchun natijada olingan rasm bilan saqlanishi kerakfavicon.ico deb nomlangan va resursingizning ildiziga joylashtirilgan. Hammasi, endi rasmingiz avtomatik tarzda taniladi va bir muncha vaqt o'tgach, u saytingizga bog'lanadi.
Ushbu bogʻlanishga qoʻshimcha ravishda ikonangiz qayerda joylashganligini “taklif qiladigan” yana bitta qatorni qoʻshishingiz mumkin. Bu shunday ko'rinadi:
Kodni sayt sarlavhasiga oʻrnating.
Xulosa
Demak, bizning maqolamizni oʻqib chiqib, siz sayt uchun favikon qanday oʻlchamda boʻlishi kerakligini va u nima ekanligini bilib oldingiz. Bundan tashqari, men o'ylaymanki, siz o'zingizning resursingiz uchun to'g'ri belgini topish zarurat ekanligini tushundingiz, chunki bu sizning qo'lingizga ham tan olinishni oshirish nuqtai nazaridan ham, raqobatchilaringiz orasida qo'shimcha ajralib turish nuqtai nazaridan ham o'ynaydi. Hech bo'lmaganda eng katta saytlar xuddi shunday qiladi, buni asosiy misol sifatida olish mumkin. Bundan tashqari, bu ko'p kuch sarflamaydi - bir marta favikon yaratib, uni saytingizga to'g'ri o'rnatganingizdan so'ng, keyingi bir necha oy davomida buni unutishingiz mumkin.
Shuning uchun, bemalol tajriba qiling, yangi narsa oʻylab toping, sinab koʻring - shunda hammasi yaxshi boʻladi!
