Chuyển đến nội dung

Chuyển SVG sang GIF

Biến SVG thành GIF hiển thị được ở mọi nơi. SVG động giữ nguyên chuyển động, dù là CSS hay SMIL; SVG tĩnh thành GIF sắc nét. Chọn kích thước, độ dài và số khung hình mỗi giây rồi tải về. Miễn phí, ngay trong trình duyệt.

Tệp của bạn

Thả SVG cần chuyển vào đây

SVG động hoặc tĩnh

Vì sao chọn công cụ này

  • Theo khả năng thiết bị

    Xử lý trên máy của bạn; tệp lớn và tác vụ nặng cần đủ bộ nhớ.

  • Tệp không được gửi đi

    Ảnh và PDF được xử lý ngay trong trình duyệt.

  • Không cần đăng ký

    Chọn tệp và bắt đầu, không cần tài khoản hay email.

SVG là định dạng tốt nhất cho biểu tượng, logo và hoạt ảnh nét vẽ trên web, nhưng phần lớn thế giới không hiển thị được nó. Ứng dụng email, chat, bài thuyết trình, diễn đàn và mạng xã hội đều cần GIF, hoặc video.

Công cụ chuyển SVG sang GIF này phát SVG đúng như trình duyệt và ghi lại từng khung hình. Biểu tượng tải, hoạt ảnh logo, icon và hình minh họa giữ nguyên chuyển động, và GIF lặp liền mạch khi độ dài bằng một vòng hoạt ảnh. SVG được mở ở chế độ ảnh an toàn của trình duyệt và không bao giờ bị tải lên.

Cách chuyển SVG sang GIF

  1. Thêm SVG

    Thả tệp .svg vào ô phía trên hoặc chọn tệp. Nó bắt đầu phát trong bản xem trước, và công cụ cho biết SVG có động không và một vòng dài bao lâu.

  2. Chọn kích thước và độ dài

    Chọn chiều rộng; chiều cao theo tỷ lệ của SVG. Độ dài được đặt bằng một vòng hoạt ảnh để GIF lặp liền mạch.

  3. Đặt khung hình mỗi giây và nền

    Hai mươi khung hình mỗi giây là mượt với hầu hết hoạt ảnh. Giữ nền trong suốt hoặc chọn trắng, đen cho ứng dụng hiển thị trong suốt kém.

  4. Chuyển và tải về

    Nhấn Chuyển sang GIF. Hoạt ảnh được ghi theo thời gian thực, nên SVG ba giây mất ba giây, rồi được mã hóa. Hãy giữ tab mở đến khi xong.

Chuyển SVG động sang GIF

SVG chuyển động theo hai cách: bằng các phần tử SMIL như <animate> và <animateTransform> trong tệp, hoặc bằng hoạt ảnh CSS @keyframes trong thẻ <style>. Cả hai đều chạy ở đây đúng như trong trình duyệt, vì chính trình duyệt phát chúng, và GIF ghi lại đúng những gì bạn thấy ở bản xem trước.

Để GIF lặp gọn gàng, bản ghi phải dài đúng một vòng. Công cụ đọc thời lượng ghi trong SVG và tự đặt độ dài; nếu hoạt ảnh gồm nhiều vòng có độ dài khác nhau, công cụ dùng bội số chung của chúng, tối đa 10 giây.

Chuyển động phụ thuộc vào script, rê chuột hay nhấp chuột không chạy bên trong ảnh, nên không ghi được. Hoạt ảnh tự chạy, tức hầu hết icon động, biểu tượng tải và logo, đều dùng được.

Kích thước, khung hình mỗi giây và dung lượng

SVG không có độ phân giải cố định, nên được vẽ sắc nét ở chiều rộng bạn chọn: không mờ do phóng to. Dung lượng tăng theo chiều rộng và số khung hình, nên hãy chọn kích thước nhỏ nhất mà GIF thực sự hiển thị.

Mười khung hình mỗi giây đủ cho chuyển động chậm và đơn giản; 20 là mượt với hầu hết icon và biểu tượng tải; 25 cho chuyển động nhanh. Đồ họa vector màu phẳng nén rất tốt trong GIF, và phần đứng yên chỉ được lưu một lần. Nếu vẫn quá nặng, Nén GIF sẽ đưa về đúng dung lượng. Để làm emoji tùy chỉnh, Tạo emoji từ GIF sẽ đưa kết quả về đúng giới hạn của Discord, Slack hoặc Twitch.

Nền trong suốt

