Tạo Favicon và Biểu tượng Ứng dụng

Tạo favicon và biểu tượng ứng dụng từ hình ảnh

Đặc điểm

Hỗ trợ mọi nền tảng

Xuất một lần cho Favicon, điện thoại và Windows

Tự động bao quát kích thước phổ biến

Chuẩn bị đồng loạt các kích thước chính từ 16×16 đến 310×310

Định dạng ico và tải gộp ZIP

Hỗ trợ ico tương thích mọi trình duyệt và tải gộp một lần qua ZIP

Tự động sinh HTML để lắp đặt

Lấy bộ thẻ link để dán trong head bằng cách sao chép

Cách dùng

Tải lên ảnh gốc

Chọn và nạp tệp ảnh hình vuông

Chọn nhóm đầu ra

Đánh dấu loại cần thiết từ Favicon, Android, Apple, Windows

Tạo đồng loạt bằng nút tạo

Nhấn nút tạo để dựng bộ biểu tượng cho từng kích thước

Xem trước và lưu

Kiểm tra kết quả và tải từng tệp riêng hoặc tải gộp một lần qua ZIP

Lắp đặt đoạn HTML

Sao chép thẻ link đã xuất rồi dán vào head của website

Trường hợp sử dụng

Chuẩn bị công bố website

Chuẩn bị đồng loạt biểu tượng tab cho website hay blog mới

Chuẩn bị biểu tượng PWA

Tạo đồng loạt bộ cho Android và Apple cần để thêm vào màn hình chính

Thay thế khi đổi thương hiệu

Tạo lại biểu tượng của mọi chuẩn để thống nhất khi làm mới logo

Tiết kiệm thời gian khi phát triển cá nhân

Tạo môi trường giúp bỏ bớt công xuất biểu tượng để tập trung vào phát triển

Kiến thức cơ bản

Favicon là gì

Favicon là biểu tượng nhỏ của trang web được hiển thị trên tab trình duyệt và danh sách dấu trang, là cách viết tắt của favorite icon (biểu tượng yêu thích).

Định dạng ico là gì

ico là một định dạng chuyên dụng cho biểu tượng cho phép lưu trữ hình ảnh có nhiều kích thước trong một tệp, trình duyệt sẽ chọn kích thước phù hợp để hiển thị tùy theo vị trí.

Các kích thước biểu tượng chính

16×16·32×32：16×16 và 32×32 là các kích thước tiêu chuẩn của favicon được sử dụng trên tab trình duyệt và dấu trang.
180×180：180×180 là kích thước của Apple Touch Icon được sử dụng khi thêm vào màn hình chính trên iPhone và iPad.
192×192：192×192 là kích thước được sử dụng cho biểu tượng trên màn hình chính Android và biểu tượng PWA.