Chuyển SVG sang PNG Scalable Vector Graphics ↔ Portable Network Graphics Miễn phí Trực tuyến An toàn

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

Một tệp SVG không phải một bức ảnh. Nó là một tập hợp chỉ dẫn để vẽ ra một bức ảnh: vẽ một hình tròn ở đây, một đường cong ở kia, tô hình này bằng màu đó, viết từ này bằng phông chữ kia. Vì là chỉ dẫn chứ không phải điểm ảnh, một SVG có thể hiển thị ở bất kỳ kích thước nào mà không bị mờ, khiến nó là định dạng ưa thích của logo, biểu tượng, biểu đồ và tranh minh họa. Nhưng một lượng phần mềm đáng ngạc nhiên không thể làm theo những chỉ dẫn đó. Chương trình thư điện tử, mạng xã hội, nhiều biểu mẫu tải lên, công cụ trình chiếu và trình chỉnh sửa cũ hơn muốn một bức ảnh làm từ điểm ảnh. Đó là lý do người ta chuyển SVG sang PNG: họ có một bản vẽ và cần nó ở dạng mà mọi thứ đều chấp nhận.

PNG là lựa chọn tự nhiên cho việc này. Nó giữ mọi điểm ảnh đúng như đã vẽ và giữ độ trong suốt, nên một logo không có nền vẫn là một logo không có nền. Mọi trình duyệt, trình chỉnh sửa, chương trình văn phòng và điện thoại đều hiểu nó. Với một SVG chủ yếu là màu phẳng và cạnh sắc, PNG là định dạng tái tạo nó trung thực.

Trang này chuyển SVG sang PNG ngay trong trình duyệt của bạn. Các chỉ dẫn trong tệp của bạn được làm theo một lần, ở kích thước bạn chọn, và kết quả được lưu thành PNG. Bản vẽ được dựng trong một hộp cát nơi không có gì trong tệp có thể chạy, và không có gì được tải lên. Bên dưới bạn sẽ thấy cách nó hoạt động, điều gì được giữ lại, giới hạn quan trọng duy nhất là gì và cách chọn kích thước.

Phép chuyển đổi hoạt động như thế nào

Các chỉ dẫn được làm theo một lần

SVG của bạn được mở bên trong trình duyệt, nơi làm điều nó luôn làm với SVG: làm theo các chỉ dẫn vẽ và tô kết quả. Hình tô đó sau đó được chụp lại thành một bức ảnh ở kích thước bạn chọn và lưu thành PNG. Quá trình diễn ra trên thiết bị của bạn, nên không có gì để chờ và không có gì để xóa sau đó.

Một hộp cát nơi không gì có thể chạy

Về nguyên tắc, một tệp SVG có thể chứa tập lệnh và tham chiếu đến những thứ khác. Để điều đó không bao giờ là rủi ro, bản vẽ được dựng trong một hộp cát nơi không có gì trong tệp có thể chạy. Chỉ có các hình được tô. Điều này an toàn ngay cả với các tệp bạn tải xuống từ nơi bạn không hoàn toàn tin cậy.

Bạn chọn kích thước

Vì SVG không có điểm ảnh riêng, bạn quyết định PNG sẽ có bao nhiêu. Hãy chọn một chiều rộng, và chiều cao theo sau từ tỷ lệ của tác phẩm. Kích thước lớn hơn cho ảnh sắc nét hơn và tệp nặng hơn.

Điều gì được giữ lại

Mọi hình như đã vẽ

Mọi hình được giữ như đã vẽ: các đường cong, màu tô, nét viền và thứ tự lớp. PNG là một bức ảnh trung thực của điều SVG trông như thế nào trong trình duyệt.

Tỷ lệ riêng của tác phẩm

Tỷ lệ của bản vẽ được giữ, nên nó không bị kéo giãn hay ép lại. Nếu SVG rộng gấp đôi chiều cao, PNG cũng vậy.

Độ trong suốt

