Trình tạo biểu tượng trang web
Tải lên bất kỳ hình ảnh nào để tạo ngay lập tức tệp favicon.ico với nhiều kích thước khác nhau cùng các biểu tượng PNG dành cho Apple Touch và Android/PWA.
Hình ảnh của bạn
Kéo và thả hình ảnh vào đây
hoặc duyệt qua các tệp của bạn — PNG, JPG hoặc WEBP
Kích thước biểu tượng
Chọn các kích thước cần tạo — tệp favicon.ico luôn bao gồm các kích thước 16/32/48px.
Đánh giá
Tất cả những điều bạn cần biết về Trình tạo Favicon
Bạn thực sự cần những kích thước nào, định dạng .ico hoạt động như thế nào và cách thêm các biểu tượng vào trang web của bạn.
- Tải lên một hình ảnh hình vuông và nhận ngay tệp favicon.ico cùng các tệp PNG dành cho Apple và Android.
- Mọi thứ đều chạy trực tiếp trên trình duyệt của bạn — hình ảnh của bạn sẽ không bao giờ được tải lên.
- Hãy bắt đầu với một hình ảnh hình vuông có kích thước tối thiểu 512×512px để có được kết quả sắc nét nhất ở mọi kích thước.
Cách sử dụng Trình tạo Favicon
- Kéo và thả hoặc chọn một tệp hình ảnh — tốt nhất là hình ảnh hình vuông có kích thước tối thiểu 512×512 pixel.
- Chọn kích thước biểu tượng mà bạn cần: tệp favicon.ico cùng với các tệp PNG dành cho Apple Touch và Android/PWA.
- Tải trực tiếp tệp favicon.ico hoặc tải tất cả các kích thước tệp PNG đã chọn về dưới dạng tệp ZIP.
Tại sao cần tạo favicon?
Favicon là biểu tượng nhỏ mà trình duyệt hiển thị trên các tab, dấu trang và lịch sử duyệt web — và chính hình ảnh nền tảng này hiện cũng được sử dụng làm biểu tượng trên màn hình chính của điện thoại cũng như trong các bản cài đặt PWA hoạt động như ứng dụng. Việc điều chỉnh thủ công tất cả các kích thước cần thiết đòi hỏi phải xuất cùng một hình ảnh nhiều lần với các kích thước pixel khác nhau, sau đó gộp một số trong số đó vào một tệp .ico duy nhất.
Công cụ này thực hiện việc đó chỉ trong một lần: chỉ cần tải lên hình ảnh một lần, nó sẽ tự động tạo ra tất cả các kích thước phổ biến, cùng với tệp favicon.ico được đóng gói đúng chuẩn, ngay trong trình duyệt của bạn.
Bạn thực sự cần những kích cỡ nào?
| Kích thước | Được sử dụng để | Tại sao nên kiểm tra |
|---|---|---|
| 16/32/48px (.ico) Cần thiết | Các tab trình duyệt, dấu trang, lối tắt trên màn hình nền | Biểu tượng favicon cổ điển — mọi trình duyệt đều hỗ trợ biểu tượng này. |
| 180×180px | iOS "Thêm vào Màn hình chính" | Các thiết bị Apple sẽ tìm kiếm kích thước và tên tệp cụ thể này. |
| 192×192 và 512×512px | Màn hình chính Android, lời nhắc cài đặt PWA | Đây là yêu cầu bắt buộc trong hầu hết các tệp manifest của ứng dụng web để có biểu tượng cài đặt rõ nét. |
Trình tạo favicon mà không cần tải lên tệp của bạn
Hình ảnh của bạn được JavaScript trong trình duyệt đọc trực tiếp thông qua API Canvas — được thay đổi kích thước, vẽ lại và đóng gói thành các tệp .ico và .zip hoàn toàn trên thiết bị của bạn. Hình ảnh này không bao giờ được truyền đến máy chủ, ghi lại hay lưu trữ.
Vì không có tệp nào được tải lên, nên không có giới hạn kích thước tệp ở phía máy chủ; giới hạn thực tế duy nhất là kích thước tối đa mà trình duyệt của bạn có thể tải vào bộ nhớ một cách mượt mà.
Hình ảnh của bạn sẽ không bao giờ rời khỏi thiết bị của bạn. Quá trình thay đổi kích thước và đóng gói diễn ra hoàn toàn ở phía máy khách, không có bất kỳ thông tin nào được ghi lại hay lưu trữ.
Cần thay đổi kích thước ảnh gốc trước không? Công cụ Image Resizer có thể giúp bạn chuẩn bị sẵn ảnh trước.
.ico so với PNG — thực ra bạn cần định dạng nào?
| Định dạng | Phù hợp nhất cho | Sự đánh đổi |
|---|---|---|
| favicon.ico Luôn bao gồm tệp này | Các tab và dấu trang trên trình duyệt | Gộp nhiều kích thước khác nhau vào một tệp, nhưng không được sử dụng cho các biểu tượng trên màn hình chính. |
| Biểu tượng PNG (180/192/512px) | Biểu tượng màn hình chính và biểu tượng cài đặt ứng dụng web tiến bộ (PWA) | Cần chuẩn bị riêng cho Apple/Android — chỉ có tệp .ico thôi là chưa đủ cho các nền tảng này. |
Hầu hết các trang web đều cần cả hai: tệp .ico cho tab trình duyệt và bộ tệp PNG được tham chiếu trong các thẻ HTML `<link>` và tệp manifest của ứng dụng web để hiển thị biểu tượng trên màn hình chính.
Mọi người sử dụng Trình tạo biểu tượng trang web (Favicon Generator) để làm gì
- Trang web mới: Thiết lập bộ favicon và biểu tượng cảm ứng hoàn chỉnh từ logo.
- Thay đổi thương hiệu: Thay thế biểu tượng trang web (favicon) cũ ở mọi nơi mà nó được đề cập.
- PWAs & web appsGenerating the icon sizes a web app manifest requires.
- Trình tạo trang web tĩnh: Tạo các tệp biểu tượng để chèn trực tiếp vào thư mục public của dự án.
- Dự án cho khách hàng: Nhanh chóng hoàn thành một bộ biểu tượng đầy đủ mà không cần phần mềm thiết kế.
Cách thức hoạt động của công cụ này
Hình ảnh của bạn sẽ được điều chỉnh kích thước trên khung vẽ HTML ở từng độ phân giải đã chọn, sau đó được đóng gói thành tệp .ico tuân thủ tiêu chuẩn (với các khung PNG được nhúng) và, tùy chọn, một tệp .zip chứa các tệp PNG riêng lẻ — tất cả đều được tạo trực tiếp trong trình duyệt của bạn thông qua JavaScript, mà không có bất kỳ dữ liệu nào được tải lên, lưu trữ hay ghi lại.
Cập nhật lần cuối: Ngày 14 tháng 9 năm 2026.
Hướng dẫn này có hữu ích không?
Thêm các công cụ trong hộp
Còn 14 công cụ miễn phí khác, không cần khóa API, đang có sẵn trên trang chủ.
Bộ đếm từ
Tính số từ, ký tự, câu và đoạn văn theo thời gian thực.
Công cụ thay đổi kích thước hình ảnh
Thay đổi kích thước ảnh JPG, PNG và WEBP theo số pixel hoặc phần trăm.
Chuyển đổi hình ảnh sang PDF
Ghép các hình ảnh lại thành một tệp PDF duy nhất có thể tải xuống.
Trình định dạng JSON
Tối ưu hóa, nén và kiểm tra tính hợp lệ của JSON kèm gợi ý lỗi.
Trình tạo mật khẩu
Mật khẩu ngẫu nhiên mạnh với các quy tắc tùy chỉnh.