SVG thường có nền trong suốt, và GIF cũng có thể như vậy. Trong GIF, độ trong suốt là có hoặc không ở từng điểm ảnh, nên viền mềm của hình vector sẽ sắc và hơi răng cưa, nhất là trên nền tối.

Khi biết GIF sẽ hiện ở đâu, hãy chọn nền cùng màu: trắng cho hầu hết email và tài liệu, đen cho chat ở chế độ tối. Như vậy viền sẽ hoàn toàn mượt.

An toàn ngay từ thiết kế

SVG là một tài liệu có thể chứa script và liên kết đến tệp khác. Ở đây nó được mở như một ảnh, cùng chế độ nghiêm ngặt mà trình duyệt dùng cho SVG trong thẻ <img>: script không bao giờ chạy và không có gì được tải từ bên ngoài tệp. Vì vậy phông chữ và ảnh mà SVG liên kết từ trang khác sẽ không hiện; phần được nhúng sẵn thì có.

Không có gì được tải lên. Việc ghi và mã hóa diễn ra trong trình duyệt của bạn.

Thiết lập cho các hoạt ảnh SVG phổ biến

Giá trị khởi đầu. Bản xem trước phát SVG đúng như khi được ghi.

SVGChiều rộngKhung hình mỗi giâyNền
Biểu tượng tải240–320 px20–25Giống trang
Icon động240 px20Trong suốt hoặc trắng
Hoạt ảnh logo cho email480–640 px20Trắng
Hình minh họa hoặc banner640–800 px10–20Nền riêng của nó
Biểu đồ hoặc hoạt ảnh dữ liệu640 px10Trắng

Vì sao chuyển hoạt ảnh SVG sang GIF

  • Bản tin email

    Hầu hết ứng dụng email không hỗ trợ SVG, càng không hỗ trợ hoạt ảnh SVG. GIF hiện được gần như ở mọi nơi.

  • Bài thuyết trình và tài liệu

    PowerPoint, Keynote, Google Slides và nhiều công cụ tài liệu phát GIF ở nơi hoạt ảnh SVG không chạy.

  • Chat và mạng xã hội

    Chia sẻ logo hay icon động trên Slack, Discord, Zalo hoặc mạng xã hội.

  • Bàn giao thiết kế và xem trước

    Cho khách hàng và đồng nghiệp thấy chuyển động trong các công cụ chỉ hiển thị ảnh.

  • README và tài liệu kỹ thuật

    Sơ đồ và demo động trên trang tài liệu và kho mã vốn loại bỏ hoạt ảnh SVG.

  • Sticker và emoji

    Biến emoji và sticker vector thành GIF, rồi đưa về vừa giới hạn dung lượng của ứng dụng chat.

Câu hỏi thường gặp

Hoạt ảnh của SVG có được giữ không?
Có. Hoạt ảnh CSS và SMIL được phát và ghi vào GIF. Chỉ chuyển động điều khiển bằng script hoặc rê chuột, nhấp chuột là không ghi được.
Có chuyển SVG tĩnh sang GIF được không?
Có. SVG tĩnh thành GIF một khung hình ở chiều rộng bạn chọn, được vẽ sắc nét từ vector.
Sao việc chuyển mất thời gian bằng độ dài hoạt ảnh?
Hoạt ảnh được ghi trong lúc phát, đúng như trình duyệt chạy nó: SVG năm giây cần năm giây để ghi, cộng thêm chút thời gian mã hóa.
Sao việc ghi dừng lại khi tôi chuyển tab?
Trình duyệt tạm dừng hoạt ảnh ở tab bạn không xem, khiến GIF bị hụt đoạn. Hãy giữ tab hiển thị đến khi xong.
Làm sao để GIF lặp không bị giật?
Đặt độ dài đúng bằng một vòng hoạt ảnh: công cụ tự làm khi SVG có ghi thời lượng.
SVG của tôi có bị tải lên không?
Không. Nó được phát, ghi và mã hóa trong trình duyệt trên thiết bị của bạn.
Sao thiếu một số phông chữ hoặc hình ảnh?
Vì lý do an toàn, SVG được mở như ảnh nên không tải phông chữ hay hình ảnh từ trang khác. Hãy chuyển chữ thành đường nét (outline), hoặc nhúng hình ảnh vào SVG, trước khi chuyển.
Có chuyển được hoạt ảnh Lottie hoặc JSON không?
Không trực tiếp: tệp Lottie là JSON, không phải SVG. Hãy xuất hoạt ảnh sang SVG hoặc ghi thành video trước.
Tất cả công cụ ảnh