Фавикон үүсгэх програм. Фавикон үүсгэх бүх нийтийн арга. Логастер дээр дүрс үүсгэх үйл явц хэрхэн ажилладаг вэ?

19.11.2023 -

Өнөөдөр бид блогт зориулсан зургуудын тухай, өөрөөр хэлбэл favicon гэж нэрлэгддэг төслийн дүрсний талаар дахин ярих болно. Фавикон гэж юу болох, үүнийг хэрхэн хийх, манай сайт руу холбох талаар ярилцъя. Мөн энэ зураг ямар хэмжээтэй байх ёстой, яагаад хүн бүр үүнийг суулгах ёстой вэ? Эцсийн эцэст, энэ дүрс нь хүртэл таны блог руу орох урсгалд нөлөөлж болно.

Фавикон гэж юу вэ?

Фавикон гэдэг ойлголт нь маш энгийн бөгөөд Латин хэл дээрх хоёр үгнээс бүрддэг (үнэндээ Интернет дээрх бусад бүх зүйлтэй адил) - favors icon. Үүнийг эргээд дүрс эсвэл тэмдэг гэж орчуулж болно. Утга нь иймэрхүү байж болно; дуртай дүрс эсвэл дуртай. Яагаад энэ нэр? Энэ нь энгийн, дуртай зүйл нь хөтөч дээрх хавчуурганы нэр бөгөөд энэ нэрийг хавчуурга эсвэл хөтчийн табын зураг гэж ойлгож болно. Эцсийн эцэст, та сайтыг нээх эсвэл хавчуурга дээрээ нэмэхэд бид зөвхөн түүний нэрийг төдийгүй түүний зургийг харж байгааг анзаарахгүй байхын аргагүй байсан бөгөөд үүнийг фавикон гэж нэрлэдэг. Энэ ямар амьтан болохыг тайлбарлаж чадсан гэж найдаж байна?

Яагаад танд фавикон хэрэгтэй байж болох вэ?

За, энд бүх зүйл уурын манжин шиг энгийн зүйл юм. Интернетийн төслийг хувь хүн болгохын тулд фавикон хэрэгтэй. Энэ нь таны блогын өөр нэг онцлог шинж чанар нь энэ зураг байх бөгөөд энэ нь таны сайтыг хөтөч дээр ашиглахад илүү хялбар болгох төдийгүй зөв арга барилаар таны төсөлд зочлох хүмүүсийн тоог нэмэгдүүлэх болно.

Нэгдүгээрт, энэ нь хөтөч дээр тохиромжтой байж болох юм, яагаад? Жишээлбэл, надад олон тооны таб нээгдэх үед би яг одоо хэрэгтэй байгаа сайтын дүрсээр явж болно. Энэ нь над шиг хүмүүст тохиромжтой гэсэн үг.

Хоёрдугаарт, энэ зураг нь таны сонирхол татахуйц, бусдын дундаас ялгарах боловч фанатизмгүй бол Yandex хайлтын системээс таны нөөцөд илүү олон зочдыг татах боломжтой. Yandex хайлтын үр дүнгийн эхний есөн хуудсанд favicon оруулсны ачаар таны блог бусдаас ялгаатай байх болно. Яг энэ шалтгааны улмаас Төсөлдөө favicon холбох талаар бодох нь зүйтэй. Эхний хайлтын хуудсууд иймэрхүү харагдаж байна.

Favicon хийхЭнэ нь тийм ч хэцүү биш байх болно, учир нь сүлжээнд ердийн зургаас фавикон хийж, өөрөө эхнээс нь зурах боломжтой маш олон тооны генераторууд байдаг. Та мөн Photoshop ашиглан зураг хийж, дараа нь генераторуудыг ашиглан хүссэн формат руу хөрвүүлэх боломжтой.

Ердийн зураг, дүрс хоёрын ялгаа бага боловч тэдгээр нь байдаг. Зураг нь энгийн (нарийн төвөгтэй график элементүүдийг харахад хэцүү байх болно), 16x16 пиксел хэмжээтэй, ico форматтай байх ёстой. Мэдээжийн хэрэг та png эсвэл gif форматыг ашиглаж болно, гэхдээ ийм зургууд бүх хөтөч дээр харагдахгүй тул ico форматыг ашиглах нь хамгийн сайн сонголт юм.

Энэ дүрсийг хэрхэн хийх талаар алхам бүрийг хэлэх нь утгагүй юм, учир нь хүн бүр үүнийг зохицуулж чадна. Хамгийн гол нь зурагт тавигдах шаардлагыг анхаарч үзэх хэрэгтэй бөгөөд бүх зүйл үр дүнтэй болно. Товчхондоо, онлайн генераторуудыг ашиглан зураг татаж авах эсвэл зурж, фавикон үүсгэх. Онлайн генераторуудыг Google эсвэл Yandex хайлт - favicon дээр бичээд олох боломжтой. Эсвэл эндээс та эхнээс нь зурах эсвэл бэлэн зургаас favicon хийх боломжтой үйлчилгээний холбоос байна: http://favicon.ru/

Вэбсайтад зориулсан фавиконыг хэрхэн холбох вэ?

За, дүрс бэлэн боллоо, одоо би хөтчүүдийг хэрхэн эхлүүлэх вэ сайтын фавиконыг харуулах?

Үйлчилгээг ашигласны дараа өөрийн блогт зориулсан бэлэн дүрсийг компьютер дээрээ татаж аваарай. Мөн зургийг FTP клиент ашиглан блогын үндсэн хавтсанд (public_html/site/your_file_in_ico_format) эсвэл өөр ямар нэгэн байдлаар байршуулна уу. Гэхдээ үндсэн хавтас руу очих нь хамгийн сайн арга юм, энэ нь файлын замыг эмхэтгэх үед илүү хялбар байдаг.

За, файлыг байршууллаа, дараа нь яах вэ? Одоо та файлыг үндсэн фолдерт байршуулсан гэдэгт эргэлзэж байгаа эсэхийг шалгах боломжтой: your_site/favicon.ico. Хэрэв файлыг үндсэн хавтас руу татаж авсан бол, дараа нь энэ хаяг дээр харагдах болно. Дараа нь та хаягуудын хооронд нөөцийн хуудас бүрийг бичих хэрэгтэй Тэгээддараах код:

Хэрэв дүрс нь өөр хавтсанд байгаа бол дараах байдалтай байх ёстой.

Энэ кодыг интернетийн олон эх сурвалжид хүлээн зөвшөөрсөн гэж үздэг бөгөөд ямар ч хөдөлгүүр дээр ажиллах болно. Гэхдээ та өөр өөр хөдөлгүүрт үүнийг өөрөөр бичиж болно. Жишээлбэл, WordPress-ийн хувьд энэ код дараах байдалтай харагдана.

