SVG → ICO

SVG sang ICO

Dựng tệp .ico nhiều kích thước từ một vector — mỗi kích thước được vẽ từ chính SVG, chứ không thu nhỏ từ một ảnh bitmap lớn.

SVG → ICO

☞ chạy hoàn toàn trong trình duyệt — không có gì được tải lên

Thả tệp SVG của bạn vào đây

hoặc nhấp để chọn — chỉ nhận SVG

sắc nét ở 16 điểm ảnh

Vì sao xuất phát từ vector lại quan trọng ở đây

Favicon hầu như luôn được nhìn ở kích thước 16 điểm ảnh. Thu một ảnh bitmap 256px xuống cỡ đó khiến mọi đường viền nhòe lẫn vào nhau; còn kết xuất vector thẳng ở 16px cho phép trình duyệt đặt hình khối khớp ngay lên lưới điểm ảnh.

Đó chính là việc trang này làm — mỗi kích thước một lần kết xuất, tất cả gói vào một tệp .ico duy nhất. Sau đó Windows và trình duyệt tự chọn kích thước chúng cần.

ba bước

Cách chuyển SVG sang ICO

01

Thả tệp SVG

Chọn một tệp .svg — nó vẫn nằm trên thiết bị của bạn.

02

Chọn kích thước

Tích các kích thước muốn đưa vào; mỗi cái được vẽ riêng.

03

Tải về

Lưu tệp .ico rồi đặt vào thư mục gốc của trang web.

giải đáp nhanh

Câu hỏi thường gặp về SVG sang ICO

Thực sự tôi cần những kích thước nào?

16, 32 và 48 đã bao trọn thẻ trình duyệt, dấu trang và thanh tác vụ Windows. Thêm 256 nếu biểu tượng sẽ xuất hiện ở chế độ xem biểu tượng lớn của File Explorer. Thêm nhiều kích thước nữa chỉ làm tệp nặng hơn.

Logo nhiều chi tiết của tôi bị nhòe ở 16px

Đó là giới hạn của thiết kế chứ không phải của việc chuyển đổi — 16×16 tổng cộng chỉ có 256 điểm ảnh. Những favicon dễ nhận ra thường chỉ là một chữ cái hoặc một hình khối. Hãy cân nhắc làm một bản SVG rút gọn riêng cho biểu tượng.

Biểu tượng có giữ được độ trong suốt không?

Có. Mỗi kích thước được ghi dưới dạng PNG 32-bit bên trong tệp .ico nên kênh alpha vẫn còn. Tắt công tắc đi nếu bạn muốn nền đặc.

Nếu SVG của tôi không vuông thì sao?

Nó được thu cho vừa khung vuông và căn giữa, phần còn lại để trong suốt. Biểu tượng sẽ dễ nhận ra hơn nếu hình vẽ vốn đã vuông ngay từ đầu.