Favicon Generator from Image

Tạo Favicon đa kích thước cho website từ một tấm ảnh.

▶Về công cụ này

Tạo bộ icon đầy đủ kích thước (16x16, 32x32, 180x180) cho website từ một tấm ảnh duy nhất.

Giao diện công cụ

Tải ảnh lên để tạo Favicon với nhiều kích thước khác nhau. Nhấp để tải xuống.

Favicon là gì và tại sao nó lại quan trọng?

Bộ mặt của website trên trình duyệt

Favicon (Favorite Icon) là biểu tượng nhỏ hiển thị trên tab trình duyệt, trong danh sách dấu trang (bookmarks) và lịch sử duyệt web. Nó giúp người dùng nhận diện thương hiệu của bạn ngay lập tức giữa hàng chục tab đang mở.

Đa dạng kích thước cho mọi thiết bị

Một bộ Favicon hoàn chỉnh cần có nhiều kích thước khác nhau: 16x16 cho tab, 32x32 cho thanh địa chỉ, và các kích thước lớn hơn như 180x180 cho Apple Touch Icon (iPhone/iPad). Công cụ này tự động tạo ra tất cả các kích thước cần thiết chỉ từ một tấm ảnh gốc.

Mẹo nhỏ

Hãy sử dụng hình ảnh có độ tương phản cao và thiết kế đơn giản để đảm bảo Favicon vẫn rõ nét ngay cả khi hiển thị ở kích thước cực nhỏ (16x16 pixels).

Cách sử dụng

  1. Tải ảnh
  2. Chọn kích thước
  3. Tải icon

Khi nào nên dùng

Khi bạn cần tạo icon cho trang web (favicon), Apple Touch Icon cho thiết bị di động từ một hình ảnh duy nhất.

Ví dụ

Tải lên ảnh 512x512 → Tạo ra các kích thước 16x16, 32x32, 180x180.

Công cụ liên quan

Bộ công cụ

Web Dev Starter Set

Image Workflow Set