Trình chỉnh sửa hình ảnh
Đặt kích thước hình ảnh và giới hạn kích thước tệp JPEG tùy chọn cùng nhau. Giữ toàn bộ hình ảnh hoặc thêm đường viền cho canvas chính xác.
Hình ảnhđược xử lý cục bộ
Trình tạo biểu tượng yêu thích
Tạo biểu tượng yêu thích ICO và PNG, xem trước các biểu tượng nhỏ và tải xuống tệp ZIP hoàn chỉnh trong trình duyệt của bạn.
Chọn một hình ảnh, đặt phần đệm và màu nền, kiểm tra các bản xem trước nhỏ, sau đó tạo và tải xuống tệp ZIP.
Biến logo của bạn thành một bộ faviconChọn một hình ảnh hoặc thả nó vào đâyPNG, JPEG, WebP hoặc SVG · 10 MB · 4096 pixel mỗi bên
Nội dung SVG không được hỗ trợ đã bị xóa. Kiểm tra bản xem trước trước khi tải xuống.
Kiểm tra kích thước nhỏ
Các bản xem trước 16, 32 và 48 pixel được hiển thị ở kích thước thực tế. Chi tiết đẹp có thể biến mất ở 16 pixel.
Bộ favicon của bạn đã sẵn sàng
ZIP chứa 9 tệp: ICO, SVG, năm tệp PNG, tệp kê khai biểu tượng và đoạn mã HTML.
favicon.icofavicon.svgfavicon-16x16.pngfavicon-32x32.pngapple-touch-icon.pngandroid-chrome-192x192.pngandroid-chrome-512x512.pngsite.webmanifestfavicon-html.txt
Đoạn mã HTML của biểu tượng yêu thích · <head>
Lưu trữ các tập tin trên trang web của bạn và điều chỉnh đường dẫn. Hợp nhất các mục biểu tượng vào một bảng kê khai hiện có.
Cách sử dụng
Tạo một bộ favicon
Chọn một hình ảnh, đặt phần đệm và màu nền, kiểm tra các bản xem trước nhỏ, sau đó tạo và tải xuống tệp ZIP.
Ví dụ và kết quả mong đợi
Ví dụ: tải lên biểu trưng trong suốt có kích thước 1024×1024, giữ độ trong suốt và sử dụng khoảng đệm 10%. ZIP chứa ICO (32/16/48), năm PNG, một SVG chứa PNG, tệp kê khai biểu tượng và đoạn mã HTML. Các dấu đơn giản vẫn rõ ràng hơn ở 16 pixel; chi tiết đẹp có thể biến mất.
Favicon là gì?
Favicon là biểu tượng nhỏ của trình duyệt hiển thị trong tab, dấu trang và lịch sử bên cạnh tiêu đề trang của bạn. Nó rất nhỏ — thường chỉ có kích thước 16×16 pixel — vì vậy một favicon tốt phải đơn giản, có độ tương phản cao và dễ nhận biết ngay từ cái nhìn đầu tiên. Trình tạo này chuyển đổi hình ảnh của bạn thành các kích thước favicon phổ biến, hoàn toàn trong trình duyệt của bạn. Không có gì được tải lên.
Kích thước bạn cần vào năm 2026
| Tài liệu | Cỡ chữ | Dùng cho |
|---|---|---|
| favicon.ico | 16, 32, 48 | Tab trình duyệt và dấu trang |
| favicon.svg | 512 × 512 | Các trình duyệt hỗ trợ SVG; nhúng PNG |
| favicon-16x16.png, favicon-32x32.png | 16, 32 | Dự phòng PNG |
| apple-touch-icon.png | 180 × 180 | Màn hình chính iOS và Safari |
| android-chrome-192x192.png, android-chrome-512x512.png | 192, 512 | Các mục biểu tượng Android và PWA |
Định dạng và giới hạn
Đầu vào PNG, JPEG, WebP và SVG đơn giản được hỗ trợ. Các tệp được giới hạn ở 10 MB và 4096 pixel mỗi bên. Hình ảnh hoạt hình không được hỗ trợ. Đầu vào SVG được rasterized trong trình duyệt của bạn; tập lệnh, tham chiếu bên ngoài, hình ảnh, biểu định kiểu, bộ lọc và hoạt ảnh sẽ bị xóa và sẽ không hiển thị. Văn bản sử dụng phông chữ địa phương có sẵn. Kiểm tra bản xem trước nếu SVG của bạn sử dụng các tính năng này.
ICO chứa các mục được nén PNG 16×16, 32×32 và 48×48. Thu nhỏ tỷ lệ sử dụng lấy mẫu lại nhiều bước nhưng ảnh chi tiết vẫn mất chi tiết ở 16 pixel — các dấu đơn giản hoạt động tốt nhất. Tính minh bạch được bảo toàn trong ICO và PNG khi được chọn; biểu tượng cảm ứng của Apple sử dụng nền đồng màu. Đầu ra SVG nhúng PNG và không phải là chuyển đổi vectơ. Bản gốc của bạn không thay đổi.
Câu hỏi thường gặp
Favicon của tôi nên có kích thước như thế nào?
Gửi ICO nhiều kích thước (16/32/48), biểu tượng cảm ứng Apple 180×180 và 192/512 PNG cho Android. Đây là các kích thước trình duyệt và thiết bị phổ biến, không đảm bảo rằng mọi nền tảng đều sử dụng mọi tệp.
ICO hoặc PNG – tôi cần cái nào?
Bao gồm dự phòng ICO và các lựa chọn thay thế PNG hoặc SVG. Sao chép đoạn mã HTML, sau đó cập nhật đường dẫn cho phù hợp với nơi bạn lưu trữ tệp.
Trình duyệt có hỗ trợ favicon SVG không?
Nhiều trình duyệt hiện đại hỗ trợ favicon SVG. Giữ dự phòng ICO cho các trình duyệt không có. Công cụ này nhúng PNG 512×512 bên trong SVG; nó không theo dõi logo của bạn vào các đường dẫn vector.
Tôi đã thay thế favicon của mình nhưng cái cũ vẫn hiển thị. Tại sao?
Trình duyệt lưu trữ favicon một cách tích cực. Hãy thử làm mới cứng hoặc xóa bộ nhớ đệm của trình duyệt. Kiểm tra đường dẫn tệp và thay đổi truy vấn tên tệp hoặc phiên bản nếu biểu tượng được lưu trong bộ nhớ đệm vẫn tồn tại.
Nền trong suốt của tôi có hoạt động trên iPhone không?
Biểu tượng cảm ứng của Apple luôn được làm phẳng trên màu nền Apple mà bạn chọn ở đây. ICO và các tệp PNG khác giữ được độ trong suốt khi được chọn.
ZIP này có làm cho trang web của tôi có thể cài đặt được dưới dạng PWA không?
Không. Tệp kê khai chỉ chứa các mục biểu tượng. Hợp nhất chúng vào bảng kê khai hiện có của bạn hoặc thêm tên, URL bắt đầu và các cài đặt PWA khác mà trang web của bạn cần.