/favicon.ico" />

Зөвхөн энэ сонголтод дүрс нь загвар бүхий хавтсанд байх ёстой. Жишээ нь (public_html/site/wp-content/themes/your-theme/favicon.ico).

Эдгээр алхмуудын дараа сайтын фавиконажиллаж эхлэх бөгөөд та үүнийг хөтчийнхөө таб дээрээс харах боломжтой. Гэхдээ Yandex хайлтын үр дүнд файл нэн даруй харагдахгүй бөгөөд та эхлээд Yandex робот дүрсийг индексжүүлэх хүртэл хүлээх хэрэгтэй бөгөөд үүний дараа хайлтын үр дүнд гарч ирэх бөгөөд дараа нь таны блог идэвхжсэн тохиолдолд л болно; хайлтын үр дүнгийн эхний есөн хуудасны нэг.

Тэгээд л болоо. Хэрэв ямар нэг зүйл тодорхойгүй байвал асуугаарай, бид үүнийг олж мэдэх болно. Дараа уулзая!

Сайн байна уу, блог сайтын эрхэм уншигчид. Өнөөдрийн нийтлэл дэх яриа нь Favicon.ico дүрсүүдийн тухай байх болно. Бид фавикон гэж юу болох, яагаад үүнийг вэбсайт дээрээ суулгах ёстой, шаардлагатай хэмжээтэй дүрсийг өөрөө хэрхэн бүтээх талаар олж мэдэх болно.

Зарчмын хувьд фавикон үүсгэхийн тулд ямар ч тусгай онлайн генератор ашиглах шаардлагагүй, гэхдээ энэ нь маш тохиромжтой бөгөөд энгийн зүйл юм. Та үүнийг Photoshop дээр хийхийг оролдож болно, гэхдээ анхдагчаар харамсалтай нь ICO форматаар зургийг хадгалах боломжгүй. Тиймээс Photoshop програмыг ICO-той ажиллахыг заахын тулд та тусгай залгаас суулгах шаардлагатай болно.

Гэхдээ хэрэв та Photoshop (түүнчлэн үүнтэй адил) ашиглахад тохиромжгүй бол доор жагсаасан олон онлайн үйлчилгээний аль нэгийг ашиглах нь танд илүү хялбар байх болно. Түүнээс гадна, тэдгээрийн заримд нь та шинэ дүрсийг эхнээс нь зурах боломжтой, заримд нь одоо байгаа зургийг (таньд тохирсон) фавикон форматаар дахин хийх боломжтой болно.

Хамгийн хялбар сонголт бол Favicon цуглуулгыг онлайн галерей эсвэл каталогоос татаж авах явдал юм. Та тэдгээрийг хаанаас авч болох талаар доороос уншина уу.

Онлайнаар Favicon хэрхэн үүсгэх, тэдгээрийн цуглуулгыг хаанаас татаж авах боломжтой

Эхлээд үйлчилгээний жишээг хэлье (гэж нэрлэгддэг фавикон үүсгэгч), та ямар ч тусгай ур чадваргүйгээр вэбсайтдаа бүрэн зохистой мини-логог зохиож, эсвэл ядаж тохирох зургийг сайтад favicon байршуулахад шаардлагатай формат руу автоматаар хөрвүүлж болно.

Faviс.cc- маш тохиромжтой онлайн фавикон үүсгэгч. Үүнийг ашигласнаар та жишээлбэл, эхнээс нь (бүрэн онцгой) өөрийн дүрсийг үүсгэж, пикселээр нь зурж болно. Үүнийг хийхийн тулд та үйлчилгээний цонхны зүүн талд байрлах "Шинэ Favcon үүсгэх" товчийг дарах хэрэгтэй.
Генераторын хуудасны төв хэсэгт квадрат бүр нь таны ирээдүйн фавиконы нэг пиксел болох хэсэг байдаг. Таны даалгавар бол эдгээр квадратуудыг өөр өөр өнгөөр будах явдал юм. Нэг квадратыг өнгөөр будахын тулд "Өнгө сонгогч" талбар дахь үйлчилгээний цонхны баруун талд байгаа нүдийг чагталж, тэнд байрлах палитраас хүссэн өнгийг сонгоод хүссэн дөрвөлжин дээр дарна уу. Буруу сүүдэрийг арилгахын тулд "ил тод" хайрцгийг шалгаад дөрвөлжин дээр товшоод өнгөгүй (тунгалаг) болно.
Генераторын зураг дээр пикселийг шилжүүлэхийн тулд та "зөөх" нүдийг шалгах хэрэгтэй. Та ажлынхаа үр дүнг зотон доорх "Урьдчилан харах" хэсгээс бодит хэмжээгээр харах боломжтой. Хэрэв таны бүтээсэн Favicon танд тохирсон бол "Татаж авах" товчийг дарж компьютер дээрээ хадгална уу. Үүний үр дүнд та график файлыг хүлээн авах бөгөөд дараа нь татан авч байршуулах серверт байршуулах боломжтой.
Одоо та вэбсайтдаа хэрхэн мини лого хийхийг эхнээс нь мэддэг болсон. Гэхдээ хэрэв танд график авъяас чадвар байхгүй бол та онлайн генераторын үйлчилгээг ашиглаж болно ирээдүйн фавиконд зориулж дурын зургийг байршуулна уу, энэ нь хоосон зайд үйлчлэх болно. Зураг нь ямар ч хэмжээ, форматтай байж болно. Дүрс файлыг онлайн үйлчилгээнд байршуулахын тулд үйлчилгээний цонхны зүүн талд байрлах "Зураг импортлох" товчийг дарах шаардлагатай.
Нээгдсэн цонхон дээр "Browse" товчийг дараад компьютер дээрээ тохирох зургийг олоорой. Дараа нь зургийг 16-аас 16 (квадрат) болгон хувиргахдаа түүний харьцааг юу хийхээ сонго. Хэрэв таны байршуулсан зураг дөрвөлжин биш бол энэ нь үнэн юм. Энэ тохиолдолд хоёр сонголт хийх боломжтой: харьцааг өөрчлөхгүй (хэмжээг хадгалах) эсвэл зургийг дөрвөлжин харагдац руу хөрвүүлэх (Дөрвөлжин болгон багасгах дүрс). Хоёрдахь тохиолдолд ирээдүйн фавиконын дүрс нь тэнхлэгүүдийн аль нэгний дагуу гажуудсан болно.
Онлайн үүсгэгч рүү байршуулж, зургаа хөрвүүлэхийн тулд та "Байршуулах" товчийг дарах хэрэгтэй. Үүнээс үүсгэсэн Favicon.ico нь таны зурсантай адил засварлах боломжтой. Та бүтээлээ хийж дуусаад "Татаж авах" товчийг дарж компьютертээ татаж авна уу.
Энэхүү онлайн үйлчилгээ нь бусад хэрэглэгчдийн бүтээсэн, олон нийтэд нээлттэй болгосон фавиконуудын цуглуулгыг ашиглах боломжтой. Галерейд байгаа үзмэрүүдийг үзэхийн тулд та цонхны зүүн талд байрлах "Хамгийн сүүлийн үеийн Favicons" товчлуур дээр дарж цуглуулгуудыг үүсгэсэн огноогоор нь эрэмбэлсэн эсвэл "Хамгийн өндөр үнэлгээтэй Favicons" товчлуур дээр дарж үзэх хэрэгтэй. Үнэлгээгээр эрэмбэлсэн галерей.
Favicon.ru- Нэгэн цагт энэ үйлчилгээ дээр дурдсан онлайн генератороос хамаагүй хялбар байсан боловч саяхан энэ нь бараг аналог болсон, гэхдээ зөвхөн орос хэл дээр. Favicon.ru нь танд байгаа аливаа зургийг (компьютер эсвэл интернет дээр) 16-аас 16 пикселийн хэмжээтэй ICO формат руу хөрвүүлэх боломжийг олгодог төдийгүй үүнийг эхнээс нь пикселээр нь зурах боломжийг олгодог.
Онлайн фавикон үүсгэгчийн энэ хувилбар нь зөвхөн дотоодынх учраас л анхаарал татаж байна. Тийм ч учраас тэр энэ нийтлэлд дуусав. Тиймээс, үүнтэй ажиллахын тулд та үндсэн хуудасны дээд хэсэгт байрлах "Файл сонгох" товчийг дарж, компьютер дээрээ хүссэн зураг руугаа замыг зааж өгөх хэрэгтэй. Татаж аваад Favicon.ico формат руу хөрвүүлсэн зургийг засаад дараа нь таны компьютерт хадгалах боломжтой. Бүх зүйл энгийн бөгөөд тохиромжтой.
Logaster.ruнь онлайн лого үүсгэгч боловч логоноос гадна фавикон үүсгэдэг. Бусад бүх үйлчилгээнүүдээс ялгаатай нь та фавикон дизайн зурах эсвэл логогоос хөрвүүлэх шаардлагагүй.
Фавикон үүсгэхийн тулд та эхлээд сайт эсвэл компанийн нэрийг оруулж, үйл ажиллагааны төрлийг сонгох хэрэгтэй. Энэхүү үйлчилгээ нь ашиглахад бэлэн хэдэн арван фавикон загваруудыг санал болгоно. Та фавиконыг хэрхэн үүсгэх талаар илүү ихийг уншиж болно. Favicon.ico-г үүсгэсний дараа та файлыг ICO эсвэл PNG форматаар компьютер дээрээ татаж авах боломжтой.

