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

Аль ч зургийг байршуулж, Apple Touch болон Android/PWA-д зориулсан олон хэмжээтэй favicon.ico ба PNG дүрс тэмдэглэгээг шууд үүсгээрэй.

API түлхүүр байхгүй Юу ч таны хөтөчөөс гарахгүй Хязгааргүй ашиглалт
Фавикон үүсгэгч — үнэгүй онлайн хэрэгсэл

Таны зураг

Зураг энд рүү чирж хаях

эсвэл файлуудаа үзэх — PNG, JPG эсвэл WEBP

Дүрсийн хэмжээ

Ямар хэмжээнүүдийг үүсгэхээ сонго — favicon.ico нь үргэлж 16/32/48 пикселтэй байдаг.

Бэлэн
Энэ хэрэгслийг ашиглаж буй хүмүүсээс

Сэтгэгдлүүд

Сэтгэгдлүүдийг ачаалж байна…
Дэлгэрэнгүйг үзэх

Favicon генератор талаар мэдэх ёстой бүх зүйл

Та яг ямар хэмжээнүүд хэрэгтэй, .ico формат хэрхэн ажилладаг, болон иконуудыг сайтдаа хэрхэн нэмэх.

Товчхондоо
  • Дөрвөлжин зураг байршуулж, favicon.ico болон Apple/Android-д зориулсан PNG файлуудыг шууд аваарай.
  • Бүх зүйл таны хөтөчид л ажиллана — таны зураг хэзээ ч байршуулагдахгүй.
  • Ямар ч хэмжээнд хамгийн тод, тод харагдах үр дүнг авахын тулд дор хаяж 512×512 пикселийн квадрат зургаа ашиглаарай.
Яаж ажилладаг

Favicon генераторыг хэрхэн ашиглах

  1. Зураг файлыг чирж хаях эсвэл сонго — хамгийн тохиромжтой нь дор хаяж 512×512 пиксел хэмжээтэй дөрвөлжин зураг.
  2. Шаардлагатай дүрс хэмжээг сонгоно уу: favicon.ico болон Apple Touch, Android/PWA зориулсан PNG файлууд.
  3. favicon.ico файлыг шууд татаж авах эсвэл сонгосон бүх PNG хэмжээг нэг ZIP файлд баглан татаж авна уу.
Яагаад чухал вэ

Яагаад favicon үүсгэх вэ

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

Энэ хэрэгсэл үүнийг нэг удаагийн үйлдлээр гүйцэтгэнэ: зургийг нэг удаа байршуулснаар таны хөтөчид бүх нийтлэг хэмжээний хувилбаруудыг болон зөв савлагдсан favicon.ico файлыг шууд үүсгэнэ.

Та үнэхээр ямар хэмжээ хэрэгтэй вэ?

ХэмжээАшиглагддагЯагаад шалгах нь үнэ цэнэтэй вэ
16/32/48px (.ico) ШаардлагатайВэб хөтөчийн табынүүд, тэмдэглэгээнүүд, ширээний товчлууруудКлассик фавикон — бүх хөтөч үүнийг хүлээдэг.
180×180 пикселiOS "Гарцын эхний дэлгэцэд нэмэх"Apple төхөөрөмжүүд энэ тодорхой хэмжээ болон файлын нэрийг хайдаг.
192×192 болон 512×512 пикселAndroid-ийн эхлэлийн дэлгэц, PWA суулгах уриалгуудИхэнх вэб програмын манифест тод, цэмцгэр суулгах дүрс шаарддаг.
Дизайнаар нууцлал

Файлаа байршуулахгүйгээр фавикон үүсгэгч

Таны дүрс нь таны хөтөчид Canvas API ашиглан JavaScript-ээр шууд уншигдаж, таны төхөөрөмж дээр хэмжигдэж, дахин зурагдаж, .ico болон .zip файлууд болгон бүрэн савлагддаг. Энэ нь хэзээ ч сервер рүү дамжуулагдахгүй, бүртгэгдэхгүй, хадгалагдахгүй.

