Skip to content
Zoyku

Trình tạo Favicon

Biến bất kỳ logo hay ảnh nào thành bộ favicon hoàn chỉnh — PNG từ 16 tới 512 px, tùy chọn bo góc, kèm mã HTML dán ngay. Chạy trong trình duyệt.

Kéo thả file vào đây hoặc bấm để chọn

Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu không bao giờ rời khỏi thiết bị — không được tải lên bất kỳ máy chủ nào.

Cách sử dụng

  1. 1Kéo thả một ảnh — logo vuông cho kết quả đẹp nhất.
  2. 2Chọn màu nền đệm và kiểu góc (vuông, bo tròn hoặc tròn).
  3. 3Tạo bộ icon, rồi tải từng kích thước hoặc cả file .zip.
  4. 4Dán đoạn HTML vào <head> của trang và tải các PNG lên.

Trình tạo Favicon

Kéo thả một ảnh gần vuông và nhận sáu kích thước PNG mà dự án thật cần: favicon 16, 32 và 48 px, apple-touch-icon 180 px, và icon 192 / 512 px cho Android và PWA manifest. Ảnh không vuông được đặt giữa canvas vuông, đệm bằng màu nền bạn chọn, còn góc có thể vuông, bo tròn hoặc thành hình tròn trọn.

Mỗi kích thước được kết xuất đúng số điểm ảnh thật và tải về riêng lẻ hoặc chung một file .zip, cùng đoạn mã <head> dán vào là xong, trỏ đúng tên file — nên các file thả thẳng vào thư mục public của dự án.

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

Thực ra cần những kích thước favicon nào?

16 và 32 px cho tab trình duyệt, 48 px giúp shortcut và bookmark, 180 px là thứ màn hình chính iOS đòi hỏi, còn 192 / 512 px là kích thước Android và web app manifest tìm kiếm. Tạo đủ sáu cái một lần là khỏi phải nghĩ nữa.

Vì sao logo của tôi mờ ở 16 px?

Icon tab 16 px chỉ có 256 điểm ảnh, nên chi tiết nhỏ và nét mảnh đơn giản là biến mất. Bộ favicon đẹp nhất khi tạo từ một dấu hiệu đậm, tương phản cao — nếu logo nhiều chi tiết, hãy vẽ một phiên bản đơn giản hóa làm ảnh nguồn.

Vẫn cần file .ico không?

Trình duyệt hiện đại dùng PNG favicon qua thẻ <link> thoải mái, và đoạn mã công cụ tạo ra là đủ. .ico kiểu cũ chỉ còn ý nghĩa với trình duyệt rất già, hiếm đến mức đa số trang web có thể bỏ qua.

Công cụ liên quan

Tất cả công cụ Ảnh →

Nhúng công cụ này

Đưa công cụ này vào trang của bạn bằng một dòng — nó chạy trong trình duyệt của khách.

<iframe src="https://zoyku.com/vi/tools/favicon-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — favicon-generator" loading="lazy"></iframe>
100% local processing