Үүний дараа та хийх ёстой зүйл бол "Create" товчийг дарах явдал юм. Нээгдсэн хуудсан дээр та үүссэн фавиконыг татаж авах холбоосыг харах болно.

Онлайн генераторууд, цуглуулга, фавиконуудын галерей

Хэрэв ямар нэг шалтгааны улмаас дээр дурдсан фавикон үүсгэгч танд таалагдаагүй бол би дараах зүйлсийн аль нэгээр азаа туршиж үзэхийг санал болгож байна. үнэгүй онлайн үйлчилгээ:

FaviconGenerator - таны компьютерээс татаж авсан дурын зургийг хүссэн favicon формат руу хөрвүүлэх боломжийг олгодог (та зураг оруулах боломжтой).
AntiFavicon бол нэлээд сонирхолтой Favicon генератор юм. Үүн дээр та чадна бичээс бүхий фавикон үүсгэх. Та "Дээд текст" ба "Доод текст" талбарт бичээсийн текстийг оруулж, "Өнгө" хэсэгт өнгөний схемийг тохируулах шаардлагатай болно.
Pics-ийн FavIcon бол өөр нэг энгийн онлайн үйлчилгээ юм - та өөрийн компьютер дээрх зураг руу орох замыг зааж, ICO болон GIF форматтай файлыг хөрвүүлж, татаж авах боломжтой.
Iconj - хамгийн гайхалтай нь та үүсгэсэн дүрсийг татаж авах эсвэл үйлчилгээнд үлдээж, энэ файлын холбоосыг хүлээн авах боломжтой юм.
DeGraeve бол өмнө нь хянаж үзсэн Favicon.cc-тэй төстэй, нэлээд хүчирхэг Favicon Generator юм. Энд ч гэсэн та бүгдийг эхнээс нь хийх эсвэл зураг байршуулах боломжтой бөгөөд дараа нь тохируулж, тохирох хэмжээтэй ICO форматаар татаж авах боломжтой.
Generator - байршуулсан зургаас фавикон үүсгэх, мөн тусгай засварлагч дээр эхнээс нь үүсгэх боломжийг танд олгоно.
Онлайн дүрс засварлагч favicon.ico - энэ нь бүх зүйлийг хийдэг - эхнээс нь фавикон үүсгэх, одоо байгаа зургийг өөрчлөх.
Онлайн Favicon бол мини лого үүсгэх, засах маш ажиллагаатай хэрэгсэл юм
Үнэгүй Favicon Generator - дээрх жагсаалтаас юу ч танд тохирохгүй тохиолдолд.
Favicon генератор - энгийн бөгөөд амттай...

Хэрэв та сайтад зориулсан мини логоны онцгой шинж чанарыг үл тоомсорлож, засварлагч, генераторуудтай ажиллах боломжгүй бол хэдэн арван зоостой сайтуудаас өөртөө тохирох дүрсийг сонгож болно. Эцсийн эцэст, интернетээс татаж авах эсвэл компьютерийнхээ гүнээс олох боломжтой 16-аас 16 пикселийн хэмжээтэй ямар ч дүрс бидэнд тохирох болно.

Гэхдээ фавикон нь юуны түрүүнд хэрэглэгчдийн анхаарлыг татах ёстой гэдгийг санах хэрэгтэй. Хэрэглэгч таны сайтыг Favicon-ыг хараад л таних боломжтой тул энэ нь өвөрмөц байвал илүү дээр байх болно, гэхдээ та интернетээс ямар нэгэн өвөрмөц зүйлийг хайж олох боломжтой.

