Miễn phí · Không watermark · 52 ngôn ngữ

Trình tạo favicon cho mọi thiết bị

Biến mọi hình ảnh thành favicon.ico, Apple touch icon, biểu tượng Android & PWA và đoạn mã HTML sẵn để dán. Hoặc tự vẽ biểu tượng từng pixel.

Gói favicon của bạn đã sẵn sàng

Tải các tệp từ ZIP lên và dán mã này vào <head>

Cách tạo favicon trong 3 bước

Từ bất kỳ logo hoặc hình ảnh nào đến bộ favicon hoàn chỉnh, đạt chuẩn trong chưa đầy một phút.

Tải ảnh của bạn lên

Thả tệp PNG, JPG, WebP, AVIF, GIF, SVG hoặc ICO vào trình tạo, hoặc vẽ biểu tượng trong trình chỉnh sửa pixel.

Điều chỉnh vùng cắt và màu sắc

Kéo và thu phóng ảnh, đặt khoảng đệm, bo góc, nền và màu chủ đề.

Tải xuống và cài đặt

Tải tệp ZIP, tải các tệp lên website của bạn và dán mã HTML vào <head>.

Mọi thứ biểu tượng website của bạn cần

Chỉ cần một lần tải lên là tạo ra mọi biểu tượng mà trình duyệt, điện thoại, máy tính bảng và hệ điều hành hiện đại yêu cầu.

Favicon trình duyệt

favicon.ico nhiều kích thước cùng biểu tượng PNG 16, 32 và 96 px cho Chrome, Firefox, Safari và Edge.

Apple touch icon

Tất cả kích thước màn hình chính iPhone và iPad từ 57 đến 180 px với nền đặc.

Android & PWA

Biểu tượng lên đến 512 px, một biểu tượng maskable và manifest.json sẵn dùng cho ứng dụng web có thể cài đặt.

Ô Windows

Ảnh ô và browserconfig.xml với màu ô của bạn.

Trình chỉnh sửa pixel

Vẽ biểu tượng 16×16 sắc nét từ đầu hoặc tinh chỉnh từng pixel của ảnh bạn tải lên.

Kèm mã HTML

Sao chép và dán mã <head> trên trang tải xuống và trong readme của mỗi gói.

REST API

Tự động hóa việc tạo favicon với khóa API cá nhân và các ví dụ mã có sẵn.

Riêng tư & bảo mật

Không hotlink, không thư viện công khai. Biểu tượng luôn thuộc về bạn – được lưu trữ trên máy chủ của chính bạn.

Kích thước favicon trong gói

Tệp	Kích thước	Được dùng bởi
`favicon.ico`	16, 32, 48	Mọi trình duyệt, Windows, trình thu thập dữ liệu
`favicon-16x16.png`, `favicon-32x32.png`	16, 32	Tab trình duyệt, dấu trang
`favicon-96x96.png`	96	Kết quả tìm kiếm Google, lối tắt trên màn hình nền
`apple-icon-*.png`, `apple-touch-icon.png`	57 – 180	Màn hình chính iPhone, iPad
`android-icon-.png`, `web-app-manifest-.png`	36 – 512	Màn hình chính Android, PWA
`maskable-icon-512x512.png`	512	Biểu tượng thích ứng Android
`ms-icon-*.png`	70 – 310	Ô Start của Windows
`manifest.json`, `site.webmanifest`, `browserconfig.xml`	—	Cài đặt PWA, cấu hình Windows

Câu hỏi thường gặp

Favicon là gì?

Favicon là biểu tượng nhỏ hiển thị trên tab trình duyệt, dấu trang, lịch sử và kết quả tìm kiếm bên cạnh tên website của bạn. Các website hiện đại còn cần các phiên bản lớn hơn cho màn hình chính iPhone và Android, ô Windows và Progressive Web App.

Tôi có thể tải lên những định dạng ảnh nào?

Bạn có thể tải lên PNG, JPG, WebP, AVIF, GIF, BMP, SVG hoặc một tệp ICO có sẵn. Để có kết quả sắc nét nhất, hãy dùng ảnh vuông tối thiểu 512 × 512 pixel với nền trong suốt.

Gói favicon gồm những gì?

Một tệp favicon.ico nhiều kích thước (16, 32 và 48 px), favicon PNG, tất cả biểu tượng Apple touch, biểu tượng Android và PWA (gồm cả biểu tượng maskable), ảnh ô Windows, manifest.json, site.webmanifest, browserconfig.xml và một tệp readme với các bước cài đặt cùng mã HTML sẵn sàng để dán.

MakeFav có miễn phí không?

Có. Tạo, chỉnh sửa và tải xuống favicon hoàn toàn miễn phí. Bạn chỉ cần một tài khoản miễn phí với địa chỉ email đã xác nhận; tài khoản miễn phí bao gồm bản tin của chúng tôi, gửi tối đa một lần mỗi tuần.

Tại sao tôi cần tài khoản để tải xuống?

Tài khoản giúp bảo vệ dịch vụ khỏi lạm dụng và hot-linking, lưu lịch sử các gói favicon của bạn và cung cấp khóa API cá nhân. Biểu tượng đã tạo không bao giờ được công khai hoặc hot-link từ máy chủ của chúng tôi – bạn tự lưu trữ chúng.

Làm thế nào để cài đặt favicon lên website của tôi?

Giải nén gói, tải tất cả tệp lên thư mục gốc của website và dán đoạn mã HTML vào phần <head> của mọi trang. Đoạn mã tương tự cũng nằm ở cuối tệp readme-makefav.txt trong gói.

Năm 2026 tôi có còn cần favicon.ico không?

Có. Nhiều công cụ, trình thu thập dữ liệu và trình duyệt cũ vẫn tự động yêu cầu /favicon.ico. Hãy kết hợp với biểu tượng PNG, SVG và web manifest để có độ tương thích tốt nhất.

Tôi có thể tạo favicon tự động không?

Có. Hãy dùng REST API của MakeFav với khóa API cá nhân để tạo gói favicon hoàn chỉnh từ quy trình build, CMS hoặc ứng dụng của bạn. Xem tài liệu API để có ví dụ mã.

Tạo favicon của bạn ngay

Quảng cáo