SEO
Favicon Generator
Tải lên hình ảnh và nhận bộ favicon đầy đủ (16–512px, .ico, web manifest) cùng mã HTML sẵn sàng cho <head>.
Kho lưu trữ bao gồm tất cả PNG, favicon.ico và site.webmanifest.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
Câu hỏi thường gặp
Vì sao tôi cần nhiều kích thước favicon khác nhau như vậy?
Các nền tảng khác nhau yêu cầu kích thước khác nhau — tab trình duyệt thường dùng 16x16 hoặc 32x32, biểu tượng màn hình chính iOS cần 180x180, và Android dùng nhiều kích thước khác nhau lên tới 512x512 — tạo đầy đủ bộ này đảm bảo biểu tượng của bạn sắc nét ở mọi nơi.
Sự khác biệt giữa favicon .ico và .png là gì?
Định dạng .ico có thể gộp nhiều độ phân giải trong một tệp và có hỗ trợ trình duyệt cũ rộng nhất, trong khi trình duyệt hiện đại cũng chấp nhận tệp .png thường được tham chiếu trực tiếp trong thẻ link — hầu hết các trang web ngày nay dùng cả hai để tương thích.
Hình ảnh tôi tải lên có được gửi tới máy chủ để tạo favicon không?
Không. Toàn bộ việc thay đổi kích thước và chuyển đổi định dạng diễn ra hoàn toàn trong trình duyệt của bạn — hình ảnh không bao giờ được tải lên bất cứ đâu.
SVG có thể được dùng làm favicon không?
Có — các trình duyệt Chromium hiện đại và Firefox hỗ trợ <link rel="icon" type="image/svg+xml">, và một favicon SVG như vậy luôn sắc nét ở mọi mật độ pixel, thậm chí có thể tự đổi màu theo chế độ sáng/tối của hệ thống.
Biểu tượng maskable cho Android là gì?
Đó là một biểu tượng có vùng đệm an toàn xung quanh nội dung đồ họa chính, cho phép Android cắt nó thành bất kỳ hình dạng nào (tròn, vuông bo góc, v.v.) theo chủ đề của thiết bị mà không làm mất phần nội dung quan trọng.