Favikon - bu brauzerning manzil satrining yonidagi ajoyib rasm. Bu sizning saytingizni xatcho'plar ko'rinishida ajratib turadi va brend xabardorligini oshirish uchun ishlatilishi mumkin. Agar sizda sayt bo'lsa, lekin hech qachon favikon yaratishni o'ylamagan bo'lsangiz, o'z qaroringizni qayta ko'rib chiqish kerak. Borgan sari dasturiy ta'minot ishlab chiquvchilari o'z ilovalarining turli jihatlari uchun favikonlardan, masalan, planshetlardagi uy ekrani piktogrammalaridan tobora ko'proq foydalanmoqdalar. Yaxshiyamki, favikonni loyihalash, yaratish va amalga oshirish - bu deyarli hamma, agar ular to'g'ri qadamlarni bajarsa, qila oladi.
Qadamlar
3 -usul 1: Favikoningizni loyihalash
Qadam 1. Veb -saytingizni ifodalovchi favikon yarating
Siz tanlagan veb -sayt turi sizning sevimli belgingizning ko'rinishini belgilashi kerak. Sizning brend imidjingizga mos keladigan va odamlar uchun taniqli va esda qoladigan narsalarni yaratishga harakat qiling. Sizning favikoningiz odamlar o'z brauzeridagi yorliqlarni ko'rib, birinchi bo'lib ko'rishadi va odamlarning xatcho'plarida paydo bo'ladi.
- Misol uchun, agar sizda oziq -ovqat veb -sayti bo'lsa, meva yoki sabzavotli favikonni dizayn sifatida tanlash uni yanada esda qolarli qilishi mumkin.
- Agar sizning veb -saytingiz yuridik firma yoki investitsiya kompaniyasi uchun bo'lsa, an'anaviy va oqlangan favikon eng yaxshisidir.
- Agar sizning veb -saytingiz yoshlarga mo'ljallangan bo'lsa, o'ynoqi va rang -barang favikon yaratishga harakat qiling.
Qadam 2. Agar siz shaffof fonni xohlasangiz, qaror qabul qiling
Agar siz fonni belgilamasangiz, u oq rang bilan to'ldiriladi, bu sizning brendingizga mos kelmasligi mumkin. Shaffof fon odamning brauzerining rangini oladi va ba'zi hollarda yanada soddalashtirilgan ko'rinadi. Boshqa hollarda, fon uchun rang bo'lsa, oldingi harflar yoki grafikalar paydo bo'ladi. Sizning dizayningiz uchun qaysi biri yaxshiroq bo'lishini hal qiling va uni yaratayotganda buni yodda saqlang.
Eng asosiy favikon - 16x16 kvadrat va fon rangiga ega
Qadam 3. O'qish oson bo'lgan favikon yarating
Siz foydalanadigan favikon tasviri kichik bo'lgani uchun, tashrif buyuruvchilarni chalg'itmasdan, o'z brendingizni tanitishingiz mumkin. O'qish qiyin bo'lgan favikon salbiy taassurot qoldiradi va tashrif buyuruvchining ongida siz ko'rsatadigan ish sifati haqida savollar tug'dirishi mumkin. Haddan tashqari murakkab tasvirlar va logotiplar 16x16 yoki 32x32 pikselgacha qisqartirilganda yaxshi ko'rinmaydi.
- Agar sizning mavjud logotipingiz juda murakkab bo'lsa, uni soddalashtirish uchun taktikadan foydalanishingiz mumkin, shuning uchun uni favikon o'lchamida tanib olish mumkin. Kompaniyaning to'liq nomini ko'rsatish o'rniga bosh harflardan foydalaning yoki rasm ishlatishdan ko'ra oddiy belgini yarating.
- Agar sizda oddiy logotip bo'lsa, siz tasvirni kichraytirib, uni sevimli belgi qilib qo'yishingiz mumkin. Belgini faylga aylantirishdan oldin uni o'zgartirish kerak bo'lishi mumkin.
- Saytingizning umumiy mavzusini tasvirlaydigan ob'ekt rasmidan ham foydalanishingiz mumkin.
Qadam 4. Estetik jihatdan yoqimli favikon yarating
Sizning favikoningizning tuzilishi uning shakli deb ataladi. Favikonlar odatda doira yoki kvadrat kabi shakllarni oladi. Favikonni loyihalashda, agar u ushbu asosiy shakllardan biriga mos keladigan bo'lsa, yaxshiroq bo'ladi, chunki erkin shakllar ko'pincha 16x16 pikselli chalkashib ketishi mumkin. Dizayningizning yana bir muhim jihati estetik birlik deb ataladi. Estetik birlik sizning favikoningizdagi har xil komponentlarning detallari va o'lchamlarini va sizning favikoningiz qanday muvozanatlanganligini o'z ichiga oladi. Tafsilotlar qanchalik bir xil bo'lsa, sizning favikoningiz shunchalik uyg'un ko'rinadi. Masalan, favikonda har xil shrift turlarini yoki o'lchamlarini ishlatish ko'zni quvontirmaydi va sizning favikoningizni chalkash yoki tartibsiz ko'rinishga olib kelishi mumkin.
- Estetik birlikning yana bir misoli - bu sizning favikoningizdagi yumaloq burchaklarni ushlab turish.
- Shaklini o'zgartirgan ikonkaning yaxshi namunasi Google favikonidir. U kvadratdan aylanaga aylandi.
5 -qadam. Sizning brendingizga mos ranglardan foydalaning
Favikonni yaratganingizda, uni 8 bitli (256 rang) yoki 24 bitli (16,7 million rang) rang chuqurligida yaratish kerak, chunki bu zamonaviy brauzerlarda ishlaydi. Siz tanlagan ranglarni veb -saytingizning boshqa joylarida yoki brendingiz bilan bog'liqligini tekshiring. Sizning veb -saytingizda, logotipingizda yoki ilovalaringizda bo'lmagan rangdagi favikon esda qolmaydi va odamlar bu belgini sizning brendingiz bilan bog'lay olmaydi.
- Favikon rangining ba'zi ijodiy qo'llanmalariga tizim holatiga qarab ranglarni o'zgartiruvchi GitHub va fon rangingizga qarab o'zgaradigan Trello kiradi.
- Favikonlarda eng ko'p ishlatiladigan ranglar qizil va ko'kdir.
6 -qadam. Favikonni loyihalashda tinglovchilaringizni hisobga oling
Sizning brendingizni aniqlashdan tashqari, sizning favikoningiz tashrif buyuruvchilarga jozibali ko'rinishi kerak. Har xil did, qiziqish va ijtimoiy me'yorlarga ega odamlar har xil ikonologiyaga turli nuqtai nazardan qarashadi. Madaniy tafovutlar bizning jamiyatimizda mavjud va siz jalb qilmoqchi bo'lgan tomoshabinlarni chalg'itishi yoki qaytarishi mumkin.
Masalan, Mac Os X pochta markasining universal belgisidir. Pochta qutisini ishlatish unchalik samarali bo'lmaydi, chunki dunyoning turli burchaklarida pochta qutilari turlicha
Qadam 7. Do'stlar va hamkasblarning fikrini bilib oling
Grafika jihatidan unchalik intensiv bo'lmasa -da, favikon sizning brendingizning muhim qismidir. Masalan, Twitter, Gmail, Facebook yoki wikiHow kabi sevimli veb -saytlaringizni o'ylab ko'ring va favikonni brend bilan qanchalik bog'laysiz. Agar sizda dizaynerlik uchun yaxshi ko'zingiz bo'lmasa yoki saytingiz uchun qanday dizayn bo'lishi kerakligini bilmay qolsangiz, dizaynni yaxshi ko'radigan yoki grafik dizaynda ishlaydigan do'stlaringiz bilan maslahatlashing.
- Do'stlaringiz tarmog'idan kimdir dizayn bo'yicha maslahat bera oladimi yoki yo'qligini so'rang.
- Katta kompaniyalarda favikon tasvirini yaratadigan ichki grafik dizaynerlar mavjud.
3 -chi 2 -usul: Favikoningizni yaratish
Qadam 1. Favikon yaratish uchun rasmlarni tahrirlash dasturidan foydalaning
O'zingizning sevimli belgingiz uchun rasm yaratish uchun Adobe Photoshop yoki Illustrator kabi rasmlarni tahrirlash dasturidan foydalanishingiz mumkin. Bu dasturiy ilovalar, shuningdek, rasmning hajmini o'zgartirish va kerakli formatda eksport qilish imkonini beradi. Ba'zi dasturlar favikonni qo'lda yaratishga imkon beradi.
- Bundan tashqari, Internetda topishingiz mumkin bo'lgan favikon uchun maxsus tahrirlash dasturlari mavjud.
- Qidiruv tizimidan foydalaning va "favicon muharrirlari" ni kiriting.
- Tuvalning o'lchamini 512x512 piksel qilib qo'ying, chunki bu raqam favikonning eng mos o'lchamlariga bo'linadi va siz hali ham samarali tahrir qilishingiz uchun etarlicha katta.
- Boshqa mashhur rasmlarni tahrirlash dasturiga GIMP, PhotoScape va Paint. NET kiradi.
- Ushbu dasturdan foydalanganda.ico fayllarini to'g'ridan -to'g'ri tahrir qila olmaysiz, lekin.png,-j.webp" />
Qadam 2. Favikoningizning o'lchamini o'zgartiring va saqlang
32x32 piksel - bu Windows ish stoli elementlarining o'lchami, 16x16 piksel - bu brauzer yorlig'idagi favikonlar o'lchami. Favikonni kattaroq formatda yaratganingizdan so'ng, uning hajmini qisqartirish juda muhim, shuning uchun siz uning brauzerlarda qanday ko'rinishini ko'rishingiz mumkin. Agar o'qilmasa yoki estetik jihatdan yoqmasa, asl dizayndan boshlang. Veb -saytingiz yoki ilovangiz ishlatiladigan platformalar haqida o'ylab ko'ring va keyin barcha bazalaringizni qamrab oladigan favikon yarating.
- Shuni ta'kidlash kerakki, har xil apparat va dasturiy ta'minot turli xil favikon o'lchamlarini ishlatadi.
- Boshqa favikon o'lchamlari standart iOS bosh ekrani uchun 57x57 piksel, iPad uchun 72x72 piksel, Google TV uchun 96x96 piksel, Chrome Internet -do'koni uchun 128x128 piksel va Opera tez terish uchun 195x195 piksel.
- Agar siz barcha bazalarni yopmoqchi bo'lsangiz, ushbu o'lchamlarning har birida favikoningizning versiyalarini yaratishingiz mumkin.
- O'zingizning favikoningizning alohida versiyalarini saqlang, shunda qilgan ishingizni yo'qotmaysiz.
Qadam 3. Konverter yordamida fayllarni birlashtirish
. Ico fayllarining ajoyib tomoni shundaki, siz uni yaratish uchun bir nechta fayllarni birlashtira olasiz. Bu foydalidir, chunki har xil brauzerlar va dasturlar boshqa o'lchamdagi favikonni xohlaydi. Favikoningiz har xil platformalarda yaxshi ko'rinishiga ishonch hosil qilish uchun fayllaringizni onlayn konvertor yordamida o'zgartiring. Buning uchun bepul onlayn ilovalarni topish uchun sevimli qidiruv tizimiga "ikonka konvertori" ni kiriting. Birlashtirilgan faylni "favicon.ico" sifatida saqlang.
- Bundan tashqari, GIMP kabi o'rnatilgan dasturdan foydalanishingiz yoki Adobe Photoshop -ga ICO FORMAT deb nomlangan plaginni yuklab olishingiz mumkin.
- Yangi papkani yarating, shunda siz yangi favikonlarni saqlashingiz yoki ishlayapsiz.
- Qo'llash mumkin bo'lgan turli xil vositalarni topish uchun qidiruv tizimiga ".ico konverteri" yoki "favikon generatori" ni kiriting.
3 -dan 3 -usul: Favikoningizni amalga oshirish
Qadam 1. Agar siz veb -sayt muharriridan foydalanayotgan bo'lsangiz, favikoningizni yuklang
Ko'pgina veb-sayt muharrirlari favikonni veb-saytingizga avtomatik ravishda yuklash imkonini beruvchi o'rnatilgan shaklga ega. Agar siz o'rnatilgan veb -sayt muharriridan foydalanayotgan bo'lsangiz, veb -saytingizning sozlamalar menyusida "Favicon -ni yuklash" yoki "Favicon -ni qo'shish" variantlarini qidiring. Favicon.ico faylini tanlang va uni saytingizga yuklang.
Agar veb -sayt muharririda favikonni yuklash uchun joy topilmasa, uni qo'lda bajarish kerak bo'ladi
Qadam 2. Faylni saytingizning asosiy katalogiga yuklang
Agar sizning veb -saytingiz Fayllarni uzatish protokoli yoki FTP -ni qo'llab -quvvatlasa, siz yangi favicon.icon faylini ildiz (indeks) katalogingizga yuklash uchun FTP mijozidan foydalanishingiz mumkin. Aks holda, siz veb -xostlar sahifasiga o'tishingiz va rasmni qo'lda yuklashingiz kerak bo'ladi. Mavjud favicon.ico faylini yangi fayl bilan almashtirishni unutmang.
Qadam 3. Faylni sarlavhaga qo'shing
Saytingiz uchun PHP va CSS fayllariga kirishingiz mumkin bo'lgan joyni toping. Saytingizning header.php fayliga o'ting va uni tahrir qiling. Tag turi ostida"
-
. Bu sizning saytingizni favikoningizga ulashi kerak.
PHP -dan foydalanayotganingiz uchun, bu sizning sarlavhali faylingizdan foydalanadigan har qanday sayt endi bir xil favikonga ega bo'ladi
O'zingizning sevimli belgingizni yarating 14 -qadam Qadam 4. Brauzeringizni yangilang
Favikonni yuklashni tugatganingizdan so'ng, manzil satrining yonida yangi rasmingizni ko'rish uchun brauzeringizni yangilashingiz mumkin. To'g'ridan -to'g'ri yangilangan favikon rasmiga o'tish uchun "https://www.yourdomain.com/favicon.ico" yozing.
- Agar sizning favikoningiz dastlab ko'rinmasa, siz brauzer keshini tiklashingiz kerak bo'ladi.
- Keshni tozalash uchun brauzer sozlamalariga o'ting va vaqtinchalik Internet fayllari, cookie fayllari va tarixini o'chirib tashlang.
