Вэбсайтын дүрс бэлтгэх хэрэгслийн үүрэг
Вэбсайт бүтээгчид өөрсдийн брэнд лого эсвэл бэлэн байгаа зургийг хөтчийн таб, Apple төхөөрөмжийн үндсэн дэлгэц болон Android системд зориулсан дүрс болгон хувиргах шаардлагатай болдог. "Favicon Үүсгэгч" нь таны оруулсан ганцхан зургийг вэбсайтад ашиглахад тохиромжтой олон төрлийн дүрсний файлууд болгон хувиргадаг онлайн хэрэгсэл юм.
Энэхүү хэрэгсэл нь хөтчийн табын дүрс, Apple touch дүрс болон Прогрессив вэб апп (PWA)-д зориулсан дүрсүүдийг нэгэн зэрэг үүсгэж, тэдгээрийг нэг ZIP файл болгон багцалж өгдөг. Үүнээс гадна, үүсгэсэн дүрсүүдийг вэбсайтдаа хялбархан нэгтгэхэд туслах HTML кодын хэсгийг бэлдэж өгдөг тул вэбсайтын дүрсний багц болон бэлэн HTML код хэрэгтэй байгаа хэнд ч болов ашиглахад тохиромжтой.
Оруулах зургийн шаардлага ба тохиргоо
Хэрэгслийг ашиглахын тулд та дараах шаардлагыг хангасан зураг оруулах шаардлагатай:
- Дэмжих формат: Зөвхөн PNG, JPG болон SVG зургуудыг дэмждэг. Хэрэв өөр форматтай файл оруулбал "Зөвхөн PNG, JPG болон SVG зургуудыг дэмждэг." гэсэн алдаа заах бөгөөд зураг сонгоогүй үед "Эхлээд PNG, JPG эсвэл SVG зураг сонгоно уу." гэсэн мэдэгдэл гарна.
- Файлын хэмжээ: Хамгийн ихдээ 50 MB хүртэлх хэмжээтэй файл оруулж болно. Хэрэв хэмжээ хэтэрвэл "Энэ файл 50 MB-аас хэтэрсэн байна. Арай жижиг эх зураг ашиглана уу." гэсэн алдаа харагдана.
- Зургийн хэмжээ (пиксел): PNG эсвэл JPG зургийн хувьд хамгийн багадаа 512 × 512 пиксел байхыг зөвлөдөг. Хэрэв жижиг зураг оруулбал "Жижиг эх зураг (
{w}×{h}px): том дүрсүүд бүрсийж харагдаж магадгүй. 512 × 512 буюу түүнээс дээш хэмжээтэй — эсвэл SVG — хамгийн сайн үр дүнг өгнө." гэсэн анхааруулга гарна. Зургийг ачаалсны дараа хэрэгсэл нь түүний өргөн, өндрийг "{w}×{h}px" хэлбэрээр харуулдаг.
Дөрвөлжин биш зургийг оруулах үед дараах хоёр сонголтоор зохицуулж болно:
- Багтаах (зай авах): Зургийг бүхэлд нь харагдуулж, голлуулан эргэн тойронд нь зай үлдээдэг. Энэ нь анхдагч тохиргоо юм.
- Дүүргэх (тайрах): Зураг нь дөрвөлжин талбайг дүүргэх бөгөөд илүү гарсан ирмэгүүдийг тайрч авдаг.
Арын дэвсгэрийн хувьд дараах сонголтууд бий:
- Тунгалаг: Арын дэвсгэргүй байх бөгөөд энэ нь анхдагч тохиргоо юм. Хөтчийн табд тунгалаг дэвсгэр тохиромжтой байдаг.
- Өнгө: Хэрэглэгчийн сонгосон арын дэвсгэр өнгө. iPhone-ий үндсэн дэлгэцийн дүрсүүдэд тунгалаг хэсэг нь хар өнгөөр будагддаг тул арын дэвсгэр өнгө сонгох нь илүү найдвартай байдаг.
Үүсэх файлууд болон гаралтын багц
Хэрэгсэл нь зургийг боловсруулж дуусаад "Таны дүрсний багц" хэсэгт дараах файлуудыг бэлтгэж өгнө:
- favicon.ico: Дотроо 16, 32, 48 пикселийн хувилбаруудыг агуулсан сонгодог табын дүрс.
- PNG дүрсүүд: 16, 32, 180, 192, 512 пикселийн хэмжээтэй дүрсүүд. Эдгээр нь табын дүрс, iPhone/iPad-ийн үндсэн дэлгэц болон Android/суулгасан вэб аппуудад зориулагдсан.
- site.webmanifest: Том хэмжээтэй дүрсүүдийг жагсаасан, төхөөрөмжид дүрсүүд хаана байгааг зааж өгөх жижиг текст файл.
- Вектор файл: Хэрэв та анхнаасаа SVG зураг оруулсан бол уг вектор файл өөрөө багцад багтах бөгөөд энэ нь ямар ч хэмжээнд тод харагдах давуу талтай.
- HTML код: Вэб хуудасныхаа
<head>хэсэгт хуулж тавих код.
Эдгээр бүх файлыг "ZIP татах" товчийг дарж нэгдмэл ZIP файл хэлбэрээр татаж авах боломжтой.
Алдаа засах болон онцгой тохиолдлууд
Зургийг хөрвүүлэх явцад дараах алдаанууд гарч болзошгүй:
- Хэрэв файл гэмтсэн, хоосон эсвэл зураг биш бол "Энэ файлыг зураг хэлбэрээр нээж чадсангүй. Файл гэмтсэн, хоосон эсвэл зураг биш байж магадгүй." гэсэн алдаа заана.
- Хэрэв SVG файл алдаатай бол "Энэ SVG файлыг уншиж чадсангүй. Файл нь зөв SVG баримт бичиг эсэхийг шалгана уу." гэсэн мэдэгдэл гарна.
- Хөрвүүлэлт амжилтгүй болбол "Үүсгэж чадсангүй. Өөр зураг оролдож үзнэ үү." гэсэн алдаа харагдана.
Нууцлал ба мэдээлэл боловсруулалт
Энэхүү хэрэгслийг ашиглахад таны хувийн нууцлал бүрэн хангагдана. Таны оруулсан зургийг хөтөч дотор шууд дүрс болгон хувиргах бөгөөд BroBroGo сервер рүү ямар ч файл, зураг ачаалж дамжуулахгүй.
Түгээмэл асуултууд (FAQ)
Дүрсний багцад ямар файлууд байдаг вэ?
Дотроо 16, 32, 48 пикселийн хувилбаруудтай favicon.ico, мөн 16, 32, 180, 192, 512 пикселийн PNG дүрсүүд болон том дүрсүүдийг жагсаасан site.webmanifest файл байна. Хэрэв та SVG-ээс эхэлбэл вектор файл өөрөө бас багтана. Нэг ZIP файл дотор бүх зүйл багтсан болно.
Эх зургийн хэмжээ ямар байх ёстой вэ?
SVG нь хамгийн тохиромжтой — дүрс бүрийг вектороос зурдаг тул 16 пиксел хүртэлх хэмжээтэй байсан ч тод харагдана. PNG эсвэл JPG-ийн хувьд хамгийн багадаа 512 × 512 хэмжээнээс эхэлнэ үү; жижиг зургуудыг томруулахад бүрсийж харагдаж болно.
Арын дэвсгэр нь тунгалаг байх уу эсвэл өнгөтэй байх уу?
Табын дүрсүүд тунгалаг байвал зүгээр харагддаг. Гэвч iPhone болон iPad-ийн үндсэн дэлгэц нь тунгалаг хэсгийг хар өнгөөр буддаг — хэрэв хэрэглэгчид таны сайтыг үндсэн дэлгэцдээ нэмж магадгүй бол арын дэвсгэр өнгө сонгоорой.
Дөрвөлжин биш зургийг хэрхэн зохицуулдаг вэ?
Дүрсүүд нь дөрвөлжин хэлбэртэй боловч таны зургийг хэзээ ч сунгаж гажуудуулахгүй. Анхдагчаар үүнийг голлуулж, эргэн тойронд нь зай үлдээдэг; урт ирмэгүүдийг нь тайрахын тулд «Дүүргэх (тайрах)» сонголт руу шилжүүлнэ үү.
Файлуудыг сайтынхаа хаана байршуулах вэ?
Тэдгээрийг өөрийн сайтын үндсэн (root) хавтас руу ачаалснаар favicon.ico-д /favicon.ico гэж хандах боломжтой болно. Дараа нь үүсгэсэн кодуудыг хуудасныхаа <head> хэсэгт хуулж тавина уу. Хөтчүүд өөрсдөө тохирох хэмжээг сонгох болно.