Trình tạo Favicon
Tạo favicon miễn phí: tạo favicon.ico, biểu tượng PNG, apple-touch-icon và web manifest từ ảnh, SVG hoặc chữ và emoji ngay trong trình duyệt.
Công cụ này làm gì
Favicon là biểu tượng nhỏ mà trình duyệt hiển thị trên tab, trong dấu trang và trong lịch sử; điện thoại cũng dùng nó khi ai đó thêm trang web của bạn vào màn hình chính. Trình tạo này tạo mọi tệp mà một trang web cần từ một hình ảnh, logo SVG hoặc vài chữ cái hay một emoji: favicon.ico với ảnh 16, 32 và 48 pixel, biểu tượng PNG 16, 32, 192 và 512 pixel, apple-touch-icon 180 pixel, web manifest và các thẻ HTML để dán vào trang của bạn.
Cách sử dụng
- Chọn một ảnh hoặc SVG, hoặc gõ một hay hai chữ cái hoặc một emoji.
- Chỉnh hình dạng, nền và lề trong khi xem bản xem trước.
- Tải xuống tệp ZIP, đặt các tệp ở thư mục gốc của trang web và dán HTML vào trong <head>.
Câu hỏi thường gặp
Tôi thực sự cần những tệp nào?
favicon.ico ở thư mục gốc của trang web là đủ cho mọi trình duyệt. apple-touch-icon.png 180 pixel là biểu tượng iPhone và iPad hiển thị trên màn hình chính, còn các tệp PNG 192 và 512 pixel cùng web manifest là thứ Android sử dụng. Tệp ZIP có đầy đủ.
Vì sao Apple touch icon có nền?
iOS tô đen các vùng trong suốt của touch icon và tự bo tròn các góc, nên biểu tượng đó luôn vuông và đục, với nền trắng phía sau khi bạn chọn nền trong suốt.
Loại ảnh nào tốt nhất?
Logo hoặc biểu tượng vuông ít chi tiết, ít nhất 512 pixel hoặc là SVG. Chữ và nét mảnh sẽ biến mất ở 16 pixel; hãy kiểm tra bản xem trước 16 và 32 pixel, và dùng lề nếu hình chạm vào mép.
Favicon mới của tôi không hiện ra. Vì sao?
Trình duyệt lưu favicon trong bộ nhớ đệm rất lâu. Hãy mở trực tiếp favicon.ico trong trình duyệt, tải lại, hoặc thử trong cửa sổ riêng tư; công cụ tìm kiếm có thể mất vài ngày hoặc vài tuần để hiển thị biểu tượng mới.
Ảnh của tôi có bị tải lên không?
Không. Các biểu tượng được vẽ và tệp được tạo ngay trong trình duyệt của bạn; không có gì được gửi đến máy chủ.
⭐ Chuyển PNG sang ICO
🖼 Chuyển SVG sang PNG
📐 Công cụ đổi kích thước ảnh