Tạo favicon & icon app
Từ logo hoặc một chữ cái: đủ bộ ICO, PNG, icon iPhone, Android và mã HTML, gói trong một file ZIP.
Thả logo vào đây · hoặc dán Ctrl/Cmd + VChạm để chọn logo
PNG, SVG, JPG · nên vuông từ 512px
Câu hỏi thường gặp
Favicon là gì?
Favicon là biểu tượng nhỏ hiện trên tab trình duyệt, dấu trang và màn hình chính điện thoại, giúp website dễ nhận diện và chuyên nghiệp hơn.
Tạo favicon online có miễn phí không?
Có. Công cụ tạo favicon của ColorME miễn phí, không cần đăng nhập và không gắn watermark.
Logo có bị tải lên máy chủ không?
Favicon được tạo ngay trên trình duyệt của bạn, không cần tải logo lên máy chủ để xử lý. Khi bạn tải về, ColorME nhận một bản favicon cỡ lớn nhất để theo dõi cách công cụ được dùng. Nếu bạn đã đăng nhập, file bạn tải về được lưu riêng vào mục Lịch sử của bạn và tự xoá sau 180 ngày.
File ZIP favicon gồm những gì?
Gồm favicon.ico (16, 32, 48px), PNG 16 và 32px, apple-touch-icon 180px cho iPhone, icon 192 và 512px cho Android, file site.webmanifest và file huong-dan.html chứa đoạn mã HTML để chèn.
Cách chèn favicon vào website?
Giải nén ZIP vào thư mục gốc website, rồi dán đoạn mã HTML (bấm Mã HTML để sao chép) vào thẻ head của trang.
Nên dùng logo kích thước bao nhiêu?
Nên dùng ảnh vuông từ 512px trở lên, định dạng PNG hoặc SVG, để favicon ở mọi cỡ đều sắc nét.
Không có logo thì tạo favicon thế nào?
Chọn Chữ cái, nhập 1 đến 3 ký tự, chọn màu nền, màu chữ và bo góc để có favicon gọn gàng chỉ trong vài giây.
Có xem trước favicon trên trình duyệt và điện thoại không?
Có. Trang hiển thị bản xem trước trên tab trình duyệt, iPhone và Android ở các cỡ 16 đến 512px để bạn kiểm tra độ rõ.
Favicon có nền trong suốt được không?
Được. Chọn nền Trong suốt cho favicon trình duyệt; riêng icon iPhone nên có màu nền vì iOS hiển thị vùng trong suốt thành màu đen.
Vì sao favicon không đổi sau khi cập nhật?
Trình duyệt thường lưu cache favicon rất lâu; hãy xoá cache, mở tab ẩn danh hoặc thêm ?v=2 vào đường dẫn favicon trong mã HTML.
Có dùng cho WordPress hoặc Shopify được không?
Được. Bạn tải icon 512px lên phần Site Icon của WordPress hoặc phần favicon của Shopify, các nền tảng này tự tạo các cỡ nhỏ hơn.
Mẹo thiết kế favicon dễ nhìn?
Dùng biểu tượng đơn giản hoặc chữ cái đầu thay cho cả logo dài, màu tương phản mạnh và lề trong vừa phải để vẫn rõ ở cỡ 16px.
Công cụ cùng nhóm
Tất cả công cụ
Phóng to ảnh 2x - 4x mà vẫn nétTăng độ phân giải
JPG, PNG, WebP, AVIF nhẹ hơnNén & đổi định dạng ảnh
Từ PNG/JPG sang SVG để in ấnChuyển ảnh sang vector
Lấy mã màu HEX từ ảnh bất kỳTrích xuất bảng màu
Cắt theo tỉ lệ, xoay, lật, chỉnh thẳng ảnhCắt & xoay ảnh
Cắt ảnh ngang thành slide liền mạch, tải ZIPChia ảnh carousel Instagram
HEIC sang JPG, đổi đuôi và tên ảnh hàng loạtĐổi định dạng ảnh