Trình tạo favicon — Sáu kích thước PNG phổ biến

Tệp của bạn không bao giờ rời khỏi thiết bị

Thả logo hoặc biểu tượng của bạn vào đây

hoặc nhấn để chọn tệp

Hỗ trợ JPG, PNG, WebP và SVG

Tạo sáu bản PNG phổ biến

Vizua xuất tệp PNG 16 × 16, 32 × 32, 48 × 48, 180 × 180, 192 × 192 và 512 × 512. Chúng đáp ứng một số nhu cầu quen thuộc của trình duyệt, biểu tượng cảm ứng, Android và PWA, nhưng không có danh sách duy nhất nào hoàn chỉnh cho mọi dự án. Dự án của bạn cũng có thể cần tệp ICO, tệp kê khai web, hình maskable, cấu hình nền tảng hoặc kích thước khác.

Dùng hình vuông dễ nhận biết

Toàn bộ ảnh nguồn được đổi kích thước vào từng khung vuông. Ảnh không vuông bị kéo giãn thay vì cắt xén, và công cụ không thêm khoảng đệm hay tạo hình thay thế đơn giản cho kích thước rất nhỏ. Kiểm tra tệp 16 và 32 pixel ở kích thước thật; chi tiết rõ trong ảnh nguồn có thể biến mất sau khi thu nhỏ.

Triển khai là một bước riêng

Tệp ZIP chỉ chứa ảnh PNG. Hãy thêm thẻ <link>, mục tệp kê khai, tên tệp, chính sách bộ nhớ đệm và siêu dữ liệu nền tảng phù hợp vào dự án của bạn. Kiểm tra thẻ trình duyệt, dấu trang, cài đặt màn hình chính và kiểm tra PWA với các URL cuối đã triển khai.

Xử lý trên trình duyệt

Giải mã ảnh, raster hóa SVG và xuất PNG diễn ra trong trình duyệt. Ảnh nguồn đã chọn không được gửi đến máy chủ xử lý ảnh của Vizua, dù trang vẫn có thể yêu cầu tài nguyên cần thiết và các tính năng khác của website. Siêu dữ liệu nguồn và khả năng chỉnh sửa vector không được giữ lại trong các bản PNG.

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

Vizua tạo ra những tệp nào?

Tệp ZIP chứa sáu PNG: 16 × 16, 32 × 32, 48 × 48, 180 × 180, 192 × 192 và 512 × 512. Công cụ không tạo favicon.ico, site.webmanifest, browserconfig.xml, biểu tượng maskable hay mã đánh dấu HTML.

Tôi nên tải lên hình ảnh nào?

Dùng ảnh nguồn vuông có kích thước tối thiểu 512 × 512 pixel hoặc SVG độc lập. Ảnh nguồn không vuông được kéo giãn thành đầu ra vuông, và chi tiết rất nhỏ có thể không còn rõ ở 16 hoặc 32 pixel.

Làm cách nào để thêm favicon vào website?

Tham chiếu các PNG phù hợp với trình duyệt và nền tảng mục tiêu bằng các mục liên kết và tệp kê khai thích hợp. Yêu cầu khác nhau giữa các website và có thể thay đổi, vì vậy hãy xác thực bộ cuối cùng trong trình duyệt, công cụ PWA và môi trường triển khai.

Bạn có thể làm gì với Tạo favicon — Sáu kích thước PNG phổ biến

Tạo sáu kích thước PNG phổ biến cho favicon và biểu tượng cảm ứng từ ảnh raster hoặc SVG độc lập, rồi tải các tệp dưới dạng ZIP.

Tạo favicon — Sáu kích thước PNG phổ biến được thiết kế cho những tác vụ nhanh và lặp lại trong trình duyệt hiện đại. Các điều khiển trên trang này giúp bạn chuẩn bị kết quả mà không cần cài phần mềm hay tạo tài khoản.

Cách sử dụng Tạo favicon — Sáu kích thước PNG phổ biến

Chọn hoặc thả tệp cần xử lý, hoặc nhập thông tin mà công cụ yêu cầu.
Kiểm tra các tùy chọn trước khi xử lý, đặc biệt là định dạng, kích thước, chất lượng, màu sắc và những chi tiết ảnh hưởng đến kết quả.
Xem lại kết quả, tải tệp mới xuống và giữ nguyên tệp gốc phòng khi bạn cần một phiên bản khác.

Quyền riêng tư ngay từ thiết kế

Tệp của bạn không bao giờ rời khỏi thiết bị. Mọi quá trình xử lý đều diễn ra cục bộ trong trình duyệt.

Mẹo để có kết quả tốt hơn

Hãy bắt đầu bằng nguồn tốt nhất hiện có; tệp nhỏ, mờ hoặc bị nén mạnh sẽ có ít chi tiết để giữ lại hơn.
Kiểm tra kích thước và định dạng trước khi tải xuống để kết quả phù hợp với trang web, ứng dụng, máy in hoặc nền tảng đích.
Với tệp lớn, hãy đóng các thẻ không cần thiết và thử một tệp đại diện trước khi xử lý cả lô.
Mở kết quả đã tải xuống một lần trước khi chia sẻ hoặc thay thế tệp gốc.

Vị trí của Tạo favicon — Sáu kích thước PNG phổ biến trong quy trình làm việc

Dùng Tạo favicon — Sáu kích thước PNG phổ biến cho một lần điều chỉnh hoặc làm bước chuẩn bị trước khi xuất bản, chia sẻ, lưu trữ hay tiếp tục chỉnh sửa trong ứng dụng khác. Nếu có xử lý hàng loạt, hãy kiểm tra cài đặt trên một mẫu nhỏ trước rồi mới áp dụng cho các tệp còn lại.