2 người đã dùng
·
23 lượt xem
Tạo favicon & icon app
Trọn bộ favicon, ICO, icon iPhone và Android từ logo hoặc chữ cái, kèm mã HTML để dán vào website.
hoặc thả ảnh vào đây, dán ảnh (Ctrl/Cmd + V)
PNG, SVG, JPG · nên dùng ảnh vuông từ 512px
Nền
Biểu tượng 512×512
163248180192512
Xem trước trên trình duyệt và điện thoại
iPhone
Android
32px
16px
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.
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.
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.
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.
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 ảnh vuông từ 512px trở lên, định dạng PNG hoặc SVG, để favicon ở mọi cỡ đều sắc nét.
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ó. 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õ.
Đượ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.
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. 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.
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.
Không có câu hỏi nào khớp. Thử từ khoá khác hoặc nhắn tư vấn.
Còn câu hỏi? Nhắn tư vấn
Công cụ khác cho người học thiết kế
- Mở khoá toàn bộ công cụ AI của ColorME: tạo ảnh, video, phụ đề… và thêm lượt tạo mockup mỗi ngày.
- Mỗi khoá học tại ColorME tặng 3 đến 24 tháng Premium, tuỳ khoá.
- Bạn bè được học viên mời: 1 tháng Premium.
Xem Premium Account
Xem khoá học
Học viên ColorME có thể mời bạn bè dùng Premium. Nhờ một học viên gửi lời mời tới email của bạn, sau đó đăng nhập bằng đúng email đó, Premium sẽ tự kích hoạt.