favicon.ico có phải là biểu tượng đa độ phân giải thực thụ không?

Có. Công cụ gộp các PNG 16, 32 và 48 px vào một vùng chứa favicon.ico duy nhất được ghi từng byte trong trình duyệt của bạn, nên một tệp .ico phục vụ cả ba độ phân giải cho thẻ trình duyệt và dấu trang.

Gói ZIP có những tệp nào?

ZIP chứa favicon.ico, các biểu tượng PNG (16, 32, 48, 180, 192 và 512 px với tên theo quy ước) và site.webmanifest. Dán đoạn mã HTML được cung cấp để kết nối chúng vào trang của bạn.

Các tùy chọn hình dạng và khoảng đệm làm gì?

Vuông giữ biểu tượng vuông đơn giản, bo tròn cắt các góc, còn maskable thêm lề vùng an toàn và đánh dấu các biểu tượng manifest là maskable cho Android. Khoảng đệm thu nhỏ hình bên trong mỗi ô vuông, còn màu nền tô phía sau.

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

Bạn có thể thả hoặc duyệt chọn một ảnh PNG hoặc JPG duy nhất. Công cụ đọc một ảnh nguồn đó và kết xuất mọi kích thước đầu ra, favicon.ico và manifest từ nó.

Ảnh của tôi có được tải lên máy chủ không?

Không. Mọi thứ chạy cục bộ trong trình duyệt của bạn bằng Canvas API — các biểu tượng PNG, vùng chứa favicon.ico và ZIP đều được tạo trên thiết bị của bạn, nên ảnh của bạn không bao giờ được tải lên.

Trình tạo Favicon

Tạo gói favicon đầy đủ ngay trong trình duyệt: favicon.ico đa độ phân giải thực thụ, PNG từ 16 đến 512 px, site.webmanifest và đoạn mã HTML.

Đang tải công cụ…

Trình tạo Favicon — Thả một ảnh PNG hoặc JPG và lập tức tạo một gói favicon đầy đủ: một favicon.ico đa độ phân giải thực thụ (16/32/48), các biểu tượng PNG vuông từ 16 đến 512 px, một site.webmanifest và một đoạn mã HTML head sẵn sàng để dán. Chọn hình dạng vuông, bo tròn hoặc maskable, thêm màu nền và khoảng đệm, rồi tải xuống bất kỳ kích thước riêng lẻ nào, file .ico, hoặc toàn bộ gói dưới dạng ZIP. Mọi thứ chạy cục bộ trong trình duyệt của bạn — ảnh của bạn không bao giờ được tải lên.

Trình tạo Favicon là gì?

Favicon Generator là một công cụ tạo favicon miễn phí, chạy trên trình duyệt, biến một ảnh PNG hoặc JPG thành một gói favicon đầy đủ và sẵn sàng phát hành. Nó được tạo ra cho các nhà phát triển, nhà thiết kế web và chủ sở hữu trang web cần favicon nhanh chóng cho HTML, WordPress, PWA hoặc biểu tượng Apple touch mà không cần cài đặt phần mềm hay đăng ký. Nó gộp một favicon.ico đa độ phân giải thực thụ (16, 32 và 48 px), các biểu tượng PNG vuông 16, 32, 48, 180 (Apple touch) và 192/512 px (Android/PWA), một site.webmanifest và một đoạn mã HTML head, tất cả được kết xuất bằng thu phóng canvas chất lượng cao. Hãy dùng nó bất cứ khi nào bạn muốn chuyển một logo hoặc hình ảnh thành mọi tệp favicon mà một trang web hiện đại cần, hoàn toàn trên thiết bị của riêng bạn.

Cách sử dụng Trình tạo Favicon