Хэрэв танд хүсэл, боломж байхгүй бол (та зураач биш бөгөөд хэзээ ч байгаагүй) хамгийн хялбар арга бол хайж олох явдал юм. үнэгүй фавиконуудын цуглуулга бүхий галерей:

Iconj бол бусад хүмүүсийн зохион бүтээсэн дүрсний нэлээд том цуглуулга юм
Favicon.cc - Бүх тохиолдолд зориулсан 55 мянган өөр сонголт. Мөн хөдөлгөөнт фавиконууд байдаг бөгөөд эдгээр нь зөвхөн FireFox хөтөч дээр харагдах болно.
Favicon Gallery - хэмжээтэй тохирох хэд хэдэн дүрс

Хэрэв та бусад ижил төстэй эх сурвалжуудыг мэддэг бол би таны холбоосыг энэ жагсаалтад нэмэх болно.

Вэбсайт дээр Favicon-г хэрхэн суулгаж, түүнд хүрэх замыг зааж өгөх

Таны хөтөч болон Yandex хайлтын робот болно Favicon-ыг үндсэн хавтсаас хайж олоорой. Тиймээс, та зүгээр л FTP-ээр сайт руу холбогдож, Favicon.ico файлаа үндсэн директор руугаа (ихэвчлэн public_htm эсвэл htdocs хавтаснууд) байршуулж болно (нэрийг нь жижиг үсгээр бичих нь дээр). Одоо зарим хөтөч дээр нөөцөө нээж, таб дээрх дүрс өөрчлөгдсөн эсэхийг харна уу. Өөрчлөгдсөн үү? Үгүй юу? За яахав.

Хэрэв та ийм байдлаар фавикон байршуулах боломжгүй байсан бол хийх хэрэгтэй байж магадгүй, учир нь... Хуучин хувилбарыг кэшээс ачаалах нь ихэвчлэн тохиолддог. Та үүнийг туршиж үзэж болно, миний хувьд энэ нь кэшийг цэвэрлэхгүйгээр хийсэн өөрчлөлтөд хамгийн сайн хариу үйлдэл үзүүлдэг. Хэрэв асуудал хөтчийн кэшэд байхгүй бол энэ нь гэсэн үг юм таны сайт фавиконын өөр байршилтай байна, үндсэн фолдероос ялгаатай. Би үүнийг яаж шалгах вэ?

Сайтынхаа аль ч хуудасны эх кодыг нээнэ үү. Эх кодоо харахын тулд хуудасны баруун товчийг дараад тохирох контекст цэсийн зүйлийг сонгоно уу (жишээлбэл, хуучин Opera дээрх "Эх код" эсвэл Mazila Firefox дахь "Хуудасны эх код" эсвэл "Хуудасны кодыг харах"). Google Chrome , эсвэл IE дэх "HTML кодыг харах") эсвэл Ctrl+U товчлуурын хослолыг дарна уу. Одоо хуудасны дээд талд favicon.ico руу орох замыг зааж өгөх мөрийг харна уу.

Энэ нь иймэрхүү харагдах болно:

Одоо энэ замыг мэдэж байгаа тул та FTP-ээр дахин холбогдож, сайтад байгаа замыг сольж, заасан замыг ашиглан өөрийн favicon-ыг байршуулах боломжтой. Хэрэв хөтчийн хаягийн мөрөнд дахин өөрчлөлт ороогүй бол хөтчийн кэшийг дахин цэвэрлэж үзнэ үү.

IN Joomla Favicon нь ихэвчлэн таны ашиглаж буй загвартай хавтсанд амьдардаг (Joomla 1.5-д хүрэх замыг ижил загварын лавлахаас index.php файлд бичсэн байсан, харин Joomla 3 дээр бүх зүйл арай илүү төвөгтэй болсон). Тэдгээр. Joomla дахь фавиконыг өөрчлөхийн тулд та энэ замыг дагаж, тэнд favicon.ico файлаа байршуулж, солих тухай асуултанд эерэгээр хариулахад хангалттай.

/загвар/загвартай_хавтас/favicon.ico

Favicon файл дотор байна WordPressанхдагч байдлаар, энэ нь таны ашиглаж буй сэдэвтэй хавтсанд байж болно (түүний замыг мөн тэнд тохируулсан болно):

/wp-content/themes/Таны_ашиглаж буй_сэдэвтэй_хавтас/favicon.ico

Ерөнхийдөө хэрэв хүсвэл Favicon руугаа замыг тохируулах эсвэл өөрчлөх, энэ нь хөтөч болон Yandex хайлтын робот хоёуланд нь ойлгогддог бол та үүнийг Joomla, WordPress эсвэл бусад хөдөлгүүрт тохирох загвар файлд нээх, хаах шошгон дээр бичих хэрэгтэй. ТОЛГОЙ, дараах кодын мөрүүд:

Эдгээр мөрүүдийг аль загвар файлд бичих нь таны сайтын хөдөлгүүрээс хамаарна. Жишээлбэл, in WordPress дээрТа засварлахын тулд header.php файлыг нээх хэрэгтэй: wp-content/themes/Folder_with_your_theme_design. Редактор дээр header.php-г нээгээд хамгийн эхэнд Html HEAD хаягийг олоорой. Үүний дараа аль ч газарт, гэхдээ HEAD хаагдахаас өмнө өөрийн мини лого график файл руу орох замыг зааж өгсөн кодын дээрх мөрүүдийн аль нэгийг бичнэ үү.

Хэрхэн суулгах вэ хөдөлгөөнт фавикон? Үндсэндээ ердийнхтэй яг адилхан. Ганц ялгаа нь таны вэбсайтын загварт оруулсан код бөгөөд үүний тусламжтайгаар та хөтөч болон Yandex хайлтын робот руу хүссэн график файл руу орох замыг зааж өгөх болно. Баримт нь хөдөлгөөнт Favicon нь GIF өргөтгөлтэй байх тул кодын мөрөнд та дараах зүйлийг бичих хэрэгтэй болно.

Хөдөлгөөнт фавиконууд болон энгийн зургуудын хоорондох бүх ялгаа нь энэ юм. Гэхдээ хөдөлгөөнт дүрс нь зөвхөн FireFox дээр ажиллах болно, энэ нь хөдөлгөөнгүй байх болно гэдгийг анхаарна уу. Yandex таны хөдөлгөөнт фавиконыг ачаалахдаа үүнийг статик PNG формат руу хөрвүүлдэг. Гэхдээ миний бодлоор асуудалд орох нь үнэ цэнэтэй зүйл биш юм - сайтын ердийн мини-логоны оронд хөдөлгөөнт дүрс суулгах нь тийм ч утгагүй юм. Гэхдээ энэ бол зүгээр л миний IMHO.

