Hướng dẫn

Trình tạo biểu tượng yêu thích 32×32

Kích thước favicon 32×32 là một trong những yêu cầu về độ phân giải tiêu chuẩn của trình duyệt và hệ điều hành. Sử dụng công cụ này để xuất biểu tượng 32px hoàn hảo đến từng pixel từ bất kỳ hình ảnh nguồn nào — PNG, JPG hoặc SVG — mà không làm giảm chất lượng.

Biểu tượng 32×32 đủ nhỏ để hiển thị nhanh và đủ lớn để dễ đọc ở các tỷ lệ giao diện người dùng thông thường. Nó thường được gói bên trong tệp .ico có nhiều độ phân giải cùng với các kích thước 16, 32, 48 và lớn hơn.

Đối với các trang web hiện đại, một favicon.ico nhiều kích thước duy nhất chứa 32×32 (cùng với 16, 32 và 48) bao gồm hầu như mọi trình duyệt trên máy tính để bàn. Người dùng thiết bị di động và PWA được hưởng lợi từ các biến thể PNG/SVG lớn hơn được liên kết qua thẻ <link rel="icon">.

Cách hoạt động

  1. 1

    Tải lên nguồn của bạn

    Thả PNG, JPG hoặc SVG. Chúng tôi hiển thị nó ở phía máy khách, không bao giờ ở phía máy chủ.

  2. 2

    Tạo 32×32

    Chúng tôi tạo điểm ảnh chính xác ở mức 32 pixel và duy trì độ trong suốt.

  3. 3

    Tải xuống

    Nhận PNG hoặc nhóm nhiều kích thước vào một favicon.ico duy nhất.

Thử ngay

Tạo biểu tượng yêu thích 32×32 của bạn

Chuyển đổi PNG sang ICO

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

Khi nào trình duyệt yêu cầu kích thước 32×32?+

Trình duyệt và hệ điều hành yêu cầu bất kỳ độ phân giải nào phù hợp với mật độ hiển thị hiện tại và bề mặt mục tiêu — tab, dấu trang, phím tắt trên thanh tác vụ hoặc lời nhắc cài đặt PWA. Việc gộp 32×32 đảm bảo hiển thị sắc nét ở mật độ đó.

Tôi nên gửi 32×32 dưới dạng PNG hay bên trong ICO?+

Cả hai. Các trình duyệt cũ hơn và phím tắt Windows đọc .ico; các trình duyệt hiện đại đọc PNG. Thiết lập an toàn nhất là favicon.ico nhiều kích thước cộng với <link rel="icon"size="32x32"> PNG riêng biệt.

Việc nâng cấp một biểu tượng nhỏ lên 32×32 có tệ không?+

Có — việc nâng cấp sẽ thêm độ mờ. Bắt đầu từ một vectơ (SVG) hoặc một nguồn ít nhất 32px trên cạnh dài nhất. Sử dụng trình chuyển đổi SVG-to-PNG của chúng tôi để có kết quả rõ ràng nhất.

Công cụ liên quan

Thêm hướng dẫn

Hướng dẫn

Khám phá FetchFavicon

Thể loại

Bộ chuyển đổi

Tiện ích

Hướng dẫn

Hướng dẫn