Thả một ảnh PNG hoặc JPG vào vùng thả, hoặc nhấp vào đó để duyệt và chọn một tệp từ thiết bị của bạn.
Mở bánh răng cài đặt để chọn hình dạng vuông, bo tròn hoặc maskable, bật màu nền và đặt khoảng đệm ở cạnh.
Chờ trong khi công cụ kết xuất từng kích thước, gộp favicon.ico đa độ phân giải và tạo site.webmanifest cùng đoạn mã HTML.
Nhấp vào bất kỳ hình thu nhỏ nào để mở hộp đèn phóng to, hoặc sao chép đoạn mã HTML <head> và văn bản manifest ngay từ bảng của chúng.
Dùng nút theo kích thước để chỉ lưu một PNG, nút .ico cho bộ biểu tượng, hoặc Tải gói để lấy tất cả dưới dạng ZIP.
Nhấn đặt lại để xóa ảnh hiện tại và bắt đầu lại với ảnh mới.

Ví dụ

Từ logo thành gói favicon đầy đủ

Thả một logo PNG và nhận favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png và site.webmanifest, cùng đoạn mã <head> tương ứng — tất cả được nén vào favicon-package.zip.

Biểu tượng maskable của Android

Chuyển hình dạng sang maskable và bật nền trắng: công cụ thêm khoảng đệm vùng an toàn và đặt purpose của biểu tượng manifest thành "maskable", để Android có thể cắt nó thành hình tròn hoặc squircle mà không cắt mất logo của bạn.

Biểu tượng bo tròn có khoảng đệm

Chọn hình dạng bo tròn và khoảng đệm khoảng 12% để có các góc được cắt mềm mại với khoảng trống quanh hình, hợp với phong cách biểu tượng ứng dụng hiện đại.

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

favicon.ico có phải là biểu tượng đa độ phân giải thực thụ không?: Có. Công cụ gộp các PNG 16, 32 và 48 px vào một vùng chứa favicon.ico duy nhất được ghi từng byte trong trình duyệt của bạn, nên một tệp .ico phục vụ cả ba độ phân giải cho thẻ trình duyệt và dấu trang.
Gói ZIP có những tệp nào?: ZIP chứa favicon.ico, các biểu tượng PNG (16, 32, 48, 180, 192 và 512 px với tên theo quy ước) và site.webmanifest. Dán đoạn mã HTML <head> được cung cấp để kết nối chúng vào trang của bạn.
Các tùy chọn hình dạng và khoảng đệm làm gì?: Vuông giữ biểu tượng vuông đơn giản, bo tròn cắt các góc, còn maskable thêm lề vùng an toàn và đánh dấu các biểu tượng manifest là maskable cho Android. Khoảng đệm thu nhỏ hình bên trong mỗi ô vuông, còn màu nền tô phía sau.
Tôi có thể tải lên những định dạng ảnh nào?: Bạn có thể thả hoặc duyệt chọn một ảnh PNG hoặc JPG duy nhất. Công cụ đọc một ảnh nguồn đó và kết xuất mọi kích thước đầu ra, favicon.ico và manifest từ nó.
Ảnh của tôi có được tải lên máy chủ không?: Không. Mọi thứ chạy cục bộ trong trình duyệt của bạn bằng Canvas API — các biểu tượng PNG, vùng chứa favicon.ico và ZIP đều được tạo trên thiết bị của bạn, nên ảnh của bạn không bao giờ được tải lên.

Công cụ liên quan

Trình chuyển đổi định dạng ảnh

Chuyển đổi ảnh giữa AVIF, WebP, PNG, JPEG, BMP, ICO và GIF một khung hình hoàn toàn trong trình duyệt của bạn.

Excel/CSV sang JSON

Chuyển đổi bảng tính Excel hoặc CSV thành JSON hoặc CSV ngay trong trình duyệt của bạn.

Trình xem EXIF & Xóa siêu dữ liệu

Xem siêu dữ liệu EXIF của một hình ảnh — máy ảnh, ống kính, ngày chụp và vị trí GPS — sau đó xóa mọi thẻ và tải về bản sao sạch, tất cả trong trình duyệt của bạn.

Trình tạo GIF

Ghép ảnh PNG hoặc JPEG thành ảnh GIF động trong trình duyệt — thời gian từng khung, kích thước tùy chỉnh, nền trong suốt hoặc màu, khử răng cưa và boomerang.