Chuyển SVG sang ICO

Định dạng .ico có từ các phiên bản Windows đầu tiên, còn quy ước favicon.ico bắt nguồn từ Internet Explorer 5 năm 1999, khi trình duyệt tìm file tên đó ở thư mục gốc của mọi trang bạn đánh dấu. ICO là một vùng chứa nhỏ: một danh mục các mục, mỗi mục là một bitmap vuông riêng, nên một file có thể chứa cả biểu tượng tab 16 px lẫn biểu tượng desktop 256 px. Windows Vista nâng mức tối đa lên 256 × 256 và cho phép lưu các mục lớn đó dưới dạng PNG.

Vì mỗi mục là một bitmap riêng, chất lượng biểu tượng phụ thuộc cách tạo từng kích thước. Từ PNG, mọi kích thước đều là bản thu nhỏ của cùng một số pixel. Từ SVG, mỗi kích thước là một lần kết xuất mới từ các đường vẽ, với khử răng cưa tính cho đúng lưới đó. Ở 16 × 16 px, khi logo chỉ có 256 pixel để thể hiện, sự khác biệt này nhìn thấy rõ.

Bộ chuyển đổi chỉ kết xuất những gì SVG mô tả, nên tài nguyên liên kết và phông chữ chưa nhúng sẽ không tải được. Các công cụ thiết kế như Figma, Illustrator và Inkscape có thể xuất chữ thành đường vẽ; hãy làm vậy để chữ khớp với thương hiệu ở mọi nơi.

Khi đã có file .ico, hãy thêm PNG 180 px cho biểu tượng Apple touch và chính file SVG cho các trình duyệt hỗ trợ favicon vector; SVG sang PNG tạo PNG ở mọi kích thước. Nếu nguồn của bạn là logo bitmap, PNG sang ICO làm cùng việc đó từ pixel.