Chuyển một ảnh thành favicon

Biến một tấm ảnh hay logo thành trọn bộ favicon — favicon.ico, apple-touch-icon và các ảnh PNG cho web app — ngay trong trình duyệt, không có gì được tải lên.

Quyền riêng tư là trên hết: mỗi hình ảnh được xử lý cục bộ trong trình duyệt của bạn. Không có gì được tải lên, lưu trữ hay truyền đến bất kỳ máy chủ nào.

Từ một ảnh duy nhất thành trọn bộ

Thả bất kỳ ảnh nào vào và nhận lại mọi biểu tượng một trang web cần: một favicon.ico đa kích thước cho thẻ trình duyệt, một apple-touch-icon 180px cho iOS, các ảnh PNG 192 và 512px cho Android và PWA, một web manifest, cùng đoạn HTML để nối tất cả lại. Ảnh không vuông được cắt theo tâm cho vừa, còn các tùy chọn hình dạng, khoảng đệm và nền cho phép bạn căn khung kết quả.

Riêng tư từ trong thiết kế

Các trang tạo favicon thường tải tác phẩm của bạn lên trước khi trả về bất cứ thứ gì. Ở đây, cả bộ được tạo trên thiết bị của bạn bằng Canvas API, nên logo của bạn không bao giờ bị truyền đi, lưu trữ hay ghi nhật ký. Nó tức thì, hoạt động ngoại tuyến sau khi đã tải, và thứ bạn tải xuống chính xác là thứ trình duyệt của bạn đã tạo ra.

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

Ảnh của tôi có bị tải lên để tạo favicon không?
Không. Tệp favicon.ico, các biểu tượng PNG và tệp manifest đều được tạo cục bộ trong trình duyệt bằng Canvas API. Ảnh của bạn không bao giờ rời khỏi thiết bị.
Tôi nhận được những kích thước và tệp nào?
Một tệp favicon.ico đa độ phân giải (16, 32 và 48px), các biểu tượng PNG ở 16, 32, 48, 180 (apple-touch-icon), 192 và 512px, một tệp site.webmanifest, cùng một đoạn HTML để dán vào <head> của bạn.
Tôi có thể chuyển PNG hoặc SVG sang ICO không?
Có. Thả vào một tệp PNG, JPG, SVG hoặc WebP và tải xuống một tệp favicon.ico thực thụ. Logo SVG được raster hóa cục bộ ở độ phân giải cao trước.
Ảnh nào cho kết quả tốt nhất?
Một ảnh vuông với logo đơn giản, tương phản cao. Ảnh không vuông sẽ được cắt theo tâm cho vừa; hãy dùng các tùy chọn khoảng đệm và hình dạng để căn khung theo ý bạn.
Tôi cài đặt favicon như thế nào?
Giải nén gói vào thư mục gốc của trang web và dán đoạn HTML được cung cấp vào <head> của các trang. Tệp favicon.ico được hầu hết trình duyệt tự động nhận ra.