Chuyển đến nội dung

Tạo favicon

Biến logo hoặc ảnh thành bộ favicon sẵn sàng dùng cho website. Xem trước ở kích thước nhỏ và tải các tệp ICO, PNG có tên rõ ràng cùng web manifest và thẻ HTML.

Tệp của bạn

Thả ảnh để tạo favicon

PNG, JPG, WebP hoặc HEIC

Vì sao chọn công cụ này

  • Theo khả năng thiết bị

    Xử lý trên máy của bạn; tệp lớn và tác vụ nặng cần đủ bộ nhớ.

  • Tệp không được gửi đi

    Ảnh và PDF được xử lý ngay trong trình duyệt.

  • Không cần đăng ký

    Chọn tệp và bắt đầu, không cần tài khoản hay email.

Favicon giúp người dùng nhận ra website trong tab trình duyệt, dấu trang và lối tắt màn hình chính. Công cụ xử lý PNG, JPG, WebP và HEIC ngay trong trình duyệt, không gửi ảnh lên máy chủ.

Nên chọn biểu tượng đơn giản, tương phản rõ. Chữ nhỏ và ảnh nhiều chi tiết có thể khó nhìn ở 16 × 16 pixel; hãy kiểm tra bản xem trước ở kích thước thực.

Cách tạo favicon từ ảnh

  1. Chọn logo

    Kéo thả ảnh hoặc chọn tệp. Nên dùng ảnh vuông từ 512 × 512 pixel.

  2. Kiểm tra bản xem trước

    Giữ toàn bộ ảnh hoặc cắt thành hình vuông. Chỉnh khoảng đệm và nền cho biểu tượng Apple và thích ứng.

  3. Tải và cài đặt

    Tạo bộ favicon, giải nén ZIP và đưa tệp lên website. Chèn các thẻ vào phần head của HTML.

Kích thước cho tab và màn hình chính

ICO chứa ảnh 16, 32 và 48 pixel. Các PNG có kích thước 16, 32, 48, 96, 180, 192 và 512 pixel. Apple Touch dùng nền không trong suốt; biểu tượng thích ứng giữ toàn bộ ảnh trong vùng an toàn.

Chuẩn bị logo rõ nét ở kích thước nhỏ

Dùng PNG trong suốt hoặc xóa nền ảnh trước. Bạn có thể cắt ảnh để làm nổi bật biểu tượng. Phóng to ảnh nhỏ không khôi phục chi tiết đã mất. Nếu chỉ cần một tệp, dùng công cụ chuyển PNG sang ICO.

Cài đặt và xử lý lỗi hiển thị

Mã HTML trỏ đến thư mục gốc website. Gộp biểu tượng vào manifest đang dùng và bỏ thẻ cũ bị xung đột. Kiểm tra URL ảnh và bộ nhớ đệm. Công cụ tìm kiếm cần thu thập lại dữ liệu; không đảm bảo favicon sẽ xuất hiện trong kết quả.

Kích thước và tên tệp favicon

ZIP gồm 12 tệp. Dưới đây là các biểu tượng và mục đích sử dụng.

TệpKích thước pixelMục đích
favicon.ico16 / 32 / 48Tab trình duyệt và tương thích ICO
favicon-16x16.png · favicon-32x32.png · favicon-48x48.png16 / 32 / 48Biểu tượng PNG cỡ nhỏ
favicon-96x96.png96 × 96Biểu tượng lớn cho trình duyệt và tìm kiếm
apple-touch-icon.png180 × 180Lối tắt trên iPhone và iPad
android-chrome-192x192.png · android-chrome-512x512.png192 / 512Biểu tượng Android và ứng dụng web
maskable-icon-512x512.png512 × 512Biểu tượng thích ứng có vùng an toàn

Dùng cho nhiều loại website

  • Website doanh nghiệp

    Giữ logo dễ nhận biết trong tab và lối tắt.

  • Blog và hồ sơ cá nhân

    Tạo biểu tượng website mà không cần cài phần mềm chỉnh ảnh.

  • Ứng dụng web

    Chuẩn bị biểu tượng cho manifest và kiểm tra riêng các yêu cầu cài đặt còn lại.

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

Công cụ tạo favicon có miễn phí không?
Có. Bạn có thể tạo và tải tệp mà không cần tài khoản hay watermark. Ảnh được xử lý cục bộ trong trình duyệt.
Tôi có thể tạo favicon từ PNG hoặc JPG không?
Có, cả WebP và HEIC. PNG trong suốt phù hợp với logo. Công cụ không nhận đầu vào SVG, GIF hoặc ICO.
ZIP chứa những gì?
Một ICO có nhiều kích thước, tám PNG, site.webmanifest, đoạn HTML và hướng dẫn tiếng Việt. Biểu tượng thích ứng 512 pixel được xuất thành tệp riêng.
Vì sao biểu tượng thích ứng có nhiều khoảng trống hơn?
Android có thể cắt biểu tượng theo nhiều hình dạng. Toàn bộ ảnh nằm trong vòng tròn an toàn ở giữa, trên nền không trong suốt, để bảo vệ các cạnh.
Google có hiển thị favicon ngay không?
Không. Google cần thu thập trang chủ và biểu tượng. PNG vuông 96 pixel đi kèm lớn hơn mức 48 pixel được khuyến nghị. Dùng URL ổn định, có thể truy cập; việc hiển thị không được đảm bảo.
Bộ tệp này có biến website thành PWA không?
Công cụ cung cấp biểu tượng và manifest ban đầu. Ứng dụng web có thể cài đặt còn cần cấu hình khác. Hãy kiểm tra tên, URL khởi chạy và phạm vi trước khi đăng.

Hướng dẫn liên quan

Tất cả hướng dẫn

Công cụ liên quan

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