Фавикон бол таны браузер дээрх хаягийн мөрний хажууд байрладаг гайхалтай дүрс юм. Энэ нь таны сайтыг хавчуурга таб дээрээс ялгаж харуулдаг бөгөөд үүнийг брендийн мэдлэгийг нэмэгдүүлэхэд ашиглаж болно. Хэрэв танд сайт байгаа боловч favicon үүсгэх талаар хэзээ ч бодож байгаагүй бол шийдвэрээ эргэж харах хэрэгтэй. Програм хангамж хөгжүүлэгчид таблет дээрх гэрийн дэлгэцийн дүрс гэх мэт програмын янз бүрийн чиглэлд favicon -уудыг ашиглаж байна. Аз болоход favicon -ийг зохион бүтээх, хэрэгжүүлэх, хэрэгжүүлэх нь зөв алхамыг дагаж чадвал бараг хэн ч хийж чадах зүйл юм.
Алхам
3 -ийн 1 -р арга: Фавиконоо зохион бүтээх
Алхам 1. Вэбсайтаа төлөөлж буй favicon үүсгээрэй
Танд байгаа вэбсайтын төрөл нь favicon -ийн төрхийг тодорхойлох ёстой. Таны брэндийн дүр төрхийг дагаж мөрдөх, хүмүүст танигдахуйц, мартагдашгүй зүйлийг зохион бүтээхийг хичээгээрэй. Таны favicon нь хүмүүс хөтөчийнхөө табуудыг хараад хамгийн түрүүнд хардаг бөгөөд хүмүүсийн хавчуурга дээр гарч ирэх болно.
- Жишээлбэл, хэрэв та хоолны вэбсайттай бол жимс, ногоогоор хийсэн favicon загварыг сонгохдоо үүнийг илүү дурсамжтай болгоно.
- Хэрэв таны вэбсайт нь хуулийн фирм эсвэл хөрөнгө оруулалтын компанид зориулагдсан бол уламжлалт, дэгжин favicon хамгийн тохиромжтой.
- Хэрэв таны вэбсайт залуу хүмүүст зориулагдсан бол хөгжилтэй, өнгөлөг favicon үүсгэхийг хичээгээрэй.
Алхам 2. Тунгалаг дэвсгэр авахыг хүсч байгаагаа шийдээрэй
Хэрэв та арын дэвсгэрийг зааж өгөөгүй бол энэ нь таны брэндийг дагаж мөрдөөгүй байж магадгүй цагаан өнгөтэй байх болно. Ил тод дэвсгэр нь тухайн хүний хөтчийн өнгийг авч, зарим тохиолдолд илүү оновчтой харагдах болно. Бусад тохиолдолд арын дэвсгэр өнгө байх нь урд талын үсэг эсвэл графикийг гаргах болно. Таны дизайнд хамгийн сайн тохирох зүйлийг шийдэж, үүнийг хийхдээ санаж байгаарай.
Хамгийн энгийн favicon бол 16x16 хэмжээтэй дөрвөлжин бөгөөд дэвсгэр өнгөтэй
Алхам 3. Уншихад хялбар favicon үүсгээрэй
Таны ашиглах favicon дүрс нь жижиг хэмжээтэй тул та зочдыг төөрөгдүүлэхгүйгээр өөрийн брэндийг таниулах нь чухал юм. Уншихад хэцүү favicon нь сөрөг сэтгэгдэл үлдээдэг бөгөөд таны өгч чадах ажлын чанарын талаар зочдын сэтгэлд асуулт үүсгэж чаддаг. Хэт нарийн төвөгтэй дүрс, лого нь 16x16 эсвэл 32x32 пиксел хүртэл багасахад тийм ч сайхан харагдахгүй байна.
- Хэрэв таны одоо байгаа лого хэтэрхий төвөгтэй бол та тактикийг хялбаршуулахын тулд favicon -ийн хэмжээгээр таньж болно. Компанийн нэрийг бүхэлд нь харуулахын оронд эхний үсгийг ашиглах эсвэл зураг ашиглахаас илүү энгийн дүрсийг бүтээ.
- Хэрэв танд аль хэдийн энгийн лого байгаа бол та зургийг багасгаж дуртай фикон дээрээ тохируулж болно. Та үүнийг дүрс файл болгон хөрвүүлэхийн өмнө өөрчлөх шаардлагатай байж магадгүй юм.
- Та мөн сайтынхаа ерөнхий сэдвийг дүрсэлсэн объектын зургийг ашиглаж болно.
Алхам 4. Гоо зүйн хувьд тааламжтай favicon үүсгэх
Таны favicon -ийн бүтцийг түүний хэлбэр гэж нэрлэдэг. Фавиконууд нь ихэвчлэн тойрог эсвэл дөрвөлжин хэлбэртэй байдаг. Фавиконоо зохион бүтээхдээ эдгээр үндсэн хэлбэрүүдийн аль нэгэнд багтах нь илүү дээр юм, учир нь чөлөөт хэлбэрийн хэлбэр нь ихэвчлэн 16x16 пикселээр будилж эсвэл будилдаг. Таны дизайны бас нэг чухал талыг гоо зүйн нэгдэл гэж нэрлэдэг. Гоо сайхны эв нэгдэл нь таны favicon дахь янз бүрийн бүрэлдэхүүн хэсгүүдийн нарийвчлал, хэмжээ, таны favicon хэрхэн тэнцвэржсэн болохыг агуулдаг. Дэлгэрэнгүй мэдээлэл жигд байх тусам таны favicon илүү уялдаатай харагдах болно. Жишээлбэл, дуртай фоникон дээрээ өөр өөр фонт, хэмжээ ашиглах нь нүдэнд таалагдахгүй бөгөөд таны favicon -ийг будлиантай, эмх замбараагүй харагдуулж болзошгүй юм.
- Гоо зүйн нэгдмэл байдлын өөр нэг жишээ бол дуртай фикон дээрх бүх хэлбэрийн өнцөг булан тойрох явдал юм.
- Хэлбэр өөрчлөгдсөн дүрс тэмдгийн сайн жишээ бол Google -ийн favicon юм. Энэ нь квадратаас тойрог болж өөрчлөгдсөн.
Алхам 5. Танай брэндтэй нийцсэн өнгийг ашиглаарай
Фавикон үүсгэх үедээ үүнийг 8 бит (256 өнгө) эсвэл 24 бит (16.7 сая өнгө) өнгөний гүнд үүсгэх ёстой, учир нь энэ нь орчин үеийн хөтөч дээр ажиллах болно. Таны сонгосон өнгийг вэбсайтынхаа өөр газраас олж болно, эсвэл брэндтэйгээ ямар нэгэн байдлаар холбоотой байгаа эсэхийг шалгаарай. Таны вэбсайт, лого, аппликейшнд байхгүй өнгөнүүдтэй favicon нь дурсамжтай үлдэхгүй бөгөөд хүмүүс энэ тэмдгийг танай брэндтэй холбож өгөх боломжгүй болно.
- Фавикон өнгөний зарим бүтээлч хэрэглээнд GitHub орно, энэ нь таны системийн төлөв байдлаас хамааран өнгийг өөрчилдөг бөгөөд Trello нь таны арын өнгөнөөс хамаарч өөрчлөгддөг.
- Фавиконуудад хамгийн түгээмэл хэрэглэгддэг өнгө бол улаан, цэнхэр юм.
Алхам 6. Фавикон хийхдээ өөрийн үзэгчдийг анхаарч үзээрэй
Танай брэндийг танихаас гадна таны favicon нь зочдод сэтгэл татам харагдах ёстой. Өөр өөр амт, сонирхол, нийгмийн хэм хэмжээ бүхий хүмүүс өөр өөр дүрслэлийг өөр өнцгөөс харах болно. Соёлын ялгаа нь манай нийгэмд байдаг бөгөөд таны татах гэж буй үзэгчдийг төөрөлдүүлж, няцаах болно.
Жишээлбэл, Mac Os X нь шуудангийн бүх нийтийн тэмдэг болох тамга ашигладаг. Дэлхийн өнцөг булан бүрт шуудангийн хайрцгууд өөр өөр байдаг тул шуудангийн хайрцгийг ашиглах нь тийм ч үр дүнтэй биш байх болно
Алхам 7. Найз нөхөд, хамт ажиллагсдынхаа саналыг авах
Графикийн хувьд тийм ч эрчимтэй биш боловч favicon нь танай брэндийн чухал хэсэг юм. Жишээлбэл, Twitter, Gmail, Facebook, wikiHow гэх мэт дуртай вэбсайтуудынхаа талаар, мөн брендтэй favicon -ийг хэр зэрэг холбож байгаагаа бодоорой. Хэрэв танд дизайны сайн нүд байхгүй, эсвэл танай сайтын хувьд ямар загвар байх ёстой талаар эргэлзэж байвал дизайн хийх нүдтэй эсвэл график дизайны чиглэлээр ажилладаг найз нөхөдтэйгээ зөвлөлд.
- Найз нөхдийнхөө сүлжээнээс дизайны зөвлөгөө өгөх хүн үнэ төлбөргүй өгөх эсэхийг асуугаарай.
- Томоохон компаниуд favicon дүрсийг бүтээж чадах дотоод график дизайнеруудтай.
3 -ийн 2 -р арга: Фавиконоо үүсгэх
Алхам 1. Фавикон үүсгэхийн тулд зураг засварлах програм хангамжийг ашиглана уу
Та Adobe Photoshop эсвэл Illustrator гэх мэт зураг засварлах програмыг ашиглан дуртай фикон дээрээ зориулж дүрс үүсгэж болно. Эдгээр програм хангамж нь зургийн хэмжээг зөв форматаар экспортлох боломжийг олгодог. Зарим програм хангамж нь favicon -ийг өөрийн гараар үүсгэх боломжийг олгодог.
- Мөн онлайнаар олж болох favicon -ийн тусгай засварлах програмууд байдаг.
- Хайлтын системийг ашиглаад "favicon редакторууд" гэж бичнэ үү.
- Зургийнхаа хэмжээг 512x512 пиксел болгож аваарай, учир нь энэ тоо нь хамгийн тохиромжтой favicon хэмжээтэй таарч байгаа бөгөөд үр дүнтэй засварлахад хангалттай том хэвээр байна.
- Бусад алдартай зураг засварлах програм хангамжид GIMP, PhotoScape, Paint. NET орно.
- Энэ програмыг ашиглахдаа.ico файлуудыг шууд засах боломжгүй боловч.png,.jpg,-g.webp" />
Алхам 2. Фавиконыхоо хэмжээг өөрчилж хадгална уу
32x32 px нь Windows -ийн ширээний зүйлсийн хэмжээ бөгөөд 16x16 пиксел нь таны хөтчийн таб дээрх дуртай тэмдэглэгээний хэмжээ юм. Фавиконоо том форматаар үүсгэсний дараа түүний хэмжээг багасгах нь чухал бөгөөд ингэснээр хүмүүсийн хөтөч дээр хэрхэн харагдахыг харах боломжтой болно. Хэрэв унших боломжгүй эсвэл гоо зүйн хувьд тааламжгүй байвал анхны загвараасаа эхэл. Таны вэбсайт эсвэл аппликешныг ашиглах магадлалтай платформуудын талаар бодоод дараа нь өөрийн бүх баазыг хамарсан favicon үүсгээрэй.
- Өөр өөр техник хангамж, програм хангамж нь өөр өөр favicon хэмжээтэй байдаг гэдгийг анхаарах нь чухал юм.
- Бусад favicon -ийн хэмжээнүүд нь iOS -ийн үндсэн дэлгэцийн хувьд 57x57px, iPad -ийн 72x72px, Google TV -ийн 96x96px, Chrome Web Store -ийн 128x128px, Opera Speed Dial -ийн 195x195px юм.
- Хэрэв та өөрийн бүх баазыг хамрахыг хүсвэл эдгээр хэмжээ тус бүр дээр өөрийн favicon -ийн хувилбаруудыг үүсгэж болно.
- Хийсэн ажлаа алдахгүйн тулд favicon -ийнхоо тусдаа хувилбарыг хадгалаарай.
Алхам 3. Хөрвүүлэгч ашиглан файлуудаа нэгтгэнэ
. Ico файлуудын гол давуу тал бол та нэгээс олон файлыг нэгтгэн үүсгэх боломжтой юм. Өөр өөр хөтөч, програм хангамж өөр хэмжээтэй favicon авахыг хүсдэг тул энэ нь ашигтай байдаг. Таны favicon бүх платформ дээр сайн харагдаж байгаа эсэхийг шалгахын тулд файлуудаа онлайн хөрвүүлэгч ашиглан хөрвүүлээрэй. Үүнийг хийхийн тулд үнэгүй онлайн програмуудыг хайж олохын тулд дуртай хайлтын системдээ "дүрс хөрвүүлэгч" гэж бичнэ үү. Нэгтгэсэн файлыг "favicon.ico" болгон хадгална уу.
- Та мөн GIMP гэх мэт програмыг ашиглаж болно, эсвэл Adobe Photoshop дээр ICO FORMAT нэртэй залгаасыг татаж авах боломжтой.
- Шинэ хавтас үүсгээрэй.
- Өөр өөр хэрэгслүүдийг хайж олохын тулд хайлтын системд ".ico хөрвүүлэгч" эсвэл "favicon генератор" гэж бичнэ үү.
3 -ийн 3 -р арга: Фавиконоо хэрэгжүүлэх
Алхам 1. Хэрэв та вэбсайт засварлагч ашиглаж байгаа бол favicon -ээ байршуулна уу
Олон вэбсайтын редакторууд favicon-ийг вэбсайтдаа автоматаар байршуулах боломжийг олгодог суулгагдсан хэлбэрээр ирдэг. Хэрэв та үүнийг суулгасан вэбсайтын засварлагч ашиглаж байгаа бол вэбсайтынхаа тохиргооны цэсэнд "Favicon -ийг байршуулах" эсвэл "Favicon нэмэх" гэсэн сонголтыг хайна уу. Favicon.ico файлаа сонгоод сайт дээрээ байршуулна уу.
Хэрэв та вэбсайтын засварлагч дээрээ favicon байршуулах газар олж чадахгүй байгаа бол үүнийг гараар хийх хэрэгтэй болно
Алхам 2. Файлыг сайтынхаа үндсэн лавлах руу байршуулна уу
Хэрэв таны вэбсайт File Transfer Protocol эсвэл FTP -ийг дэмждэг бол та өөрийн favTPon.icon файлыг өөрийн root (index) директорт байршуулахын тулд FTP клиентээ ашиглаж болно. Хэрэв тийм биш бол та вэб хост хуудсан дээрээ очиж зургийг гараар оруулах хэрэгтэй болно. Одоо байгаа favicon.ico файлыг шинэ файлаар солихоо мартуузай.
Алхам 3. Файлыг толгой дээрээ нэмнэ үү
Сайтынхаа PHP болон CSS файлд хандах боломжтой газрыг хайж олоорой. Сайтынхаа header.php файл руу орж засварлана уу. Шошгоны доор"
-
. Энэ нь таны сайтыг favicon -тойгоо холбох ёстой.
Та PHP ашиглаж байгаа тул таны толгой файлыг ашиглаж буй сайтууд ижил фиконтой болно гэсэн үг юм
Өөрийнхөө дуртай дүрс тэмдгийг үүсгэх 14 -р алхам Алхам 4. Хөтчөө сэргээнэ үү
Фавиконыг байршуулж дуусаад хөтөчөө сэргээж хаягийн мөрний хажууд байгаа шинэ зургаа харах боломжтой. Шинэчилсэн favicon -ийн зураг руу шууд очихын тулд "https://www.yourdomain.com/favicon.ico" гэж бичнэ үү.
- Хэрэв таны favicon анх гарч ирээгүй бол та хөтчийнхөө кэшийг дахин тохируулах шаардлагатай болж магадгүй юм.
- Кэшээ цэвэрлэхийн тулд хөтчийнхөө тохиргоо руу орж, түр зуурын интернет файл, күүки, түүхээ устгана уу.