Чамд амжилт хүсье! Удахгүй блог сайтын хуудсууд дээр уулзацгаая

Та сонирхож магадгүй

Онлайн FTP клиент Net2ftp болон Google Alerts - вэбмастеруудад хэрэгтэй үйлчилгээ
Pr-cy, Cy-pr, Be1, Xseo болон бусад үнэгүй онлайн үйлчилгээнүүдийн вэбсайтын дүн шинжилгээ
Сайтын дүрс, тэмдэг, дэвсгэр, зураг, лого (онлайн үйлчилгээ IconFinder, Freepik, PSDGraphics болон бусад)
Ашиглах боломж - вэбсайтаа зочдод хэрхэн тав тухтай байлгах, аль болох урт хугацаанд нийтлэлээ уншихыг хичээ
MegaIndex Tools - вэбмастер болон оновчтой болгох хэрэгслүүдийн багц
Browsershots дахь вэб сайтын хөтчүүдийн хоорондын нийцтэй байдлыг хэрхэн шалгаж, шинэ материал гарч ирэх үед ping илгээхийг хэрхэн тохируулах вэ
Http - энэ юу вэ, толгой хэсгийг хэрхэн харах, серверийн хариу кодыг шалгах, 200, 301, 302, 404, 500 кодууд юу гэсэн үг вэ?
Crossposting - энэ юу вэ, үүнийг хэрхэн зөв хийх вэ

Одоо хувийн сайтын дүрс тэмдэг - Favicon нь ямар ч вэб нөөцийн нэрийн хуудас юм. Энэ дүрс нь хүссэн порталыг зөвхөн хөтөчийн табуудын жагсаалтад төдийгүй, жишээлбэл, Yandex хайлтын үр дүнд онцолж өгдөг. Favicon нь дүрмээр бол сайтын мэдлэгийг нэмэгдүүлэхээс өөр үүрэг гүйцэтгэдэггүй.

Өөрийнхөө нөөцөд зориулж дүрс үүсгэх нь маш энгийн: та тохирох зургийг олж эсвэл график засварлагч ашиглан өөрөө зурж, дараа нь зургийг хүссэн хэмжээгээр нь шахаж авдаг - ихэвчлэн 16x16 пиксел. Үр дүнг favicon.ico файлд хадгалж, сайтын үндсэн хавтсанд байрлуулна уу. Гэхдээ интернетэд байгаа Favicon генераторуудын аль нэгийг ашиглан энэ процедурыг ихээхэн хялбаршуулж болно.

Ихэнх вэб дүрс засварлагч нь Favicon үүсгэхэд шаардлагатай бүх хэрэгслийг санал болгодог. Энэ тохиолдолд эхнээс нь зураг зурах шаардлагагүй - та бэлэн зургийг ашиглаж болно.

Арга 1: Favicon.by

Орос хэл дээрх онлайн фавикон үүсгэгч: энгийн бөгөөд харааны. 16х16 хэмжээтэй зотон болон харандаа, баллуур, дусаагуур, дүүргэгч зэрэг багаж хэрэгслийн хамгийн бага жагсаалтыг ашиглан дүрсийг өөрөө зурах боломжийг танд олгоно. Бүх RGB өнгө, ил тод байдлыг дэмждэг палитр байдаг.

Хэрэв та хүсвэл компьютер эсвэл гуравдагч этгээдийн вэб эх сурвалжаас генератор руу бэлэн зургийг байршуулж болно. Импортын зургийг мөн зотон дээр байрлуулж, засварлах боломжтой болно.

Үүний үр дүнд та favicon нэртэй график ICO файл, 16x16 пикселийн нягтралтай болно. Энэ дүрсийг таны вэбсайтын дүрс болгон ашиглахад бэлэн болсон байна.

Арга 2: X-Icon Editor

64x64 пиксел хүртэл нарийвчилсан дүрс үүсгэх боломжийг олгодог HTML5 хөтөч програм. Өмнөх үйлчилгээнээс ялгаатай нь X-Icon Editor нь илүү олон зургийн хэрэгсэлтэй бөгөөд тус бүрийг уян хатан байдлаар тохируулах боломжтой.

Favicon.by-ийн нэгэн адил энд та бэлэн зургийг сайтад байршуулж, шаардлагатай бол зохих ёсоор засах боломжтой.

Хэрэв та фавикон болгох гэж буй зургийнхаа нарийн ширийн зүйлийг хадгалахыг хүсвэл X-Icon Editor нь үүнд тохиромжтой. 64x64 пикселийн нарийвчлалтай дүрс үүсгэх чадвар нь энэ үйлчилгээний гол давуу тал юм.

Favicon (Англи хэл: Дуртай дүрс) нь вэбсайт, хөтчийн таб эсвэл хавчуурга ("Дуртай") үзэх үед хөтчийн хаягийн мөрөнд харагдах тусгай форматтай жижиг дүрс (зураг, зураг) юм.

favicon нь таны вэб сайтын нэмэлт чимэглэл, таны мини лого юм. Энэ нь Yandex болон Google хайлтын систем дэх сайтуудын жагсаалтыг үзэхэд харагдах бөгөөд таны сайтыг бусдаас онцгой болгодог.

Яагаад вэб сайтад фавикон хэрэгтэй байна вэ?

favicon бол таны сайтын худалдааны тэмдэг юм. Өнөөдөр олон компаниуд өрсөлдөгчдөөсөө ялгарах өвөрмөц фавиконтой байдаг. Хэрэглэгчдэд энэ дүрсийг илүү сайн санаж байхын тулд компаниуд өөрсдийн логог харуулах ёстой бөгөөд энэ нь сайтын толгойн элементүүдийн нэг байх ёстой. Фавикон ашиглах өөр нэг эерэг шинж чанар нь вэб хөтчөөс олон тооны сайтыг үзэх үед хуудасны гарчгийг бүхэлд нь харахгүй, зөвхөн дүрсийг хардаг бөгөөд та очихыг хүссэн табаа нэн даруй, хялбархан тодорхойлох боломжтой юм.

Favicon дээр юу харуулах нь дээр вэ?

Дүрс нь сайтын сэдэвтэй тохирч байх ёстой.
брэнд, хэрэв таны вэбсайт энэ брэндтэй холбоотой бол. Үүний зэрэгцээ өөр өөр хуудасны хувьд өөр өөр брэндүүдийг харуулах боломжтой;
Та товшихыг хүссэн фавиконыг ашигла, энэ нь Yandex болон Google хайлтаар үзэхэд товшилтын хурдыг нэмэгдүүлэх болно;
Сайтынхаа янз бүрийн хэсэгт зориулж хэд хэдэн фавикон дизайн хий.
Янз бүрийн арга хэмжээнд (жишээ нь: Шинэ жил, Гэгээн Валентины өдөр эсвэл Сансрын нисгэгчдийн өдөр гэх мэт) зориулж хэд хэдэн фавикон загвар хий.

