Tạo favicon miễn phí

Tải lên một logo và nhận mọi thứ một website hiện đại cần: favicon.ico nhiều kích thước, icon PNG từ 16 đến 512 pixel và Apple touch icon, kèm thẻ HTML sẵn sàng để dán. Icon được tạo trên thiết bị của bạn và không bao giờ bị tải lên.

Kéo thả, bấm để chọn hoặc dán tệp

PNG, JPG, WebP, SVG - nên dùng ảnh vuông từ 512 px trở lên

Đưa về hình vuông

Màu nền cho Apple touch icon

Thêm đoạn này vào <head> của trang

Tải các tệp lên thư mục gốc của website. Icon 192 và 512 px dùng cho web app manifest.

Chạy hoàn toàn trên trình duyệt. Tệp của bạn không bao giờ được tải lên.

Cách sử dụng

1️⃣

Tải logo của bạn lên

Thả vào ảnh PNG, JPG, WebP hoặc SVG. Ảnh vuông từ 512 px trở lên sẽ cho icon sắc nét nhất.

2️⃣

Chọn cách đưa về hình vuông

Cắt ảnh cho đầy khung vuông, hoặc giữ nguyên toàn bộ ảnh với phần đệm trong suốt. Chọn màu nền dùng cho Apple touch icon.

3️⃣

Tải icon về

Nhận các ảnh PNG 16, 32, 48, 180, 192 và 512 px cùng favicon.ico nhiều kích thước trong một tệp ZIP, và sao chép sẵn các thẻ link để dán vào website.

Vì sao chọn WrapPix?

🔒

Riêng tư 100%

Tệp được xử lý ngay trên thiết bị và không bao giờ được tải lên máy chủ nào.

🆓

Miễn phí, không cần đăng ký

Không tài khoản, không giới hạn và không watermark trên kết quả.

⚡

Nhanh & dùng được ngoại tuyến

Chạy với tốc độ gốc trên trình duyệt và vẫn hoạt động sau khi trang đã tải xong.

✨

Giữ nguyên chất lượng

Bạn tự chọn thiết lập - không có gì bị âm thầm thu nhỏ hay nén lại.

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

Favicon cần những kích thước nào?

favicon.ico chứa ảnh 16, 32 và 48 px dùng cho tab trình duyệt và dấu trang, Apple touch icon 180 px dùng cho màn hình chính iPhone và iPad, còn PNG 192 và 512 px dùng cho Android và web app manifest. Công cụ này tạo tất cả.

Làm sao để gắn favicon vào website?

Tải các tệp lên thư mục gốc của website và dán các thẻ link đã tạo vào phần head của trang. Trình duyệt cũng tự tìm /favicon.ico.

Ảnh gốc nên có kích thước bao nhiêu?

Hãy dùng ảnh vuông ít nhất 512 x 512 pixel. Logo đơn giản với hình khối đậm vẫn dễ nhìn khi thu nhỏ còn 16 pixel; chi tiết nhỏ và chữ mảnh thì không.

Tại sao website vẫn hiện favicon cũ?

Trình duyệt lưu cache favicon rất lâu. Hãy xóa cache, thử cửa sổ ẩn danh, hoặc thêm phiên bản vào tên tệp như /favicon.ico?v=2.

Tại sao Apple touch icon có nền đặc?

iOS tô đen các vùng trong suốt của icon trên màn hình chính. Công cụ sẽ vẽ màu nền bạn chọn phía sau icon 180 px để icon hiển thị đúng ý.