./prontouso.com
HÌNH ẢNH & ĐA PHƯƠNG TIỆN

Tạo Favicon Đa Kích Thước

Tạo bộ biểu tượng Favicon đầy đủ kích thước (16x16, 32x32, 48x48, Apple Touch Icon, Android Chrome) từ ảnh tải lên hoặc ký tự emoji/chữ cái kèm mã HTML chèn vào web.

Trạng thái công cụChạy trên trình duyệt của bạn
Xem trước
prontouso://imagens/favicon-lab
PNG + ICOKHÔNG TẢI LÊN
Thả ảnh vào đâyhoặc chọn tệp từ máy
.png, .jpg, .jpeg, .webp, .svg · tối đa 2.0 MB. Xử lý trực tiếp trên trình duyệt, không bao giờ tải lên máy chủ.

Cách thức hoạt động

  1. Nhập dữ liệu của bạn

    Điền các giá trị cần thiết, dán văn bản hoặc tải lên tệp bạn muốn xử lý.

  2. Xem kết quả tức thì

    Hầu hết các công cụ cập nhật theo thời gian thực khi bạn nhập liệu; một số công cụ sử dụng một nút hành động duy nhất.

  3. Sử dụng kết quả

    Sao chép, tải xuống hoặc chia sẻ kết quả được tạo — bạn luôn có toàn quyền kiểm soát dữ liệu của mình.

Quyền riêng tư & xử lý dữ liệu — Chạy cục bộ 100% trên trình duyệt của bạn. Công cụ này không tải dữ liệu của bạn lên máy chủ.

Tạo Favicon Đa Kích Thước là gì?

Biến một ảnh thành bộ favicon hoàn chỉnh — các kích thước PNG, favicon.ico đa độ phân giải, site.webmanifest và các thẻ HTML sẵn sàng để dán — tất cả được tạo ngay trên trình duyệt của bạn.

TÌM HIỂU CÁCH HOẠT ĐỘNG CỦA CÔNG CỤ

Cách tạo bộ favicon hoàn chỉnh

Tải lên một ảnh để tạo mọi kích thước favicon phổ biến, một file favicon.ico thật, một site.webmanifest, và đoạn mã HTML chính xác để dán vào <head> — tất cả trong một file .zip.

Bộ này gồm những gì

Sáu kích thước PNG vuông (16, 32, 48, 180, 192 và 512px) bao phủ tab trình duyệt, Apple touch icon và biểu tượng Android/web app, cộng thêm một favicon.ico thật gộp các phiên bản 16/32/48px vào một file đa độ phân giải duy nhất — file mà trình duyệt vẫn mặc định yêu cầu.

Một site.webmanifest mang tên trang web của bạn (từ ô nhập tên tùy chọn) trỏ đến các biểu tượng 192/512px, và một đoạn HTML dựng sẵn liệt kê từng thẻ <link>, theo đúng thứ tự trình duyệt kiểm tra — phần mà hầu hết mọi người phải tra cứu lại mỗi lần.

Gợi ý về ảnh

  • Nên bắt đầu với ảnh vuông rõ nét nếu có thể — ảnh khác sẽ bị cắt thành hình vuông ở giữa.
  • Dùng độ tương phản đủ mạnh để biểu tượng vẫn rõ khi thu nhỏ.
  • Kiểm tra bản xem trước tab trình duyệt và màn hình chính trước khi tải xuống — một logo trông rõ ở 512px vẫn có thể bị mờ hoặc mất chi tiết ở 16px.

Hai cách để lấy file ra

"Tải gói (.zip)" là lựa chọn một cú nhấp: mọi kích thước PNG, favicon.ico, site.webmanifest, và đoạn HTML dưới dạng file văn bản, sẵn sàng đặt vào thư mục gốc dự án của bạn.

Nếu chỉ cần vài kích thước, hãy chọn chúng trong lưới kích thước rồi dùng "Tải mục đã chọn" — một file sẽ tải trực tiếp, hai file trở lên sẽ được gộp thành một file .zip nhỏ.

Mọi thứ diễn ra trên thiết bị của bạn

Ảnh gốc được giải mã bằng Canvas API, mỗi kích thước PNG được kết xuất cục bộ, và file .ico, manifest, cùng đoạn HTML đều được lắp ráp ngay trên trình duyệt của bạn — không có gì từng được tải lên bất kỳ đâu.

Các Câu Hỏi Thường Gặp (FAQ)

Tôi có nhận được favicon.ico thật, hay chỉ là PNG đổi tên?

Là file thật. Các PNG 16, 32 và 48px được đóng gói vào một container ICONDIR đúng chuẩn — cùng định dạng đa độ phân giải mà các công cụ như icoutils tạo ra — chứ không phải một PNG chỉ đổi đuôi thành .ico.

Công cụ có cắt ảnh của tôi không?

Có, nếu ảnh gốc chưa vuông: phần vuông lớn nhất ở giữa sẽ được cắt trước khi từng kích thước được kết xuất, nên khuôn mặt hoặc logo gần mép của một ảnh rộng có thể bị cắt mất.

Kích thước nào dùng cho biểu tượng ứng dụng?

180px là Apple touch icon, còn 192px và 512px là những gì site.webmanifest được tạo ra trỏ đến khi cài trên Android và web app. Các kích thước 16, 32 và 48px bao phủ các vị trí favicon của trình duyệt và cũng là những gì được đóng gói vào favicon.ico.

Ô tên trang web thực sự thay đổi điều gì?

Nó chỉ ảnh hưởng đến trường name và short_name trong site.webmanifest — tên hiển thị khi ai đó thêm trang web của bạn vào màn hình chính. Để trống vẫn tạo ra một manifest hợp lệ với tên mặc định chung chung.

Công Cụ Liên Quan