Favicon.ico хэрхэн үүсгэх вэ: 5 алхам (зурагтай)

Агуулгын хүснэгт:

Favicon.ico хэрхэн үүсгэх вэ: 5 алхам (зурагтай)
Favicon.ico хэрхэн үүсгэх вэ: 5 алхам (зурагтай)

Видео: Favicon.ico хэрхэн үүсгэх вэ: 5 алхам (зурагтай)

Видео: Favicon.ico хэрхэн үүсгэх вэ: 5 алхам (зурагтай)
Видео: Хэрхэн зургуудаа илүү хурдан харагдуулах вэ! Photoshop заавар 2024, May
Anonim

Та Google, Yahoo эсвэл wikiHow гэх мэт вэбсайтад зочлохдоо хаягийн мөрний зүүн талд жижиг дүрс байгааг анзаарч магадгүй юм. Үүнийг favicon гэж нэрлэдэг бөгөөд та өөрөө вэбсайт хийх боломжтой. Таны сайтад илүү мэргэжлийн мэдрэмж өгөхөөс гадна дүрс нь хэрэглэгчийн хавчуурга дээр дуртай сайтынхаа хуудсуудын хажууд гарч ирэх болно. Энэ нь тэдэнд танай сайтыг хялбархан олоход тусална.

Алхам

Favicon.ico үүсгэх 1 -р алхам
Favicon.ico үүсгэх 1 -р алхам

Алхам 1. 16x16 пиксел хэмжээтэй зураг үүсгэнэ үү

Энэ нь энгийн зураг байх ёстой бөгөөд ингэснээр тэр даруй танигдах болно.

Favicon.ico үүсгэх 2 -р алхам
Favicon.ico үүсгэх 2 -р алхам

Алхам 2. Зургийг favicon.ico файл болгон хөрвүүлэх

Үүнийг яг ингэж нэрлэх ёстой, эс тэгвээс хөтөч үүнийг танихгүй болно. Үүнийг хийх хялбар арга бол Dynamic Drive FavIcon Generator ашиглах явдал юм. Өөр нэг арга бол үнэгүй GIMP зураг засварлагч ашиглаж, 16x16 дүрсийг ICO форматаар хадгалах явдал юм.

Favicon.ico үүсгэх 3 -р алхам
Favicon.ico үүсгэх 3 -р алхам

Алхам 3. Үүсгэсэн файлыг вэбсайтдаа байршуулна уу

Favicon.ico үүсгэх 4 -р алхам
Favicon.ico үүсгэх 4 -р алхам

Алхам 4. Дараах кодыг вэб сайтынхаа HTML дээр нэмээрэй

Та үүнийг кодын хэсэгт оруулаад вэб хуудастай харьцуулахад дүрс рүү чиглэсэн замыг зөв эсэхийг шалгаарай. Дараах код (.html ба.ico хоёулаа ижил дээд директор дотор байгаа гэж үзвэл):

Favicon.ico үүсгэх 5 -р алхам
Favicon.ico үүсгэх 5 -р алхам

Алхам 5. Хуудсыг сэргээж, ухарч, вэбсайтынхаа шинэ сайхан дүрсийг биширээрэй

Зөвлөмж

  • Хэдийгээр таны дүрс маш жижиг байх боловч бусад хүмүүс үүнийг амархан уншиж/ойлгож чадна гэдэгт итгэлтэй байгаарай.
  • Хэрэв та Линукс ашигладаг бол файлыг шууд компьютер дээрээ хөрвүүлэх боломжтой. Зүгээр л тохирох зургийг сонгоод, тушаалын мөрөө нээгээд хадгалсан лавлах руу очоод хөрвүүлээрэй-p.webp" />

Зөвлөмж болгож буй: