Chuyển JPG sang ICO
Biến một ảnh JPG thành favicon.ico đa độ phân giải đúng nghĩa — cùng phần còn lại của một bộ biểu tượng hiện đại — hoàn toàn 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ừ định dạng ảnh chụp JPEG sang định dạng biểu tượng
JPG được sinh ra cho ảnh chụp và không có độ trong suốt; ICO là một vùng chứa giữ nhiều ảnh bitmap vuông nhỏ cùng lúc. Chuyển đổi giữa chúng không phải là đổi tên tệp — ảnh phải được lấy mẫu lại xuống 16, 32 và 48 pixel rồi đóng gói vào một tệp. Công cụ này làm đúng điều đó, tạo ra một favicon.ico đa độ phân giải thật để trình duyệt tự chọn kích thước nó cần cho thẻ, thanh dấu trang hay lối tắt trên màn hình nền.
Cắt bớt ảnh chụp để còn đọc được
Một ảnh JPEG thường là ảnh chụp, mà ảnh chụp hiếm khi sống sót khi bị thu về 16 pixel. Hãy dùng các tùy chọn khoảng đệm và hình dạng để kéo chủ thể lại gần, thêm nền đơn sắc để các mép luôn sạch, và theo dõi bản xem trước trực tiếp cùng thẻ trình duyệt mô phỏng để xem nó còn đọc được ở cỡ thẻ hay không. Trọn bộ — favicon.ico, apple-touch-icon, biểu tượng PWA và một đoạn mã HTML — được tải xuống dưới dạng tệp zip.
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.