Tạo bộ favicon từ một bức ảnh
Thả một dấu. Tải ICO, PNG nhiều kích thước và apple-touch-icon, cùng một đoạn mã cho HTML. Tệp ở lại trên thiết bị này.
- Nhanh
- Riêng tư 100%
- Luôn miễn phí
- Mọi trình duyệt
Drop images anywhere on this page
Một PNG, JPG, SVG hoặc WebP. Tệp ở lại trên thiết bị này.
Khi nào nên tạo bộ favicon
Công cụ này cần khi trang web vẫn cần favicon.ico quen thuộc và các biểu tượng PNG mà điện thoại và trình duyệt thực sự hiện. Một ảnh gốc là đủ. PNG vuông hoặc dấu SVG ra sạch nhất. Ảnh được đặt vào khung vuông. Dấu ngang giữ tỉ lệ, hai bên còn khoảng trống.
PNG tải xuống mặc định có nền trong suốt. ICO đặt trắng hoặc màu đặc bạn chọn phía sau dấu. Giao diện tab cũ thường cần biểu tượng không trong suốt. Sửa lớp thì làm trước bước này. Nếu cần cắt hoặc thêm chữ trước, hãy làm trong Photasium, rồi thả kết quả vào đây.
Trong ZIP có favicon.ico (16 và 32), PNG 16, 32, 180, 192 và 512, cùng apple-touch-icon cỡ 180. Đoạn mã được dán vào phần head của trang. Cỡ 192 và 512 là tùy chọn: manifest của ứng dụng web thường tìm chúng. Các tên này có thể ghi thẳng vào manifest.json.
Sau khi tải xuống, nếu PNG vẫn lớn, có thể nén. Giữ favicon nhỏ. Ảnh để đăng thì lấy ở đây: ảnh OG 1200×630.
Việc xử lý chạy trong trình duyệt này. Không có tài khoản, tệp ở lại trên thiết bị. Sau khi đóng tab, dấu biến khỏi công cụ.
Cách làm
- Thả một tệp PNG, JPG, SVG hoặc WebP. Tệp ở lại trên thiết bị này.
- Giữ PNG trong suốt, hoặc chọn một màu đặc. ICO sẽ lấy trắng hoặc màu đó.
- Tạo bộ, sao chép mã HTML và tải ZIP.
Mẹo
- Dấu vuông ra rõ nhất. Dấu chữ ngang sẽ còn khoảng trống hai bên.
- Favicon nên dùng dấu đơn giản. Ảnh 4000 điểm ảnh quá chi tiết cho biểu tượng tab.
- ICO gói ảnh PNG 16 và 32. Trình duyệt mới cũng nhận liên kết tới PNG.