CodeKitHub
Tiếng Việt
Công cụ Hình ảnh

Chuyển Đổi SVG Sang PNG Hoặc JPG Trực Tuyến

Biến file vector SVG thành hình ảnh PNG hoặc JPG ở bất kỳ độ phân giải nào bạn cần. Hoàn hảo cho các nền tảng từ chối tải lên SVG — tài liệu văn phòng, mạng xã hội, chữ ký email, quy trình in ấn. Việc kết xuất diễn ra cục bộ trong trình duyệt của bạn; file của bạn ở nguyên trên thiết bị.

PNG keeps transparency; JPG fills it with white

    Công Cụ Này Là Gì?

    SVG là định dạng vector — hình dạng được mô tả bằng toán học, phóng to vô hạn, lý tưởng cho logo và biểu tượng. Nhưng nhiều nơi không chấp nhận nó: tài liệu Word, hầu hết nền tảng mạng xã hội, ứng dụng email và vô số biểu mẫu tải lên muốn hình ảnh pixel. Chuyển đổi (rasterize) kết xuất vector thành PNG hoặc JPG ở một kích thước cụ thể.

    Vì vector không có độ phân giải cố định, bạn chọn chiều rộng đầu ra — và vì nguồn là toán học, một bản xuất 2048px sắc nét y hệt một bản 256px. Đầu ra PNG giữ nguyên nền trong suốt của SVG; JPG lấp đầy nó bằng màu trắng.

    Tại Sao Nên Dùng?

    • Bất kỳ độ phân giải nào từ một nguồn: favicon 256px đến file in 2048px, tất cả đều sắc nét hoàn hảo.
    • Đầu ra PNG giữ độ trong suốt — logo đặt lên bất kỳ nền nào.
    • Khắc phục lỗi "không hỗ trợ SVG" khi tải lên trong vài giây.
    • Chuyển đổi hàng loạt, xử lý cục bộ, không tải lên.
    • Xử lý các SVG không có width/height rõ ràng bằng cách đọc viewBox của chúng.

    Cách Sử Dụng

    1. Kéo thả file .svg vào ô hoặc nhấn để chọn.
    2. Chọn chiều rộng đầu ra — Auto dùng kích thước tự khai báo của SVG.
    3. Chọn PNG (giữ độ trong suốt) hoặc JPG (nền trắng).
    4. Tải xuống mỗi hình ảnh đã kết xuất; kích thước được hiển thị theo từng file.

    Ví dụ

    Đầu vào

    logo.svg — vector 4 KB

    Đầu ra

    logo.png — 1024×1024, nền trong suốt, sắc nét ở mọi pixel

    Một nguồn vector nhỏ tạo ra hình raster sắc nét hoàn hảo ở bất kỳ kích thước nào bạn yêu cầu.

    Các trường hợp sử dụng phổ biến

    • Thêm logo công ty (thường được nhà thiết kế giao dưới dạng SVG) vào tài liệu Word hoặc PowerPoint không hỗ trợ nhúng SVG.
    • Tạo biểu tượng ứng dụng hoặc favicon ở mọi kích thước pixel yêu cầu (16, 32, 180, 512px) từ một SVG gốc.
    • Đính kèm biểu tượng vào chữ ký email, vì hầu hết ứng dụng email chỉ kết xuất hình ảnh raster.
    • Tải tác phẩm lên một nền tảng mạng xã hội hoặc CMS từ chối file SVG như một biện pháp an toàn khi tải lên.

    Vì sao hạn chế tải lên SVG tồn tại ngay từ đầu

    Nhiều nền tảng chặn tải lên SVG cụ thể vì lý do bảo mật, không phải sơ suất: vì SVG dựa trên XML và về mặt kỹ thuật có thể nhúng JavaScript, một SVG độc hại có thể là vector cho việc chèn mã kịch bản nếu một nền tảng kết xuất nó mà không được làm sạch. Rasterize một SVG thành PNG hoặc JPG loại bỏ mọi thứ ngoài dữ liệu pixel, đó là một lý do khiến việc chuyển đổi này thường bắt buộc chứ không chỉ đơn thuần tiện lợi — nền tảng đích thực sự không thể an toàn chấp nhận định dạng vector, bất kể SVG cụ thể của bạn có vô hại hay không.

    Cách tính độc lập độ phân giải thực sự hoạt động

    Một file SVG hoàn toàn không lưu pixel — nó lưu định nghĩa đường path toán học ("vẽ một đường từ điểm này đến điểm kia", "tô màu này cho đường cong này") và một viewBox định nghĩa không gian tọa độ nơi các đường path đó tồn tại. Khi bạn rasterize nó, công cụ kết xuất của trình duyệt tính lại mọi đường cong và mảng tô từ đầu, ở bất kỳ kích thước pixel nào bạn yêu cầu, mỗi lần. Điều đó hoàn toàn khác với thay đổi kích thước một hình ảnh raster có sẵn (một file JPG hay PNG), nơi phóng to nghĩa là bịa ra các pixel chưa từng tồn tại và không tránh khỏi trông mờ — một SVG kết xuất ở 4000px sắc nét y hệt một bản ở 100px, vì cả hai đều được tính mới từ cùng một dữ liệu toán học chính xác, không phải kéo giãn từ một nguồn nhỏ hơn.

    Câu Hỏi Thường Gặp

    Tôi nên xuất ở độ phân giải nào?

    Khớp với kích thước hiển thị lớn nhất, rồi thêm một chút: 512px bao phủ hầu hết trường hợp dùng logo web, 1024px trở lên cho màn hình retina và bài thuyết trình, 2048px cho in ấn. Không giống phóng to ảnh, xuất lớn từ SVG không tốn gì về độ sắc nét.

    Tại sao SVG của tôi kết xuất trống hoặc bị lỗi?

    Thường là do tham chiếu bên ngoài: SVG liên kết đến hình ảnh, font hoặc CSS bên ngoài không thể tải bên trong hộp cát bảo mật của trình duyệt. SVG với nội dung nhúng (inline) chuyển đổi tốt. Văn bản cũng có thể dịch chuyển nếu dùng một font mà hệ thống của bạn không có.

    Nên chọn đầu ra PNG hay JPG?

    Hầu như luôn là PNG: logo và biểu tượng cần độ trong suốt và cạnh sắc nét, điều mà PNG giữ được còn JPG làm hỏng. Chỉ chọn JPG khi mục tiêu yêu cầu nghiêm ngặt hoặc SVG là một hình minh họa giống ảnh chụp.

    Tôi có thể chuyển PNG ngược lại thành SVG ở đây không?

    Không — đó là một tác vụ hoàn toàn khác (vẽ lại pixel thành hình dạng) cho ra kết quả gần đúng tốt nhất. Công cụ này đi từ vector → raster, chính xác tuyệt đối.

    SVG của tôi có được tải lên để chuyển đổi không?

    Không. Trình duyệt kết xuất SVG lên một canvas cục bộ và mã hóa PNG/JPG trên thiết bị của bạn. Không có gì được truyền đi.

    Công Cụ Liên Quan