UltKit

Chuyển SVG sang GIF

Vẽ file SVG thành ảnh GIF ở chiều rộng bạn chọn, dành cho những nơi chấp nhận GIF nhưng không hiển thị được file vector. Kết quả là một ảnh tĩnh với bảng màu tối đa 256 màu, giữ trong suốt ở mọi vùng SVG không vẽ gì.

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

Đầu ra

Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.

Cách sử dụng công cụ này

  1. 1

    Tải lên các file SVG

    Thêm tối đa 20 file .svg, mỗi file 95 MB, từ máy tính của bạn hoặc kéo thả vào khu vực tải lên.

  2. 2

    Đặt chiều rộng pixel

    Trang này vẽ ảnh vector với chiều rộng 600 px. Hãy đổi con số trong mục Đổi kích thước ảnh đầu ra thuộc Cài đặt nâng cao; chiều cao sẽ tự theo tỉ lệ của hình vẽ.

  3. 3

    Chuyển sang GIF

    Nhấn Chuyển sang GIF rồi tải xuống từng ảnh, hoặc tải cả bộ dưới dạng ZIP. Hãy kiểm tra thử một file trên nền mà ảnh sẽ nằm trước khi sử dụng.

Chuyển SVG sang GIF là đổi một hình vẽ không phụ thuộc độ phân giải lấy một lưới cố định tối đa 256 màu, phù hợp với logo và biểu tượng màu phẳng nhưng không hợp với ảnh có dải chuyển màu.

Chuyển SVG sang GIF ở đúng chiều rộng bạn cần

SVG là một tập hợp chỉ dẫn: vẽ đường này, tô màu này, đặt chữ này. GIF thì ngược lại, là lưới điểm ảnh, mỗi điểm trỏ tới một trong tối đa 256 mục của bảng màu. Chuyển đổi nghĩa là vẽ các chỉ dẫn một lần ở chiều rộng pixel đã chọn rồi lưu kết quả, vì vậy chiều rộng trong Đổi kích thước ảnh đầu ra quan trọng hơn mọi cài đặt khác ở đây. Trang này bắt đầu ở 600 px.

GIF ra đời năm 1987 khi CompuServe công bố, và bản sửa đổi năm 1989, GIF89a, bổ sung độ trong suốt cùng độ trễ khung hình. Tuổi đời đó chính là thế mạnh hiện nay: phần mềm từ chối các định dạng mới hơn, từ công cụ diễn đàn cũ đến một số ứng dụng email và mạng quảng cáo, vẫn hiển thị được GIF. Ngược lại, SVG bị nhiều biểu mẫu tải lên chặn vì là XML có thể chứa script.

Vì nguồn là vector, bạn có thể vẽ ở bất kỳ chiều rộng nào mà không mất độ nét. Hãy chọn kích thước mà GIF thực sự được hiển thị; phóng to một GIF nhỏ sau này sẽ làm xuất hiện độ nhòe mà SVG chưa từng có.

from ↓ · to →Nền trong suốtViền mềm bán trong suốtHơn 256 màuAnimation
GIFGIF to Nền trong suốt: yes– GIF to Viền mềm bán trong suốt: no– GIF to Hơn 256 màu: noGIF to Animation: yes
PNGPNG to Nền trong suốt: yesPNG to Viền mềm bán trong suốt: yesPNG to Hơn 256 màu: yes– PNG to Animation: no
WEBPWEBP to Nền trong suốt: yesWEBP to Viền mềm bán trong suốt: yesWEBP to Hơn 256 màu: yesWEBP to Animation: yes
JPG– JPG to Nền trong suốt: no– JPG to Viền mềm bán trong suốt: noJPG to Hơn 256 màu: yes– JPG to Animation: no
supported not offeredNhững gì mỗi định dạng ảnh điểm có thể chứa sau khi SVG được vẽ vào. GIF là định dạng duy nhất bị giới hạn bảng màu 256 màu và độ trong suốt bật/tắt.

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
Công cụ chuyển đổi SVG

GIF

Ảnh động GIF

GIF được CompuServe giới thiệu năm 1987 và vẫn là định dạng được hỗ trợ rộng rãi nhất cho ảnh động ngắn, lặp lại. GIF không mất dữ liệu (lossless) nhưng giới hạn ở bảng 256 màu mỗi khung hình, nên ảnh chụp và vùng chuyển màu bị phân dải và nhiễu hạt. Định dạng chỉ hỗ trợ nền trong suốt dạng bật/tắt (1 bit), khiến các hình cong có viền răng cưa. GIF động thường lớn hơn nhiều so với cùng đoạn clip ở dạng MP4 hoặc WebP. Mọi trình duyệt, ứng dụng trò chuyện và nền tảng mạng xã hội đều phát được GIF.

