Trình tạo Favicon

Chuyển một ảnh PNG hoặc JPG thành các biểu tượng vuông 16, 32, 48, 180 và 512 px ngay trong trình duyệt của bạn.

Đang tải công cụ…

Trình tạo FaviconThả một ảnh PNG hoặc JPG duy nhất và lập tức nhận được bộ favicon đầy đủ: các biểu tượng PNG vuông 16, 32, 48, 180 (Apple touch) và 512 px (PWA). Mỗi kích thước được kết xuất bằng cách thu phóng canvas chất lượng cao và có thể tải xuống riêng lẻ, hoặc bạn có thể lấy tất cả cùng một lúc. Mọi thứ chạy cục bộ trong trình duyệt của bạn — ảnh của bạn không bao giờ được tải lên.

Trình tạo Favicon là gì?

Favicon Generator là một công cụ tạo favicon miễn phí, chạy trên trình duyệt, biến một ảnh PNG hoặc JPG thành một bộ biểu tượng vuông hoàn chỉnh cho trang web. Nó được tạo ra cho các nhà phát triển, nhà thiết kế web và chủ sở hữu trang web cần favicon nhanh chóng cho HTML, WordPress, PWA hoặc biểu tượng Apple touch mà không cần cài đặt phần mềm hay đăng ký. Thả một ảnh nguồn duy nhất và nó lập tức tạo các biểu tượng PNG vuông 16, 32, 48, 180 (Apple touch) và 512 px (PWA), mỗi cái được thu phóng bằng kết xuất canvas chất lượng cao. Hãy dùng nó bất cứ khi nào bạn muốn chuyển một logo hoặc hình ảnh thành các tệp favicon sẵn sàng sử dụng hoàn toàn trên thiết bị của riêng bạn.

Cách sử dụng Trình tạo Favicon

  1. Thả một ảnh PNG hoặc JPG vào vùng thả, hoặc nhấp vào đó để duyệt và chọn một tệp từ thiết bị của bạn.
  2. Chờ trong khi công cụ tự động kết xuất cả năm kích thước; bản xem trước ảnh nguồn và từng biểu tượng được tạo sẽ hiện bên dưới.
  3. Nhấp vào ảnh nguồn hoặc bất kỳ hình thu nhỏ biểu tượng nào để mở hộp đèn phóng to và kiểm tra cách nó hiển thị ở kích thước pixel đó.
  4. Nhấn nút tải xuống theo từng kích thước trên một hàng để chỉ lưu kích thước đó, ví dụ chỉ PNG 32 px hoặc 512 px.
  5. Nhấp vào Tải tất cả để lưu mọi kích thước được tạo cùng một lúc.
  6. Dùng nút đặt lại để xóa ảnh hiện tại và bắt đầu lại với ảnh mới.

Ví dụ

Từ logo thành bộ favicon đầy đủ

Thả một logo công ty PNG tên là logo.png và nhận lại năm tệp PNG vuông tên là logo-16x16.png, logo-32x32.png, logo-48x48.png, logo-180x180.png và logo-512x512.png, sẵn sàng để đặt vào thư mục public.

Ảnh nguồn không vuông

Tải lên một banner JPG rộng và công cụ giữ nguyên tỷ lệ khung hình gốc, căn giữa nó trong mỗi hình vuông với phần đệm trong suốt để biểu tượng không bao giờ trông bị kéo giãn hay méo mó.

Chỉ biểu tượng Apple touch và PWA

Để bộ này được kết xuất xong, rồi tải xuống riêng chỉ biểu tượng Apple touch 180 px và biểu tượng PWA 512 px thay vì lấy cả lô.

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

Tôi có thể tải lên những định dạng ảnh nào?
Bạn có thể thả hoặc duyệt chọn một ảnh PNG hoặc JPG duy nhất. Công cụ đọc một ảnh nguồn đó và kết xuất tất cả các kích thước đầu ra từ nó.
Nó tạo ra những kích thước favicon nào?
Nó xuất ra năm kích thước vuông: favicon tiêu chuẩn 16, 32 và 48 px, biểu tượng Apple touch 180 px và biểu tượng PWA 512 px. Mỗi cái là một tệp PNG riêng.
Các biểu tượng là tệp PNG hay ICO?
Mọi biểu tượng được tạo đều là PNG. Công cụ tạo các tệp PNG vuông riêng lẻ cho từng kích thước thay vì một tệp ICO gộp chung.
Ảnh của tôi có bị kéo giãn nếu không vuông không?
Không. Mỗi kích thước giữ nguyên tỷ lệ khung hình gốc và được căn giữa trong hình vuông bằng cách thu phóng canvas chất lượng cao, với phần đệm trong suốt lấp đầy khoảng trống còn lại.
Ảnh của tôi có được tải lên máy chủ không?
Không. Mọi thứ chạy cục bộ trong trình duyệt của bạn bằng Canvas API. Ảnh của bạn không bao giờ được tải lên, nên nó hoàn toàn riêng tư trên thiết bị của riêng bạn.

Công cụ liên quan