Độ trong suốt được giữ. Các vùng của SVG không có màu tô vẫn trong suốt trong PNG, đúng là điều bạn muốn cho một logo hay biểu tượng sẽ được đặt trên nền có màu.

Điều bạn nên biết trước khi chuyển SVG sang PNG

Một PNG có một kích thước mãi mãi

Một PNG có một kích thước mãi mãi, điều mà SVG không có. Đây là điều quan trọng nhất trên trang. Nếu bạn chọn một kích thước nhỏ và sau này cần một kích thước lớn, phóng to PNG sẽ làm nó mờ. Vì vậy hãy chọn kích thước lớn nhất bạn sẽ cần. Làm một bức ảnh lớn nhỏ đi dễ hơn nhiều so với chiều ngược lại, và bạn luôn có thể giữ SVG cho lần dùng sau.

Phông chữ và hình ảnh từ nơi khác không được xử lý

Phông chữ và hình ảnh mà SVG kéo từ nơi khác không được xử lý trong hộp cát nơi nó được vẽ. Nếu chữ trong bản vẽ của bạn đặt bằng một phông web mà tệp tải từ máy chủ, nó sẽ rơi về phông hệ thống trong PNG, và vẻ ngoài của chữ sẽ thay đổi. Nếu một SVG tham chiếu đến một hình lưu bên ngoài tệp, hình đó sẽ bị thiếu. Để có kết quả tốt nhất, hãy dùng SVG trong đó phông chữ đã được chuyển thành đường viền và hình ảnh được nhúng.

Dung lượng tệp phụ thuộc vào bức ảnh

Một logo đơn giản tạo ra một PNG nhỏ xíu. Một tranh minh họa chi tiết ở kích thước lớn tạo ra một tệp nặng. Nếu kết quả quá lớn cho mục đích của bạn, hãy giảm kích thước hoặc cho nó qua nén PNG.

Cách chuyển SVG sang PNG ở đây

Thêm bản vẽ của bạn

Thả SVG lên trang hoặc chọn nó từ thiết bị của bạn. Nó được đọc bên trong trình duyệt và không được tải lên.

Chọn kích thước

Chọn chiều rộng của PNG. Hãy nghĩ đến nơi lớn nhất mà bức ảnh sẽ được dùng, và chọn kích thước đó.

Chuyển đổi và tải xuống

Bấm nút và tải PNG xuống. Mở nó, nhìn các cạnh và chữ, và kiểm tra các vùng trong suốt vẫn còn trong suốt.

Nhìn kỹ hơn vào SVG và PNG

Vector và raster

SVG là một định dạng vector: nó lưu các hình và quy tắc để vẽ chúng. PNG là một định dạng raster: nó lưu một lưới các chấm màu. Một vector có thể co giãn đến mọi kích thước, vì các hình được vẽ lại mỗi lần. Một raster có số chấm cố định, và phóng to nó chỉ làm các chấm lớn hơn. Chuyển SVG sang PNG là đi từ các quy tắc sang một lưới cố định, và việc chọn lưới là của bạn.

Vì sao PNG mà không phải JPG

Với một bản vẽ, PNG gần như luôn là đáp án tốt hơn. Nó giữ cạnh sắc sạch sẽ, và giữ độ trong suốt. JPG làm mềm màu phẳng và cạnh và không có độ trong suốt. Nếu có thứ chỉ nhận JPG, hãy dùng Chuyển SVG sang JPG; nếu không thì hãy ở lại với PNG.

Độ phân giải và màn hình

Màn hình hiện đại thường hiển thị ảnh ở mật độ gấp đôi hoặc gấp ba các màn hình cũ hơn. Nếu PNG của bạn sẽ xuất hiện trên những màn hình như vậy ở một kích thước nhất định trên trang, hãy làm nó rộng gấp đôi kích thước đó, và nó sẽ trông sắc nét.

Các tình huống thường gặp chi tiết

Logo cho thư điện tử và mạng xã hội