Үүссэн файлыг үндсэн индекс файл (index.php) байрлах сайтынхаа үндсэн хэсэгт байрлуул. Хөтөч рүү хуудасны толгой хэсэгт сайтын фавиконын байршлыг зааж өгөхийн тулд дараах мөрийг оруулна уу.

Хөдөлгөөнт фавиконыг хэрхэн хийх вэ?

ICO формат нь хөдөлгөөнт дүрсийг дэмждэггүй. Гэхдээ орчин үеийн хөтчүүд нь өнгөц зурагт GIF форматыг ашиглах боломжийг олгодог. Орчин үеийн хөтчүүдэд нэг хөдөлгөөнт файлыг (favicon.gif), Intertet Explorer зэрэг эртний хөтчүүдэд өөр (favicon.ico) зааж өгөх боломжтой. Үүнийг хийхийн тулд толгойн хэсэгт дараах хоёр мөрийг нэмнэ.

Мэдээжийн хэрэг та эхлээд хоёр файлыг сайтын үндсэн хавтсанд байрлуулах хэрэгтэй.

Хөтөч дээр зураг харуулахыг хориглосон бол яах вэ?

Хэрэв та хуудасны кодонд суулгасан зураг бүхий фавикон хийвэл:

Дараа нь зургийг идэвхгүй болгосон ч гэсэн дүрс нь хөтөч дээр харагдах болно. .

Вэбсайтаас favicon хэрхэн авах вэ