Nén
Không mất dữ liệu
Độ trong suốt
Có
Ảnh động
Có
Ra mắt
1987 · CompuServe
Công cụ chuyển đổi GIF

SVG sang GIF dành cho những nơi chỉ chấp nhận GIF, như chữ ký email, diễn đàn cũ và vị trí quảng cáo, cần một ảnh phẳng nhỏ từ logo vector; còn chuyển GIF sang SVG là việc dò nét nhằm lấy lại hình vẽ có thể phóng to tùy ý.

Chuyển SVG động sang GIF: những gì không được chuyển

Hiệu ứng động SMIL, CSS và script sẽ bị bỏ qua

Một SVG chuyển động trong trình duyệt nhờ phần tử animate, CSS keyframes hoặc JavaScript sẽ trở thành một khung GIF tĩnh duy nhất thể hiện trạng thái ban đầu. Muốn có GIF chuyển động, hãy quay hoạt ảnh thành video rồi chuyển bằng công cụ chuyển video sang GIF.

256 màu và độ trong suốt một bit trong thực tế

Hầu hết logo SVG chỉ dùng vài màu phẳng, nên giới hạn bảng màu không gây mất mát gì. Vấn đề nằm ở viền khử răng cưa và dải chuyển màu. Mọi cạnh cong trong SVG đã vẽ đều chứa các điểm ảnh trung gian trong suốt một phần; GIF buộc phải để mỗi điểm hoàn toàn hiện hoặc hoàn toàn trong, có thể gây viền răng cưa hoặc viền nhạt màu.

Cách xử lý là chọn nền trước khi chuyển. Nếu GIF nằm trên nội dung email nền trắng, hãy thêm hình chữ nhật nền trắng cho SVG; trên giao diện diễn đàn tối, hãy dùng màu của giao diện đó. Khi đó các điểm ảnh viền hòa vào đúng màu và đường viền vẫn mượt. Nếu không thể biết trước, PNG an toàn hơn.

Câu hỏi về chuyển SVG sang GIF

Vì sao nên dùng GIF thay vì PNG cho logo SVG?

Chỉ khi nơi tiếp nhận bắt buộc dùng GIF, chẳng hạn CMS cũ, chữ ký diễn đàn hoặc mẫu quảng cáo ghi GIF là loại ảnh. PNG giữ được viền mềm và không giới hạn màu, nên SVG sang PNG là lựa chọn mặc định tốt hơn khi cả hai định dạng đều được phép.

SVG động có chuyển thành GIF động không?

Không. Trình chuyển đổi chỉ vẽ SVG một lần ở trạng thái ban đầu, nên các phần tử hoạt ảnh SMIL, CSS keyframes và script không chạy và bạn chỉ nhận được một khung hình tĩnh. Để ghi lại chuyển động, hãy quay hoạt ảnh đang chạy trong trình duyệt thành video, rồi dùng chuyển video sang GIF.

Vì sao viền logo bị răng cưa hoặc có quầng sáng nhạt?

Độ trong suốt của GIF chỉ có bật hoặc tắt cho từng điểm ảnh, nên các điểm ảnh viền mượt, trong suốt một phần của SVG buộc phải giữ lại hoặc bỏ đi. Viền được hòa trộn cho một nền sẽ bị viền lạ trên nền khác. Hãy thêm một hình chữ nhật nền cùng màu với trang đích trước khi chuyển, viền sẽ hòa trộn mượt mà.

Dải màu chuyển sắc (gradient) trong SVG sẽ ra sao?

Bảng màu GIF chứa tối đa 256 màu, nên các dải chuyển màu mượt phải được xấp xỉ. Dải ngắn trông vẫn ổn; dải lớn, tinh tế sẽ lộ các bậc màu hoặc họa tiết chấm dither. Logo và biểu tượng màu phẳng, tức nội dung SVG thông thường, dễ dàng nằm gọn trong bảng màu.

Có dùng ảnh GIF này trong chữ ký email được không?

Có, và đây là một trong những lý do chính khiến người ta cần chuyển đổi này. Gmail và Outlook không hiển thị ảnh SVG trong thư, trong khi GIF đã hiển thị trên các ứng dụng email từ nhiều thập kỷ. Hãy giữ chiều rộng vừa phải, khoảng 300 đến 600 px, để chữ ký luôn nhẹ.

Công cụ chuyển đổi đọc những thiết lập kích thước SVG nào?

Công cụ dùng chiều rộng, chiều cao và viewBox của hình vẽ để tính tỉ lệ, rồi vẽ ở chiều rộng pixel mà bạn đặt. Vì nguồn là vector, chọn chiều rộng lớn hơn không làm giảm độ nét, chỉ tăng dung lượng file.