Nhiều chương trình thư điện tử và nền tảng xã hội không chấp nhận SVG. Hãy chuyển SVG sang PNG ở kích thước họ yêu cầu, và logo của bạn qua được với nền trong suốt.

Hình ảnh cho tài liệu và bài thuyết trình

Các chương trình văn phòng khác nhau về mức xử lý SVG tốt đến đâu. Một PNG luôn dùng được. Nếu bản vẽ sẽ được chiếu, hãy chọn kích thước hào phóng để nó giữ sắc nét trên màn hình lớn.

Biểu tượng cho ứng dụng và trang web

Một bộ biểu tượng vẽ dưới dạng SVG thường cần phiên bản PNG cho những nơi không đọc được vector. Hãy tạo chúng ở các kích thước yêu cầu, và giữ SVG làm bản chủ.

Biểu đồ và sơ đồ

Các công cụ xuất biểu đồ dưới dạng SVG để lại cho bạn một tệp mà một số hệ thống từ chối. Một PNG của biểu đồ có thể đặt vào báo cáo, trang web hay tin nhắn mà không rắc rối.

Lời khuyên thực tế trước khi chuyển SVG sang PNG

Kiểm tra SVG trông thế nào trong trình duyệt

Hãy mở SVG trong trình duyệt trước. Điều bạn thấy ở đó là điều PNG sẽ hiển thị. Nếu chữ dùng một phông không có trên hệ thống của bạn, hãy mong đợi cùng sự thay thế trong PNG.

Biến chữ thành đường viền để chính xác

Nếu chữ chính xác quan trọng, hãy chuyển văn bản trong chương trình vẽ thành đường viền trước khi lưu SVG. Các chữ cái khi đó trở thành hình, và không cần phông nào để vẽ chúng.

Nhúng hình ảnh

Nếu SVG của bạn có hình ảnh, hãy nhúng chúng vào tệp và đừng liên kết đến chúng. Hộp cát không tìm thấy được một hình liên kết.

Chọn kích thước với tương lai trong đầu

Hãy nghĩ xem bức ảnh còn có thể được dùng ở đâu nữa. Một kích thước đủ lớn cho áp phích cũng ổn cho một trang web. Một kích thước làm cho một biểu tượng nhỏ xíu vô dụng ở mọi nơi khác.

Những câu hỏi mọi người hay hỏi trước khi chuyển đổi

Tôi nên chọn kích thước nào?

Lớn nhất bạn sẽ cần. Bạn luôn có thể thu nhỏ một PNG, nhưng không thể phóng to mà không làm mờ.

Độ trong suốt có được giữ không?

Có. Một nền trong suốt trong SVG vẫn trong suốt trong PNG.

Vì sao chữ của tôi trông khác?

Vì phông chữ được tải từ nơi khác và không được xử lý trong hộp cát. Một phông hệ thống thế chỗ. Hãy chuyển văn bản thành đường viền trong bản gốc để tránh điều này.

Vì sao một hình liên kết bị thiếu?

Hình ảnh kéo từ bên ngoài tệp không được xử lý. Hãy nhúng chúng vào SVG.

Tệp của tôi có được tải lên không?

Không. Phép chuyển đổi chạy trong trình duyệt của bạn và tệp không bao giờ rời khỏi thiết bị của bạn.

Tôi có thể quay lại vector không?

Chỉ bằng cách vẽ theo. Chuyển PNG sang SVG biến một bức ảnh thành các hình, nhưng đó là một phỏng đoán chứ không phải khôi phục. Hãy giữ SVG gốc của bạn.

Chọn khôn ngoan khi bạn chuyển SVG sang PNG

Quyết định về nơi đến

Một trang web cần kích thước vừa phải. Một bản in cần kích thước lớn. Một biểu tượng cần kích thước nhỏ, đơn giản. Hãy khớp PNG với nơi dùng.

So sánh với các lựa chọn khác

Với một favicon, Chuyển SVG sang ICO tạo một tệp có nhiều kích thước trong một. Với một tài liệu giữ sắc nét ở mọi mức phóng to, Chuyển SVG sang PDF giữ bản vẽ là một bản vẽ.

