Chuyển ICO sang SVG
Đưa icon Windows hoặc favicon vào file .svg cho các công cụ chỉ nhận SVG. Điểm ảnh của icon vẫn là điểm ảnh, vì vậy trang này cũng hướng dẫn cách tạo path vector thực sự hoặc đơn giản là lấy một ảnh PNG lớn hơn.
Chuyển đổi ảnh
hoặc thả tệp JPG, JPEG, JPE … vào đây ·
Tối đa 95 MB mỗi tệp· Tối đa 20 tệp· Xóa sau 30 phút
Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.
Mức 85 giữ ảnh trông giống hệt bản gốc. Chỉ hạ xuống khi bạn cần tệp nhỏ hơn.
JPG, BMP và EPS không hỗ trợ độ trong suốt. Các điểm ảnh trong suốt sẽ được tô bằng màu này.
Mã màu hex dùng phía sau các điểm ảnh trong suốt, ví dụ #FFFFFF.
Định dạng này chỉ chứa một ảnh duy nhất. Hãy chọn đầu ra GIF hoặc WebP nếu bạn muốn giữ chuyển động.
Biểu tượng đa kích thước chứa nhiều độ phân giải trong một tệp; trình duyệt và hệ điều hành sẽ chọn độ phân giải cần dùng.
Giữ kích thước gốc, hoặc nhập một cạnh và tỷ lệ khung hình sẽ được giữ nguyên.
Số pixel cho cạnh bạn đã chọn ở trên.
Tỷ lệ phần trăm so với kích thước gốc.
sRGB phù hợp cho màn hình và web. Giữ nguyên bản gốc cho quy trình in ấn; thang độ xám sẽ loại bỏ màu.
Chỉ là siêu dữ liệu, 0 giữ giá trị gốc. Máy in và một số cổng thông tin đọc con số này; nó không thay đổi kích thước điểm ảnh.
Cách sử dụng công cụ này
- 1
Tải lên file .ico
Một file favicon.ico của trang web hoặc một biểu tượng từ chương trình Windows. Tối đa 20 file mỗi lượt.
- 2
Nhấn Chuyển sang SVG
Ảnh lớn nhất trong file ICO được đặt vào một tài liệu SVG và giữ nguyên độ trong suốt.
- 3
Chọn bước tiếp theo bạn cần
Dùng SVG như hiện có, vector hóa để lấy đường path co giãn được, hoặc trích xuất PNG nếu bạn chỉ cần hình ảnh.
Chuyển ICO sang SVG có làm biểu tượng co giãn được không?
Không. File ICO chỉ chứa bitmap, nên SVG chỉ bọc ảnh lớn nhất, gồm cả điểm ảnh và độ trong suốt. Muốn biểu tượng luôn sắc nét ở mọi kích thước, hãy vector hóa; muốn một file ảnh lớn hơn, hãy trích xuất PNG.
SVG bọc ảnh
Bitmap lớn nhất của ICO nằm trong file .svg.
- Giống hệt biểu tượng gốc
- Giữ độ trong suốt
- Bị mờ khi phóng to
SVG đã vector hóa
Các cạnh được chuyển thành đường path vector bằng công cụ chuyển ảnh sang SVG.
- Co giãn đến mọi kích thước
- Màu và hình dạng chỉnh sửa được
- Chi tiết nhỏ có thể bị đơn giản hóa
PNG từ ICO
Ảnh biểu tượng lớn nhất được lưu thành PNG.
- Mở được ở mọi nơi
- Không mất dữ liệu, có độ trong suốt
- Kích thước điểm ảnh cố định
Chuyển ICO sang SVG: lớp bọc quanh điểm ảnh, không phải vector
Định dạng ICO có từ Windows 1.0 năm 1985 và trở thành định dạng favicon khi Internet Explorer 5 bắt đầu tìm /favicon.ico vào năm 1999. Một file chứa nhiều bitmap vuông để Windows và trình duyệt chọn kích thước phù hợp: 16 px cho tab trình duyệt, 32 hoặc 48 px cho thanh tác vụ và màn hình nền, và từ Windows Vista là ảnh 256 px lưu dưới dạng dữ liệu PNG nén. Trong cấu trúc đó không có đường path, đường cong hay vùng tô nào.
SVG, định dạng của W3C từ năm 2001, có thể chứa cả hai loại nội dung: hình vector và bitmap nhúng. Khi chuyển ICO, kết quả trung thực duy nhất là loại thứ hai. SVG nhận chiều rộng và chiều cao của biểu tượng cùng một phần tử ảnh chứa các điểm ảnh, nên hiển thị giống hệt ICO trong trình duyệt, Figma hay slide. Phóng to lên bạn vẫn thấy những điểm ảnh đó, vì không có gì được vẽ lại.
Các kích thước icon trong file ICO và vì sao kích thước lớn nhất quan trọng
16 × 16 px
Favicon tab trình duyệt
Quá nhỏ để vector hóa tốt
32 × 32 px
Tab mật độ cao, thanh tác vụ
Kích thước lớn nhất thường gặp của favicon.ico
48 × 48 px
Biểu tượng màn hình nền (Windows)
Có trong hầu hết biểu tượng chương trình
256 × 256 px
Chế độ xem biểu tượng lớnNguồn tốt nhất để vector hóa hoặc lấy PNG
ICO
Biểu tượng Windows (ICO)
ICO là định dạng biểu tượng của Microsoft, dùng cho biểu tượng chương trình Windows và favicon của trang web. Một tệp .ico có thể chứa nhiều ảnh ở các kích thước khác nhau, như 16×16, 32×32, 48×48 và 256×256 pixel, để hệ thống chọn kích thước phù hợp nhất. Mỗi ảnh có thể được lưu dưới dạng bitmap hoặc dữ liệu PNG và hỗ trợ đầy đủ nền trong suốt alpha. ICO không dành cho ảnh chụp hay tác phẩm cỡ lớn. Trình duyệt, Windows và hầu hết trình chỉnh sửa biểu tượng đọc được định dạng này.
- Nén
- Không mất dữ liệu
- Độ trong suốt
- Có
- Ảnh động
- Không
- Ra mắt
- Microsoft
SVG
Đồ họa vector SVG
SVG là định dạng vector dựa trên XML được W3C chuẩn hóa năm 2001. Thay vì điểm ảnh, SVG mô tả hình khối, đường path và văn bản, nên luôn sắc nét ở mọi kích thước và thường rất nhỏ với logo và biểu tượng. Định dạng hỗ trợ nền trong suốt, định kiểu bằng CSS, script và ảnh động, và mọi trình duyệt đều hiển thị nguyên bản. SVG không phù hợp cho ảnh chụp, và các hình minh họa phức tạp có thể hiển thị chậm. Illustrator, Inkscape, Figma và trình duyệt đều mở và chỉnh sửa được SVG.
- Nén
- –
- Độ trong suốt
- Có
- Ảnh động
- Có
- Ra mắt
- 2001 · W3C
Người ta tìm cách chuyển ICO sang SVG khi công cụ thiết kế, thư viện biểu tượng hoặc mẫu website yêu cầu SVG mà bản duy nhất của logo lại là favicon hoặc biểu tượng Windows; đây thường là bước đầu để có bản vector đã dò đường.
Vector hóa icon thành path SVG thực sự
Nếu mục tiêu là một logo co giãn được, SVG bọc ảnh cùng lắm chỉ là bước đệm. Hãy đưa biểu tượng qua công cụ chuyển ảnh sang SVG: công cụ theo các cạnh màu và ghi thành đường path để bạn đổi kích thước, đổi màu và cắt. Kết quả phụ thuộc vào kích thước nguồn, nên ảnh 256 px từ biểu tượng chương trình được vector hóa tốt hơn nhiều so với favicon 16 px. Bài hướng dẫn về chuyển PNG sang SVG giải thích nên giữ bao nhiêu màu và cách làm mượt đường cong.
Nếu bạn chỉ muốn dùng biểu tượng trong tài liệu hoặc trình chỉnh sửa, hãy bỏ qua SVG và lấy ảnh lớn nhất dưới dạng PNG bằng ICO sang PNG. Chiều ngược lại, từ logo vector sang favicon nhiều kích thước, là việc của SVG sang ICO.
Câu hỏi về chuyển ICO sang SVG
File ICO có thể chuyển thành SVG vector thực sự không?
Không thể chỉ bằng chuyển đổi. File ICO chỉ chứa ảnh bitmap, từ 16 × 16 đến 256 × 256 px, nên không có hình dạng vector nào để mang sang. Các đường path thật phải được dò theo điểm ảnh, việc này do công cụ chuyển ảnh sang SVG thực hiện.
Kích thước nào trong file .ico sẽ được đưa vào SVG?
Ảnh lớn nhất, vì nó có nhiều chi tiết nhất. Một file favicon.ico thông thường chỉ lớn đến 32 hoặc 48 px, còn biểu tượng ứng dụng Windows thường có thêm bản 256 px.
File SVG bọc ảnh này có dùng làm favicon cho website được không?
Chrome và Firefox hỗ trợ favicon SVG, nhưng một file SVG chỉ chứa bitmap 32 px không có lợi gì so với file ICO ban đầu. Favicon SVG chỉ đáng dùng khi chứa đường path thật, giữ được độ sắc nét trên màn hình mật độ điểm ảnh cao.
Vì sao vector hóa favicon lại cho ra các hình nhòe, vón cục?
Biểu tượng 32 px chỉ có 1.024 điểm ảnh, và việc vector hóa phải đoán đường cong từ các cạnh. Càng ít điểm ảnh thì càng đoán thô. Hãy vector hóa ảnh 256 px từ biểu tượng Windows, hoặc tìm logo gốc, để có đường viền sạch.
Nền trong suốt của icon có được giữ lại không?
Có. Ảnh ICO có kênh alpha và SVG giữ nguyên kênh này, nên biểu tượng nằm trên bất kỳ nền nào của trang hoặc công cụ thiết kế.
Sau đó tôi có thể đổi màu icon trong Inkscape hoặc Figma không?
Không thể theo từng hình, vì SVG chỉ chứa một hình ảnh nhúng. Bạn có thể áp dụng bộ lọc hoặc lớp phủ cho toàn bộ ảnh; muốn đổi màu từng hình, hãy vector hóa trước.
- Chuyển ICO sang PNGChuyển file .ico sang PNG, giữ nguyên nền trong suốt. Lấy ảnh lớn nhất lưu trong icon nên favicon và icon Windows xuất ra vẫn sắc nét.
- Chuyển SVG sang ICOChuyển SVG sang ICO với mọi kích thước từ 16 đến 256 px được vẽ trực tiếp từ vector, giữ nền trong suốt. Tạo favicon.ico hoặc icon Windows từ file logo.
- Chuyển PNG sang SVG miễn phíChuyển PNG sang SVG miễn phí, không cần tài khoản: vector hóa logo, icon và nét vẽ thành đường path co giãn được. Chọn màu, thang xám hoặc đen trắng và số màu.
- Chuyển ICO sang JPGChuyển icon .ico và favicon sang JPG để dùng trong báo cáo, slide, email và biểu mẫu tải lên. Lấy khung lớn nhất, vùng trong suốt tô trắng hoặc màu bạn chọn.
- Chuyển PNG sang ICOChuyển PNG sang ICO online: file .ico chứa mọi kích thước 16–256 px, giữ nền trong suốt. Cho favicon, lối tắt Windows. Miễn phí, không cần đăng ký.