Trình tạo Favicon
Công cụ tạo favicon này biến một hoặc hai ký tự hay một emoji thành favicon với màu nền, màu chữ và hình dạng bạn chọn, và xuất tệp PNG ở các kích thước 256, 128, 64, 32 và 16 px.
Về công cụ này
Công cụ tạo favicon này biến một hoặc hai ký tự hay một emoji thành favicon với màu nền, màu chữ và hình dạng bạn chọn, và xuất tệp PNG ở các kích thước 256, 128, 64, 32 và 16 px.
Cách sử dụng
- Nhập một hoặc hai chữ cái hoặc dán một emoji.
- Chọn màu nền và màu chữ.
- Chọn hình vuông, bo góc hoặc tròn.
- Tải về các kích thước PNG bạn cần.
Điều nên biết
- Trình duyệt hiển thị favicon trên tab ở kích thước 16 × 16 px, nên các hình đơn giản, đậm nét sẽ dễ nhận biết nhất.
- Trình duyệt hiện đại chấp nhận favicon PNG qua <link rel="icon" type="image/png" href="/favicon-32.png">.
- Apple touch icon thường có kích thước 180 × 180 px; bạn có thể thu nhỏ bản xuất 256 px để dùng cho mục đích này.
- Chỉ hai ký tự đầu tiên của văn bản được vẽ.
- Hình ảnh được vẽ bằng Canvas API ngay trên thiết bị của bạn.
Chạy hoàn toàn trong trình duyệt của bạn — không có dữ liệu nào bạn nhập được tải lên hay lưu lại.
Câu hỏi thường gặp
Favicon nên có kích thước bao nhiêu?
Cung cấp tối thiểu 32 × 32 px cho tab trình duyệt, cùng các kích thước lớn hơn như 180 px cho Apple touch icon và 192 hoặc 512 px cho web app manifest.
Làm sao thêm favicon vào trang web?
Tải tệp PNG lên và thêm <link rel="icon" type="image/png" href="/favicon-32.png"> vào phần head của HTML.
Có thể dùng emoji làm favicon không?
Có. Dán emoji vào ô văn bản và tải PNG về; emoji được hiển thị bằng font emoji của hệ thống bạn.
Tôi có còn cần tệp favicon.ico không?
Không cần với trình duyệt hiện đại, vốn chấp nhận PNG. Một số công cụ và trình duyệt cũ vẫn tìm /favicon.ico, nên nhiều trang web vẫn giữ tệp này để tương thích.