Бүх вэбмастерууд favicon.ico-г сайтын үндсэн хэсэгт байрлуулдаггүй. Favicon хаягийг авахын тулд дараах скриптийг ашиглана уу.

]*)холбоос([^>]*)(rel="icon"|rel="богино холболтын дүрс")([^>]*)>/iU", $html, $out)) ( $link_tag = $out if (preg_match("/href([s]*)=([s]*)"([^"]*)"/iU", $link_tag, $out)) ( $favicon = trim($out) ; (strpos($favicon, "://")===false) $favicon = $url ($favicon, "/" )

Хайлтын системүүд Google, Yandex болон favicon

Хайлтын системийн роботууд вэбсайтын дүрсүүдийг кэш болгодог. Дараах хүсэлтүүдэд кэшийн дүрсүүдийг ашиглах боломжтой:

Нэмж дурдахад Yandex нь таныг өөр өөр сайтуудын дүрсээс "спрайт" болгож чадна.

iPhone болон iPad-д зориулсан дүрс тэмдэг

Зургийн линкийг заагаагүй байсан ч iPhone сайтын үндсэн хавтаснаас apple-touch-icon.png нэртэй файлыг хайж олох бөгөөд хэрэв олсон бол түүнээс зургийг нь дугуйлан авах болно. буланд байрлуулж, автоматаар тодруулна. Үүнээс зайлсхийхийн тулд apple-touch-icon.png-ийн оронд iPhone болон iPad эзэмшигчид apple-touch-icon-precomposed.png гэж бичих хэрэгтэй. Тэдний хувьд бид 57x57 хэмжээтэй үзэсгэлэнтэй дүрсийг хийдэг (дашрамд хэлэхэд энэ нь илүү том байж болно, гэхдээ энэ нь үдийн хоолны дэлгэц дээрх дүрсний стандарт хэмжээ) бөгөөд үүнийг дараах байдлаар холбоно.

Фавиконыг хэрхэн динамикаар өөрчлөх вэ?

Хэрэв та DOM-ээр дамжуулан тагийн шинж чанарын утгыг өөрчлөхийг оролдвол хүссэн үр дүнд хүрэхгүй. Хуудасны дүрсийг динамикаар өөрчлөхийн тулд та эхлээд хуудасны гарчигнаас хуучин дүрс бүхий холбоосыг устгаж, дараа нь шинэ агуулгаар нэмэх хэрэгтэй. Үүнийг дараах байдлаар хийнэ: // Шинэ дүрс файлын холбоос var icon="new_favicon.ico"; var head = document.getElementsByTagName("толгой"); // HEAD хаягаас хуучин дүрсийг олж устгах var links = head.getElementsByTagName("link"); for (var i = 0; i< links.length; i++) { var lnk = links[i]; if (lnk.rel=="shortcut icon") { head.removeChild(lnk); } } // Добавить новую иконку var link = document.createElement("link"); link.setAttribute("href",icon); link.setAttribute("type","image/x-icon"); link.setAttribute("rel","shortcut icon"); head.appendChild(link);

HTML5 ба фавикон

Sizes шинж чанарыг HTML5-д нэмсэн бөгөөд энэ нь танд ижил дүрсний хэд хэдэн өөр хувилбарыг зарлах боломжийг олгодог бөгөөд эдгээр нь PNG файл байж болно:

Windows 8 дээр таблетад зориулсан хавтанг хэрхэн зарлах вэ?

Windows 8.0-д зориулсан зар дараах байдалтай байна.

Windows 8.1 болон IE 11 нь browserconfig.xml дээр зарласан зургийн олон хувилбарыг хүлээж байна. Жишээлбэл:

Хэрэв файлын нэр өөрчлөгдөөгүй бол та үүнийг зарлах шаардлагагүй:

#2b5797

Өнөөдөр бид маш сонирхолтой сэдвийг хөндөх болно. Вэбсайт дээрээ ажиллахдаа эрт орой хэзээ нэгэн цагт та фавикон үүсгэх хэрэгтэй болно. Энгийнээр хэлбэл, favicon нь хөтөч дээрх таб дээр гарч ирдэг вэбсайтын дүрс тэмдэг юм. Хэрэв таны сайт Дуртай жагсаалтад нэмэгдсэн бол та үүнийг хөтөчийнхөө хурдан нэвтрэх хэсэгт харах боломжтой.

Хамгийн алдартай сайтуудын фавиконууд

Фавикон нь ямар нэг хэмжээгээр танай сайтын нүүр царай учраас чанартай байх ёстой гэж хэлэх нь утгагүй гэж бодож байна. Энэ нийтлэлд бид өөрсдийн хэрэгцээнд нийцсэн фавиконуудыг хэрхэн үүсгэх, мөн тэдгээрийг хөрвүүлэх үйлчилгээтэй танилцах болно. Дэлгэрэнгүйг доороос уншина уу.

Видео хувилбар:

Favicon ямар байх ёстой вэ?

Фавиконыг өөрөө үүсгэж эхлэхээсээ өмнө тэдгээр нь хамгийн тохиромжтой байх ёстой зүйл дээр анхаарлаа хандуулах нь сайхан байх болно. Тиймээс хамгийн тохиромжтой фавикон:

Тодорхой бөгөөд ойлгомжтой
Сайн чанарын хийсэн
Таны сайтын утгыг илэрхийлдэг
Танай сайттай нийтлэг хэв маягтай
Бусад сайтуудын дүрсээс ялгардаг

Дээрх параметрүүдийг хамгийн тохиромжтой фавикон гэж ангилж болно. Мөн бид сайтдаа ийм дүрс үүсгэх хэрэгтэй. Гэсэн хэдий ч фавикон дээр яг юу дүрслэгдсэн байх ёстой талаар маргаан байдаг. Энэ асуудалд та сайтынхаа ерөнхий хэв маяг, сэдвээс ажиллах хэрэгтэй гэдэгт би итгэдэг. Энэ нь зарим зураг эсвэл текст агуулж болно. Хэрэв текстийг фавикон дээр байрлуулсан бол 2-оос илүүгүй үсэгтэй байх ёстой. Үгүй бол хэн ч ийм текстийг уншиж чадахгүй, учир нь фавикон хэмжээ нь ерөнхийдөө 16*16 пиксел юм.

Вэб сайтын дүрс ямар хэмжээтэй байдаг вэ?

Таны мэдэж байгаагаар одоо маш олон төрлийн хөтөч, монитор, төхөөрөмжүүд байдаг. Мөн тэдний favicon хэмжээтэй байх шаардлага өөр байна. Дараах хэмжээтэй сонголтуудыг анхаарч үзэх хэрэгтэй.

16*16px - стандарт фавикон хэмжээ, ихэнх хөтөч болон төхөөрөмжүүдэд тохиромжтой
32*32px - зарим тохиолдолд ашигладаг Internet ExplorerТэгээд Сафари
57*57px - харуулах үед ашигладаг iPhone
72*72px - харуулах үед ашигладаг iPad
114*114px - нүдний торлог бүрхэвч дээр харуулахад ашигладаг (57*2=114)
144*144px - нүдний торлог бүрхэвч дээр харуулахад ашигладаг iPad (72*2=144)

Фавикон ямар форматтай байх ёстой вэ?

Өмнө нь хөтчүүд зөвхөн фавиконыг форматаар хүлээн авдаг байсан "ico". Одоо тэд бусад формат, түүний дотор ойлгож сурсан "png". Манай тохиолдолд нэг чулуугаар 2 шувуу ална. Эхлээд бид форматаар favicon үүсгэх болно "png", дараа нь үүнийг хөрвүүлнэ "ico".

Фавикон үүсгэх хэд хэдэн арга

Өнөөдөр фавикон үүсгэх хоёр үндсэн арга байдаг:

Тусгай онлайн үйлчилгээгээр дамжуулан
Photoshop, Adobe Illustrator зэрэг тусгай програмуудыг ашиглан өөрөө бүтээ

Арга бүр өөрийн гэсэн онцлогтой. Онлайн үйлчилгээгээр дамжуулан favicon үүсгэхийн давуу тал нь үүнийг хийх тусгай ур чадвар шаардагддаггүй. Та зүгээр л шаардлагатай зургийг байршуулж, өөрчилж, дууссан фавиконыг татаж аваарай. Эсвэл та зүгээр л тексттэй ажиллаж, онлайн үйлчилгээний хэрэгслийг ашиглан дүрс зурах боломжтой. Ерөнхийдөө энэ аргын гол давуу тал нь түүний энгийн байдал юм. Гэсэн хэдий ч зоосны нөгөө тал нь ийм вэбсайтын дүрсний чанар нь хүссэн хүсээгүй зүйл юм. Онлайн үйлчилгээний дүрсний галерей хязгааргүй биш гэсэн энгийн шалтгаанаар та өвөрмөц фавикон хүлээн авахгүй. Үйлчилгээний хэрэгслийг ашиглан өөрийн зургийг ашиглахдаа өндөр чанартай бүтээгдэхүүн бүтээх нь тийм ч хялбар биш юм. Онлайн үйлчилгээний хэрэгслийг ашиглан дүрсийг гараар зурсан тохиолдолд үр дүн нь "төсөөнд багтамгүй зүйл" болно.

Тиймээс бид хоёр дахь, илүү төвөгтэй боловч амжилттай шийдлийг сонгодог. Favicon үүсгэхийн тулд бид програмыг ашиглах болно Photoshop. Хэрэв та энэ програмыг ашиглах туршлагагүй бол зүгээр. Миний зааврыг дагаснаар та даалгавраа хялбархан гүйцэтгэх болно.

Фавикон үүсгэх

Өмнө дурьдсанчлан, фавиконыг зураг эсвэл зүгээр л үсэг ашиглан үүсгэж болно. Манай тохиолдолд би ямар нэгэн зураг ашиглах болно. Жишээлбэл, бид автомашины вэбсайттай гэж төсөөлөөд үз дээ. Тиймээс бид авто хэсгээс зураг олох хэрэгтэй. Би сайтынхаа дүрсийг дугуй хэлбэрээр хийхийг санал болгож байна.

Зураг сонгох

Та хаанаас ч зураг авах боломжтой. Жишээлбэл, ижил замаар Yandex зураг. Гол нөхцөл бол зураг нь энгийн, сүүдэр, эзэлхүүнгүй байх явдал юм. Энэ нь 16 пиксел хүртэл багасгахад нэг их нарийвчлалтай байдаггүйтэй холбоотой юм. Илүүдэл хэмжээ, сүүдэрээс болж зураг бүдгэрч магадгүй юм.

Би хайлт ашиглан тохирох зургийг олдог googleхүсэлтээр "дугуй". Миний хийх ёстой зүйл бол хулганы баруун товчийг дараад "Зургийг хадгалах" гэснийг сонгоод хадгалах явдал юм.

Google зураг дээрх холбогдох зураг

Дараа нь бид энэ зургийг ашиглан нээнэ Photoshop. Фавикон нь ил тод дэвсгэртэй байх нь маш чухал юм. Манай тохиолдолд энэ нь тийм биш юм. Арын дэвсгэрийг арилгахын тулд бид Magic Wand хэрэгслийг ашигладаг. Түүний ажлын мөн чанар нь маш энгийн. Энэ хэрэгслээр бид зураг дээрх ижил өнгөтэй хэсгийг сонгох боломжтой. Бидний зургийн арын дэвсгэр нь дугуйтай шууд ялгаатай тул үүнийг хийхэд маш хялбар байх болно. Нэг удаа дарснаар бид нэг өнгийн хэсгийг сонгоно. Гарын товчлолыг дарснаар CTRL+УстгахБид энэ хэсгийг устгана.

Манай дугуйны дэвсгэрийг арилгаж байна

Бид үүнийг зургийн арын дэвсгэрийн бүх хэсгүүдээр хийдэг. Тиймээс, бидний зурган дээр дугуй нь тунгалаг дэвсгэр дээр байгаа бөгөөд энэ нь бидний хийх ёстой зүйл юм. Тиймээс манай вэбсайтын дүрсний загвар бэлэн боллоо.

2 өөр хэмжээтэй Favicon үүсгэх

Би 64px ба 16px хэмжээтэй 2 фавикон хийхийг санал болгож байна. Эхлээд бид илүү том дүрс (64px) үүсгэх хэрэгтэй. Үүнийг хийхийн тулд бид гарын товчлолыг дарна CTRL+N. Гарч ирсэн цонхон дээр бид зургийн өндөр, өргөнийг 64px байхаар сонгоно.

Ирээдүйн фавиконы хэмжээсийг тохируулах

Дараа нь бид дугуйгаа шинээр бий болгосон зургийн талбар руу шилжүүлэх хэрэгтэй. Үүнийг хийхийн тулд бид дугуйтай зураг руу буцаж очоод "Зөөх" хэрэгслийг сонгоно уу. Дараагийн алхам бол дугуйны дүрс дээр дарж, хулганы зүүн товчийг дарж, шинэ зургийн талбар руу шилжүүлнэ үү. Хөдлөхдөө дугуйтай давхаргыг сонгосон эсэхийг шалгаарай. Үгүй бол шилжүүлэг амжилтгүй болно.

Дугуйг шинэ зураг руу шилжүүлж байна

Дугуйг шинэ дүрс рүү шилжүүлсний дараа тэдгээр нь тохирохгүй байгааг бид харж байна. Бид дугуйг 64 пиксел болгон багасгах хэрэгтэй. Үүнийг хийхийн тулд бид товчлуурыг дарна уу SHIFTмөн зургийн диагональ цэг дээр дарснаар бид үүнийг багасгадаг. Тиймээс бид вэбсайтынхаа анхны фавиконыг бүтээсэн. Манай хэмжээ 64*64px гэдгийг сануулъя. Одоо бид "Файл" таб дахь "Вэбд хадгалах" функцийг сонгоод үүнийг хадгалах хэрэгтэй. Бид форматыг сонгодог PNG-24болон хавтас зургууд. Бид бас фавиконыг өөрөө гэж нэрлэдэг, зөвхөн латин үсгээр - "фавикон".

Фавиконыг хадгал

Агуу их. Одоо бидний хийх ёстой зүйл бол жижиг фавикон үүсгэх явдал юм. Үүнийг хийхийн тулд бид "Зураг" таб дээр дараад "Зургийн хэмжээ" функцийг сонгоно уу. Энд бид өргөн ба өндрийг 16px болгож тохируулна. Одоо бидний хийх ёстой зүйл бол энэ зургийг вэбд хадгалах явдал юм. Бид үүнийг "favicon-2" гэж нэрлэж болно.

Ингээд бид вэбсайтдаа зориулж 2 фавиконыг форматаар үүсгэж байна "png". Бид эхлээд 64px хэмжээтэй сонголтыг үүсгэсэн бөгөөд дараа нь үүнийг 16px болгон хялбархан багасгах боломжтой. Хэрэв та эхлээд 16px-тэй сонголт үүсгэсэн бол чанараа алдалгүйгээр 64px болгож нэмэгдүүлэх боломжгүй. Тиймээс давхар ажил хийхгүйн тулд үүнийг санаарай.

Сайт дээр favicon суулгаж байна

Таг доторх сайт дээр favicon суулгахын тулд бид бичдэг:

Хэрэв бид форматтай фавиконтой бол " Ico"тэгвэл бид оронд нь" png"бичих" Ico". Жишээлбэл:

Таны харж байгаагаар сайтын дүрс нь бидний хүссэнээр харагдаж байна.

Сайтын дүрсийг "ico" формат руу хөрвүүлэх

Орчин үеийн хөтөч нь фавиконыг форматаар хялбархан таньж, харуулах боломжтой "png". Гэсэн хэдий ч та үүнийг хөрвүүлэх шаардлагатай байж магадгүй юм "ico". Энэ форматын давуу талуудын нэг нь бүх хэмжээтэй фавиконуудыг нэг файлд хадгалах явдал юм. Энэ нь маш тохиромжтой гэдгийг хүлээн зөвшөөрч байна. Тиймээс бид дүрсээ хөрвүүлэхийн тулд xiconeditor.com хэмээх гайхалтай үйлчилгээг ашиглах болно. Түүнтэй ажиллахад тун хялбар. Бүх зүйл 4 алхамаар явагдана:
1. Эхлээд бид фавиконуудаа байршуулах хэрэгтэй. Үүнийг хийхийн тулд бид товчлуур дээр дарна уу "Импорт".

Xiconeditor.com үйлчилгээнд фавиконуудыг байршуулж байна

3. Хэрэв хүсвэл товчлуур дээр дарж болно "Урьдчилан харах"мөн тэдгээрийг хэрхэн харуулахыг харна уу. Манай фавиконыг форматаар татаж авахын тулд "ico"бид товчлуур дээр дарна "Экспорт".

Ингээд бид энд фавикон үүсгэх талаар суралцаж байна "png"мөн тэдгээрийг формат руу хөрвүүлэх "ico". Би Photoshop дээр нарийвчилсан дүрс боловсруулалтыг онцгойлон авч үзээгүй, учир нь олон хүмүүсийн хувьд энэ нь шаардлагагүй байх болно. Шаардлагатай бол та Photoshop дээр пикселтэй ажиллах замаар favicon-ийн чанарыг сайжруулах боломжтой. Би бүх чухал зүйлийг хялбаршуулсан хэлбэрээр танилцуулахыг хичээсэн. Энэ бол миний хувьд. Энэ хичээл танд хэрэг болсон гэж найдаж байна. Хэрэв үнэн бол:

Энэ нийтлэлийг нийгмийн сүлжээнд дахин нийтлээрэй, ингэснээр илүү олон хүн ашиг тус хүртэх болно;
Хэрэгтэй, сонирхолтой блог нийтлэлүүдийг алдахгүйн тулд миний мэдээллийн товхимолд бүртгүүлээрэй.

Энд би чамтай баяртай гэж хэлэхгүй байна. Анхаарал тавьсанд баярлалаа, дараагийн хэвлэлүүдэд уулзацгаая!