Giữ SVG

SVG là bản chủ. Nó có thể được chuyển thành bất kỳ kích thước và định dạng nào bất cứ khi nào bạn cần. Hãy giữ nó an toàn.

Có được kết quả tốt sau khi chuyển đổi

Kiểm tra các cạnh

Hãy phóng to vào các đường cong và đường chéo. Chúng phải mượt. Nếu chúng trông răng cưa, kích thước quá nhỏ cho việc dùng, và một kích thước lớn hơn sẽ giúp.

Kiểm tra trên nền có màu

Hãy đặt PNG lên màu nơi nó sẽ xuất hiện. Các cạnh trong suốt có thể lộ ra một viền mờ nếu bản gốc có bóng mềm, và tốt hơn là phát hiện điều đó bây giờ.

Làm nhẹ nó nếu cần

Nếu tệp nặng, nén PNG giảm dung lượng của nó mà không đổi diện mạo đáng kể.

Tận dụng tối đa khi bạn chuyển SVG sang PNG

Chuẩn bị SVG trước khi bạn chuyển SVG sang PNG

Vài phút cẩn thận ở bản gốc tiết kiệm rất nhiều rắc rối về sau. Hãy bảo đảm bản vẽ có kích thước hoặc khung nhìn (view box) đúng, chuyển văn bản thành đường viền, nhúng mọi hình ảnh và bỏ các lớp ẩn bạn không muốn hiển thị. Một SVG sạch cho một PNG sạch, và bạn sẽ không cần chạy phép chuyển đổi hai lần.

Tạo nhiều kích thước trong một lần

Nếu bạn cần một logo ở vài chiều rộng khác nhau, hãy chuyển SVG sang PNG một lần cho mỗi chiều rộng, và đặt tên tệp theo chiều rộng. Một bản nhỏ cho chân trang, một bản vừa cho trang và một bản lớn cho in bao quát hầu hết nhu cầu, và có sẵn chúng giúp bạn khỏi phải quay lại cho mỗi yêu cầu.

Nghĩ về nền

Vì PNG giữ độ trong suốt, logo sẽ mang màu của nền phía sau. Một logo tối trên một trang tối sẽ biến mất. Hãy kiểm tra PNG trên cả nền sáng và tối, và nếu logo cần một phiên bản cho mỗi nền, hãy làm hai SVG với màu khác nhau và chuyển SVG sang PNG cho cả hai.

Giữ tên có ý nghĩa

Hãy dùng một cái tên nói lên bức ảnh là gì và lớn bao nhiêu, chẳng hạn logo-1600. Khi bạn tìm thấy tệp một năm sau trong thư mục đầy ảnh, bạn sẽ biết ngay đó là tệp nào.

Quyền riêng tư và xử lý

Vì sao chuyển đổi cục bộ quan trọng với bản vẽ

Logo, bản kế hoạch và thiết kế có thể còn bí mật trước khi được công bố. Nhiều bộ chuyển đổi trực tuyến tải tệp của bạn lên máy chủ, xử lý và gửi lại kết quả, và trong một lúc một bản sao nằm trên một máy bạn không kiểm soát. Ở đây trình duyệt của chính bạn làm việc, nên bản vẽ ở lại trên thiết bị của bạn.

Điều gì xảy ra khi bạn rời đi

Khi bạn đóng trang, bức ảnh đã chuyển đổi biến mất khỏi trình duyệt, nên hãy tải xuống trước. Không có gì về bản vẽ của bạn được giữ lại.

Nếu có gì trục trặc

Bức ảnh ra trống

SVG có thể thiếu kích thước hoặc khung nhìn (view box). Hãy mở nó trong trình soạn thảo văn bản và kiểm tra nó có chiều rộng và chiều cao hoặc khung nhìn, hoặc sửa trong chương trình vẽ.

Bức ảnh bị cắt

