YUCTS Tools
Tiếng ViệtNgôn ngữ

Tạo favicon (favicon.ico và các cỡ PNG)

Từ một ảnh, tạo favicon.ico (16, 32, 48 px) và các biểu tượng PNG như apple-touch-icon (180 px), 192 và 512 px. Xem trước, lưu tất cả dạng ZIP và nhận đoạn mã HTML cần thêm.

  • Xử lý trên trình duyệt (không tải lên)

Tối đa 40 MB mỗi tệp

Cách đưa về hình vuông

Ở những nơi biểu tượng bị cắt thành hình tròn hoặc bo góc (như màn hình chính điện thoại), thêm khoảng trống giúp mép không bị mất.

Nền

Màn hình chính iPhone có thể hiện vùng trong suốt thành màu đen, nên biểu tượng màn hình chính (apple-touch-icon) được tô màu nền (màu trắng nếu chọn trong suốt).

Cách sử dụng

  1. Chọn hoặc kéo thả ảnh dùng làm biểu tượng (nên là ảnh vuông từ 512 × 512 px).
  2. Chọn cách đưa về hình vuông, khoảng trống xung quanh và nền (trong suốt hoặc màu), rồi xem trước mọi kích thước và cách hiển thị trên thẻ trình duyệt.
  3. Bấm "Tải tất cả (ZIP)", đặt các tệp vào thư mục gốc của trang web và thêm đoạn mã hiển thị vào <head> của HTML.

Câu hỏi thường gặp

Cần dùng những tệp nào?

Cách đơn giản nhất là đặt toàn bộ tệp trong ZIP vào thư mục gốc và thêm đoạn mã vào <head>. Chỉ riêng favicon.ico cũng hiển thị được trên hầu hết trình duyệt.

Ảnh có bị tải lên không?

Không. Việc tải ảnh, thu nhỏ, tạo ICO và ZIP đều diễn ra trong trình duyệt.

Đã đổi biểu tượng mà trình duyệt vẫn hiện cái cũ?

Trình duyệt có thể lưu favicon rất lâu. Hãy tải lại trang hoặc xóa bộ nhớ đệm.

Lưu ý & giới hạn

  • Nội dung bạn nhập chỉ được xử lý trên trang này và không gửi đến máy chủ của YUCTS.
  • Mỗi kích thước trong favicon.ico được lưu dạng PNG. Các trình duyệt phổ biến hiện nay đọc được, nhưng một số phần mềm cũ có thể không.
  • Không tạo biểu tượng SVG và không xử lý riêng cho biểu tượng "maskable" của Android; hãy dùng tùy chọn khoảng trống.
  • Ảnh trên 16 triệu điểm ảnh được thu nhỏ trước. Không mở được HEIC/HEIF. Tệp PNG đã lưu không chứa siêu dữ liệu như EXIF.

Nguồn dữ liệu