kéo thả, nhấp vào đây hoặc dán từ clipboard

Thả để thêm

Chuyển SVG sang favicon ICO

SVG là nguồn lý tưởng nhất để tạo favicon ICO. Không giống ảnh bitmap bị mờ khi thu nhỏ, SVG được rasterize riêng biệt tại từng kích cỡ — 16, 32, 48, 64, 128 và 256 px — trước khi nhúng vào ICO. Kết quả là mỗi kích cỡ đều sắc nét, không có artifact scale. Đây là quy trình favicon chuẩn cho logo vector.

Enhydra RPO nhận file SVG và xuất file ICO chứa đủ 6 kích cỡ tiêu chuẩn trong một file duy nhất. Không cần Illustrator hay Inkscape, không cần cài phần mềm, không cần tài khoản.

Tại sao SVG cho ICO tốt hơn bitmap?

Khi bạn tạo ICO từ ảnh bitmap (PNG, JPG), phần mềm phải scale ảnh pixel xuống các kích cỡ nhỏ — quá trình này luôn làm mờ hoặc mất chi tiết ở kích cỡ 16 px và 32 px. Với SVG, quy trình khác hoàn toàn:

Renderer SVG đọc mô tả vector (đường, hình dạng, màu sắc)
Render trực tiếp ra ảnh pixel tại kích cỡ đích — 16 px được render từ gốc, không phải scale từ bản lớn
Cạnh thẳng, màu đồng nhất không bị anti-aliasing làm mờ không cần thiết

Kết quả: favicon 16 px và 32 px từ SVG thường sắc nét hơn nhiều so với scale từ PNG.

SVG có alpha — ICO giữ được trong suốt

Logo SVG thường có nền trong suốt — điều này rất phù hợp cho favicon vì tab trình duyệt có nền trắng hoặc tối tùy theme của người dùng. ICO tạo từ SVG giữ nguyên kênh alpha từ vector gốc.

Đặc biệt hữu ích khi logo có hình dạng không vuông: khoảng trống xung quanh logo trong tab trình duyệt nhìn thấy nền tab thay vì màu nền cứng — chuyên nghiệp hơn nhiều.

Quy trình favicon từ SVG với Enhydra RPO

Bước đơn giản nhất:

Xuất logo từ Figma, Illustrator hay Inkscape dưới dạng SVG
Tải SVG lên Enhydra RPO
Chọn công cụ chuyển sang ICO
Nhấn Start — nhận file ICO với 6 kích cỡ

Nếu logo SVG của bạn có canvas rộng hoặc không phải hình vuông, hãy xếp thêm công cụ Cắt ảnh để crop 1:1 trước khi tạo ICO — tất cả xử lý trong một lượt duy nhất.

File ICO nhận về đặt vào thư mục gốc của website là xong — không cần bước cấu hình thêm.

FAQ

SVG phức tạp với nhiều filter và gradient có chuyển được không?

Có thể, nhưng kết quả ở kích cỡ nhỏ (16 × 16 px) sẽ khó nhận ra nếu logo quá chi tiết. Favicon tốt nhất thường là phiên bản đơn giản hóa của logo — xem xét dùng SVG phiên bản tối giản riêng cho favicon.

File SVG của tôi từ Figma có dùng được không?

Có. SVG xuất từ Figma, Illustrator, Inkscape và hầu hết công cụ thiết kế đều được hỗ trợ. Đảm bảo SVG có viewBox hợp lệ để render đúng kích cỡ.

Kích cỡ favicon ICO lớn nhất là bao nhiêu?

Enhydra RPO tạo kích cỡ lớn nhất là 256 × 256 px — đủ cho màn hình HiDPI và Retina Display. Các kích cỡ còn lại: 16, 32, 48, 64 và 128 px.

Tôi có thể dùng SVG favicon thẳng thay vì ICO không?

Trình duyệt hiện đại (Chrome, Firefox, Safari 15+) hỗ trợ favicon SVG qua thẻ link type=image/svg+xml. Nhưng ICO vẫn cần thiết cho tương thích với IE, các trình duyệt cũ và hệ điều hành Windows. Nên dùng cả hai.