Ямар ч файл байршуулагдаагүй тул сервер талын файлын хэмжээний хязгаар байхгүй; бодит хязгаар нь таны хөтөч зурагны файлыг санах ойд хэр их хэмжээгээр татаж чадахтай холбоотой.

Таны зураг төхөөрөмжөөсөө хэзээ ч гарахгүй. Хэмжээг өөрчлөх, багцлах үйл явц бүхэлдээ хэрэглэгчийн талд явагдаж, ямар ч мэдээлэл бүртгэгдэж эсвэл хадгалагдахгүй.

Эх зурагны хэмжээг эхлээд өөрчлөх шаардлагатай юу? Image Resizer хэрэгсэл үүнийг урьдчилан бэлтгэхэд тусална.

Сонголтуудын гарын авлага

.ico ба PNG — үнэндээ танд аль нь хэрэгтэй вэ?

ФорматХамгийн тохиромжтойЗөрчилдөөн
favicon.ico Үүнийг үргэлж оруулВэб хөтөчийн табынүүд ба тэмдэглэгээнүүдНэг файлд олон хэмжээг багтаадаг боловч эхлэлийн дэлгэцийн дүрс тэмдэгтүүдэд ашиглагддаггүй.
PNG дүрс тэмдэгтүүд (180/192/512 пиксел)Гэрэлцээний дэлгэц ба PWA суулгах дүрсүүдApple/Android-д тусдаа шаардлагатай — зөвхөн .ico файл хангалтгүй.

Ихэнх вэбсайтууд хоёуланг нь шаарддаг: хөтөчийн табны дүрс зориулсан .ico файл болон HTML-ийн `<link>` тагууд болон вэб аппликейшний манифестэд заасан эх дэлгэцийн дүрснүүд зориулсан PNG багц.

Ерөнхий хэрэглээ

Хүмүүс Favicon Generator-ийг юунд ашигладаг вэ?

  • Шинэ вэбсайтууд: логоноос бүрэн favicon болон touch-icon иж бүрдлийг тохируулах.
  • Rebrands: Хуучин фавиконыг хаана ч дурдсан бол бүгдэд нь шинэ фавикон сольж байна.
  • PWA болон вэб програмууд: вэб програмын манифест шаарддаг иконы хэмжээг үүсгэх
  • Статик сайт үүсгэгчид төслийн олон нийтийн хавтас руу шууд хаях зориулалттай иконы материалуудыг үүсгэдэг.
  • Клиентийн ажил: Дизайны программ ашиглалгүйгээр иконы бүрэн багцыг хурдан нийлүүлэх.
Холбогдох хэрэгслүүд

Илүү олон үнэгүй хэрэгслүүд

Методологи

Энэ хэрэгсэл хэрхэн ажилладаг вэ

Таны зураг HTML канвас дээр сонгосон бүх нягтралд хэмжээ нь өөрчлөгдөж, дараа нь стандарт шаардлага хангасан .ico сав (дoтор нь PNG хүрээнүүд орсон) болон хүсвэл тусдаа PNG файлуудын .zip архив болгон багцлагддаг — бүгд таны хөтөчид JavaScript ашиглан шууд үүсгэгдэж, ямар ч зүйл байршуулж, хадгалж эсвэл бүртгэгддэггүй.

Сүүлийн шинэчлэлт: 2026 оны 9-р сарын 14.

Энэхүү гарын авлага тус болсон уу?

Санал хүсэлт өгсөнд баярлалаа!
Үргэлжлүүлээрэй

Хийнцэгт илүү олон хэрэгсэл

Гэрийн хуудас дээр API түлхүүр шаарддаггүй 14 ширхэг нэмэлт үнэгүй хэрэгсэл байрлаж байна.