Một số SVG có phần tử kéo ra ngoài vùng đã khai báo. Hãy điều chỉnh khung nhìn trong bản gốc để mọi thứ nằm vừa.

Trang bị treo với kích thước rất lớn

Mọi thứ chạy trên thiết bị của bạn, và một bức ảnh khổng lồ cần bộ nhớ. Hãy chọn kích thước nhỏ hơn, hoặc dùng một máy tính.

Công cụ liên quan

Cùng họ công cụ này bao gồm các công việc lân cận. Cho một JPG, dùng Chuyển SVG sang JPG. Cho một favicon hay biểu tượng ứng dụng, Chuyển SVG sang ICO là đáp án, và cho một tài liệu giữ sắc nét ở mọi mức phóng to, Chuyển SVG sang PDF. Để vẽ theo một bức ảnh thành các hình, Chuyển PNG sang SVG đi theo chiều ngược lại. Khi bạn đã có PNG, Chuyển PNG sang WebP làm nó nhẹ hơn cho web, và Chuyển PNG sang JPG tạo một tệp nhỏ khi không cần độ trong suốt.

Một ví dụ cụ thể

Giả sử bạn có logo công ty dưới dạng SVG, và một mạng xã hội chỉ chấp nhận PNG, rộng ít nhất 800 điểm ảnh. Bạn thả SVG vào đây, chọn chiều rộng 1600 điểm ảnh, cho chắc, và bấm nút. Một lát sau bạn tải xuống một PNG có cùng tỷ lệ, cạnh sắc nét và nền trong suốt. Bạn tải nó lên, và logo hiện sạch sẽ trên mọi màu. SVG ở lại trong thư mục của bạn làm bản chủ.

Một danh sách kiểm tra ngắn

Trước khi chuyển đổi

Mở SVG trong một trình duyệt. Quyết định kích thước lớn nhất bạn cần. Bảo đảm phông chữ đã thành đường viền và hình ảnh được nhúng.

Trong khi chuyển đổi

Ở lại trang cho đến khi tệp sẵn sàng.

Sau khi chuyển đổi

Mở PNG, kiểm tra các cạnh và chữ, thử nó trên nền thật và giữ SVG.

Những lỗi thường gặp

Chọn kích thước quá nhỏ

Một PNG có một kích thước mãi mãi. Phóng to nó sau này làm mờ. Hãy chọn hào phóng.

Dựa vào phông chữ và hình ảnh liên kết

Chúng không được xử lý trong hộp cát. Hãy chuyển chữ thành đường viền và nhúng hình ảnh.

Vứt bỏ SVG

Hãy giữ nó. Đó là phiên bản duy nhất có thể co giãn không giới hạn.

Bản vẽ của bạn ở lại trên thiết bị của bạn

Phép chuyển đổi diễn ra cục bộ. Bản vẽ của bạn được trình duyệt của chính bạn đọc, tô ở đó và trao lại dưới dạng PNG. Không có gì được tải lên, nên không có bản sao nào nằm trên máy chủ và không ai khác có thể thấy nó. Với các thiết kế chưa công bố, đó là cách an toàn để chuyển SVG sang PNG.

Tóm tắt

Để chuyển SVG sang PNG ở đây, hãy thả bản vẽ, chọn kích thước và bấm nút. Một SVG không phải một bức ảnh mà là các chỉ dẫn để vẽ ra nó, và ở đây các chỉ dẫn đó được làm theo một lần, ở kích thước bạn chọn, và kết quả được lưu thành PNG. Bản vẽ được dựng trong một hộp cát nơi không có gì trong tệp có thể chạy, và không có gì được tải lên. Mọi hình được giữ như đã vẽ, với tỷ lệ riêng của tác phẩm và độ trong suốt. Một PNG có một kích thước mãi mãi, nên hãy chọn kích thước lớn nhất bạn sẽ cần, vì phóng to nó sau đó làm mờ. Phông chữ và hình ảnh SVG kéo từ nơi khác không được xử lý, nên chữ đặt bằng phông web rơi về phông hệ thống.