UltKit

Chuyển SVG sang PNG

SVG là tập hợp các lệnh vẽ, không có độ phân giải cố định. Khi chuyển sang PNG, các lệnh đó được vẽ lên một lưới pixel, vì vậy điều duy nhất bạn cần quyết định là ảnh kết quả rộng bao nhiêu pixel.

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

    Kéo logo, biểu tượng hoặc hình minh họa đã lưu dạng .svg vào khung tải lên, tối đa 20 tệp mỗi lượt và 95 MB mỗi tệp.

  2. 2

    Đặt chiều rộng đầu ra

    Mục Đổi kích thước ảnh đầu ra được đặt sẵn chiều rộng 1024 px. Hãy nhập Kích thước khác, hoặc chuyển sang Đặt chiều cao hay Đặt cạnh dài nhất; tỉ lệ khung hình của bản vẽ luôn được giữ nguyên.

  3. 3

    Chuyển sang PNG

    Nhấn Chuyển sang PNG rồi tải xuống từng ảnh hoặc cả bộ dưới dạng ZIP. Vùng trong suốt của SVG vẫn giữ nguyên trong suốt.

Trả lời

Làm thế nào để chuyển SVG sang PNG theo kích thước cụ thể?

Tải SVG lên, nhập chiều rộng cần dùng theo px (đặt sẵn 1024 px) rồi nhấn Chuyển sang PNG. Chiều cao theo tỉ lệ của bản vẽ và nền vẫn trong suốt.

Chuyển SVG sang PNG đúng kích thước bạn cần

SVG, tiêu chuẩn của W3C từ năm 2001, mô tả hình bằng tọa độ: vẽ hình tròn ở đây, tô màu này. Vì vậy logo SVG vẫn sắc nét trên danh thiếp lẫn trên biển quảng cáo lớn. PNG không thể co giãn như vậy. Khi đã rộng 512 px, phóng to nghĩa là phải tạo thêm điểm ảnh và các cạnh sẽ bị mềm. Vì thế thời điểm quyết định kích thước là lúc chuyển đổi, khi thông tin vector vẫn còn.

Nhiều tệp SVG khai báo chiều rộng và chiều cao nhỏ trong mã, đôi khi chỉ 24 hoặc 48 px với biểu tượng. Kết xuất ở kích thước đó sẽ cho ảnh PNG cỡ hình thu nhỏ. Trang này tránh bẫy ấy bằng cách đặt chiều rộng đầu ra là 1024 px và co giãn bản vẽ cho vừa, chiều cao tính theo tỉ lệ bản vẽ. Bạn có thể đổi con số này lên tới 20.000 px; phóng lớn không làm giảm chất lượng, vì mỗi kích thước đều được vẽ mới từ các hình vector.

Chuyển SVG sang PNG để in: inch, DPI và pixel

inchPixels at
72 DPI150 DPI300 DPI
172150300
2144300600
3,52525251050
8,561212752550
1179216503300

Bốn điều cần kiểm tra trước khi raster hóa SVG

  1. Chuyển font thành đường viền

    Chữ dùng font mà bạn có nhưng bộ chuyển đổi không có sẽ bị thay thế. Hãy chuyển chữ thành đường path trước.

  2. Nhúng các ảnh được liên kết

    SVG có thể trỏ tới một tệp ảnh riêng bằng đường dẫn. Nếu tệp đó không nằm trong SVG, PNG sẽ có khoảng trống ở vị trí của nó.

  3. Kiểm tra khung vẽ

    Khoảng trống thừa quanh hình trong khung vẽ của SVG sẽ thành lề trong suốt trong PNG. Hãy thu khung vẽ vừa khít với hình trước khi xuất.

  4. Chọn chiều rộng theo từng mục đích

    Hãy xuất các PNG riêng cho từng việc, ví dụ 512 px cho ảnh đại diện và 2048 px cho slide, thay vì dùng một kích thước cho tất cả.

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

PNG

Ảnh PNG (Portable Network Graphics)

PNG là định dạng ảnh raster không mất dữ liệu (lossless), được PNG Development Group công bố năm 1996 và sau đó được W3C và ISO chuẩn hóa. Định dạng giữ nguyên chính xác từng điểm ảnh, hỗ trợ đầy đủ kênh alpha cho nền trong suốt và hiển thị văn bản, cạnh sắc nét và mảng màu phẳng mà không bị nhiễu. Độ chính xác đó khiến PNG lý tưởng cho ảnh chụp màn hình, logo, biểu tượng và đồ họa giao diện. Cái giá phải trả là dung lượng: ảnh chụp lưu dưới dạng PNG thường lớn gấp nhiều lần cùng bức ảnh ở dạng JPEG hoặc WebP. Mọi trình duyệt, hệ điều hành và trình chỉnh sửa đều mở được tệp PNG.

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

Chuyển SVG sang PNG biến hình vector không phụ thuộc độ phân giải thành ảnh bitmap có kích thước cố định cho những nơi không chấp nhận SVG, như tải lên mạng xã hội, email và tài liệu văn phòng; chiều ngược lại là nỗ lực khôi phục khả năng phóng to từ các điểm ảnh.

Câu hỏi thường gặp về chuyển SVG sang PNG

Nên chuyển SVG sang PNG ở độ phân giải nào?

Hãy dùng kích thước lớn nhất mà ảnh PNG sẽ hiển thị, nhân đôi cho màn hình điện thoại và laptop có mật độ điểm ảnh cao. Logo hiển thị rộng 300 px trên website nên xuất khoảng 600 px; biểu tượng ứng dụng thường là 1024 px; ảnh để in cần số inch nhân 300, nên 3 inch thành 900 px.

File PNG có giữ được nền trong suốt của SVG không?

Có. Vùng không tô màu của SVG sẽ hoàn toàn trong suốt, còn các hình bán trong suốt giữ nguyên độ mờ. Nếu bạn cần nền đặc, hãy chuyển sang JPG bằng Chuyển SVG sang JPG và chọn màu nền.

Vì sao chữ trong file PNG trông khác với SVG?

Chữ trong SVG được vẽ bằng font nào đang được cài ở nơi hiển thị. Nếu SVG dùng một font không được nhúng, font dự phòng sẽ thay thế. Hãy chuyển chữ thành đường viền trước khi xuất: Type → Create Outlines trong Illustrator, Path → Object to Path trong Inkscape.

Đặt DPI có làm file PNG nét hơn không?

Không. Thẻ DPI trong phần Cài đặt nâng cao chỉ ghi một con số vào tệp để máy in và một số phần mềm dàn trang đọc và xác định kích thước thực tế. Độ nét đến từ số điểm ảnh, thứ bạn đặt bằng chiều rộng. Hãy đổi cả hai nếu xưởng in yêu cầu 300 dpi ở một kích thước nhất định.

Vì sao người ta cần chuyển SVG sang PNG?

Nhiều nơi nhận ảnh lại không nhận SVG: ảnh đại diện và bài đăng mạng xã hội, hầu hết ứng dụng email, nhiều sàn thương mại và các phiên bản Microsoft Office cũ. Ảnh PNG đúng kích thước sẽ hiển thị được ở tất cả những nơi đó.

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

Chỉ bằng cách dò nét (tracing), tức vẽ lại các hình từ điểm ảnh và hiệu quả nhất với logo đơn giản. Hãy giữ lại SVG gốc; nếu đã mất, hướng dẫn chuyển PNG sang SVG giải thích cách dò nét hoạt động và kết quả có thể kỳ vọng.