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

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

PNG là một lưới các chấm màu. SVG là một bản vẽ được mô tả bằng các hình. Sự khác biệt quyết định bạn làm được gì với chúng: PNG có cỡ cố định và mờ đi khi phóng to, trong khi SVG có thể phóng đến cỡ mặt tiền một tòa nhà mà vẫn sắc nét. Logo, biểu tượng và hình minh họa nét thường chỉ tồn tại dưới dạng PNG, vì đó là cách chúng được lưu hay gửi, và rồi nhu cầu nảy sinh là dùng chúng ở cỡ lớn hơn, đổi màu, cắt trên máy vẽ hay máy cắt decal, hoặc đưa lên một trang đòi SVG. Đó là lý do người ta chuyển PNG sang SVG: họ có một bức hình, và họ muốn một bản vẽ.

Điều quan trọng là phải trung thực về những gì một phép chuyển đổi như vậy làm được và không làm được. Biến điểm ảnh trở lại thành hình không phải là khôi phục bản vẽ gốc, thứ đã mất. Đó là một phép đoán, thực hiện bằng cách nhìn xem các vùng màu phẳng kết thúc ở đâu. Với một logo, một biểu tượng hay nét vẽ, phép đoán thường gần đúng. Với một bức ảnh chụp, nó gần như vô dụng. Trang này đưa ra hai lựa chọn và cho bạn biết mỗi cái tốn gì trước khi bạn bỏ thời gian: bạn có thể để bức hình thành các hình khối bằng cách dò nét, hoặc giữ hình đúng như nó có, bọc trong một SVG.

Trang này chuyển PNG sang SVG ngay trong trình duyệt của bạn. Bức hình của bạn không được tải lên máy chủ, điều quan trọng với logo và thiết kế chưa công khai. Bên dưới bạn sẽ thấy việc dò nét hoạt động ra sao, cách chọn số màu, cái gì được giữ và khi nào câu trả lời tốt hơn là không dò nét gì cả.

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

Hai lựa chọn cho số phận của bức hình

Bạn chọn điều gì xảy ra với bức hình: nó thành các hình khối, hoặc nó giữ nguyên đúng như đã có. Cách thứ nhất là dò nét. Bức hình được phân tích, các vùng một màu được tìm ra, và đường viền của chúng được ghi thành các hình, tô bằng những màu bạn yêu cầu. Cách thứ hai là bọc: bức hình được đặt trong một tệp SVG không đổi, nên tệp là SVG ở bên ngoài và cùng những điểm ảnh ở bên trong.

Dò nét là phép đoán, không phải khôi phục

Dò nét tìm xem các vùng màu phẳng kết thúc ở đâu và ghi các đường viền đó thành hình. Nó gần đúng với một logo, một biểu tượng hay nét vẽ, và gần như vô dụng với một bức ảnh chụp, nơi nó tạo ra một tấm áp phích các mảng. Cạnh mềm và dải chuyển màu trở thành những bậc cứng giữa các màu bạn yêu cầu. Bạn cho phép càng nhiều màu, kết quả càng gần bản gốc, và tệp càng nặng.

Giữ nguyên bức hình

Giữ nguyên bức hình thay vào đó cho một tệp là SVG ở bên ngoài và cùng những điểm ảnh ở bên trong. Nó hữu ích khi có thứ chỉ nhận .svg, và nó không phải cách để có hình vector. Bức hình sẽ mờ khi phóng to, y như PNG.

Cái gì được giữ

Độ trong suốt, dù bạn chọn cách nào

Độ trong suốt được giữ, dù bạn chọn cách nào: một nền nhìn xuyên qua vẫn trống thay vì chuyển trắng. Một logo không có nền vẫn là một logo không có nền, sẵn sàng nằm trên bất kỳ màu nào.

Tỷ lệ và kích thước

Dò nét giữ tỷ lệ của tác phẩm và kích thước điểm ảnh gốc của nó trong chiều rộng và chiều cao của SVG, nên nó thả vào một bố cục ở đúng cỡ nó có. Một bức hình 600 nhân 300 điểm ảnh cho một SVG được khai báo là 600 nhân 300, và sau đó có thể được phóng thoải mái.

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

Nó hiệu quả nhất với màu phẳng

Logo, biểu tượng, hình minh họa đơn giản, chữ ký, con dấu, sơ đồ và nét vẽ là chất liệu đúng. Bất cứ thứ gì làm từ các vùng màu phẳng với đường viền sạch đều dò tốt. Ảnh chụp, kết cấu và dải chuyển màu mềm thì không.

Ảnh lớn được đọc ở cỡ giảm

Những bức hình lớn hơn 1000 điểm ảnh ở cạnh dài được đọc ở cỡ đó. SVG vẫn mang kích thước gốc, và là vector nên nó phóng to trở lại. Vì vậy một PNG rất lớn không phải vấn đề, nhưng những chi tiết mịn nhất của nó có thể mất trong lúc đọc.

Ít màu hơn, hình sạch hơn

Hãy chọn số màu cho hợp với bức hình. Một logo hai màu cần hai hoặc ba màu. Một hình minh họa nhiều màu cần nhiều hơn. Quá nhiều màu cho các hình nhiễu; quá ít làm gộp các vùng khác nhau.

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

Thêm bức hình của bạn

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

Chọn dò nét hay giữ nguyên, và các màu

Quyết định bức hình nên thành các hình khối hay giữ nguyên như đã có. Nếu bạn dò nét, hãy đặt số màu.

Chuyển đổi và so sánh

Nhấn nút và tải SVG về. Mở nó trong trình duyệt và phóng to. Một bản dò tốt vẫn mượt. So nó với PNG cạnh nhau, và nếu chưa đúng, hãy chỉnh các màu và thử lại.

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

Raster và vector

PNG là định dạng raster: nó lưu một lưới cố định các chấm màu. SVG là định dạng vector: nó lưu các hình và quy tắc để vẽ chúng. Đi từ raster sang vector nghĩa là quyết định các hình nằm ở đâu, điều mà PNG chưa bao giờ ghi lại. Đi chiều ngược lại, SVG sang PNG, là chính xác. Chiều này là một ước lượng.

Vì sao dò nét không khôi phục được bản gốc

Khi một logo được lưu thành PNG, các đường cong của nó bị biến thành chấm, và một số thông tin bị mất ở các cạnh. Dò nét đọc các chấm và đề xuất các đường cong đi qua chúng. Đề xuất thường rất tốt, nhưng nó không phải đường cong gốc. Nếu SVG gốc còn tồn tại, hãy dùng nó.

Khi nào nên tránh dò nét

Đừng dò nét ảnh chụp, và đừng mong một bản dò tái tạo được chữ mảnh của một logo nhỏ. Với những thứ đó, hãy giữ nguyên hình như đã có, hoặc vẽ lại tác phẩm trong chương trình vẽ dùng PNG làm hướng dẫn.

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

Logo chỉ tồn tại dưới dạng PNG

Một khách hàng gửi logo dưới dạng PNG, và bạn cần nó lớn hơn hoặc đổi màu. Hãy chuyển PNG sang SVG, kiểm tra kết quả và dọn trong chương trình vẽ. Với một logo đơn giản, kết quả có thể xuất sắc.

Cắt và khắc

Máy vẽ, máy cắt decal và máy khắc laser làm việc từ đường viền vector. Một SVG dò nét của một bóng hình hay một con dấu cho chúng thứ chúng cần.

Biểu tượng và hình minh họa đơn giản

Biểu tượng phẳng dò gần như hoàn hảo. Sau đó bạn có thể đổi màu, phóng to và dùng chúng trên web mà không mất mát.

Chữ ký và con dấu

Một chữ ký được quét hoặc chụp trên nền trắng có thể được dò thành một SVG một màu co giãn gọn gàng trong tài liệu. Hãy cẩn thận chỉ dùng chữ ký của chính bạn.

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

Bắt đầu từ PNG lớn nhất, sạch nhất bạn có

Càng nhiều điểm ảnh và cạnh càng sạch, bản dò càng tốt. Một bức hình nhỏ, mờ cho kết quả sần sùi.

Loại bỏ nhiễu trước

Đốm nhỏ, chấm lạc và vết nén trở thành các hình thừa. Nếu có thể, hãy dọn bức hình trong trình chỉnh sửa trước khi bạn chuyển PNG sang SVG.

Dùng độ tương phản cao

Các màu tách biệt dò tốt. Một bức hình có hai vùng gần như cùng sắc độ có thể bị gộp thành một.

Giữ PNG

PNG là nguồn. Nếu bản dò không tốt, bạn sẽ muốn nó để thử lại với các thiết lập khác.

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

Tôi có lấy lại được vector gốc không?

Không. Dò nét là phép đoán chứ không phải khôi phục. Nó đề xuất các hình theo đường viền của các màu trong bức hình.

Vì sao ảnh chụp của tôi trông như áp phích?

Vì một bức ảnh không có vùng phẳng để tìm. Dò nét biến nó thành các mảng màu. Hãy giữ ảnh chụp như đã có.

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

Có, dù bạn chọn cách nào. Một nền nhìn xuyên qua vẫn trống.

Giữ nguyên bức hình thì làm gì?

Nó cho một tệp là SVG ở bên ngoài và cùng những điểm ảnh ở bên trong. Nó hữu ích khi có thứ chỉ nhận .svg.

Bức hình của tôi có bị tải lên không?

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

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

Có. SVG sang PNG vẽ các hình ở kích thước bạn chọn.

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

Dò nét hay giữ nguyên?

Hãy dò nét tác phẩm phẳng. Hãy giữ nguyên ảnh chụp và bất cứ thứ gì chi tiết. Nếu bạn không chắc, hãy thử dò nét và xem kết quả cạnh bản gốc.

Những điểm khởi đầu khác

Nếu bức hình của bạn là JPG, JPG sang SVG hoạt động tương tự, dù nhiễu nén cần được chú ý. Với tệp biểu tượng, ICO sang SVG đọc kích thước lớn nhất bên trong.

Giữ thứ bạn đã bắt đầu

Hãy lưu PNG cạnh SVG. Chúng là những thứ khác nhau, và mỗi thứ có công dụng riêng.

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

Mở nó trong chương trình vẽ

Nhìn các hình và các màu. Xóa đốm lạc, gộp những hình lẽ ra là một và làm mượt các đường cong bị sần sùi.

Kiểm tra ở nhiều kích thước

Phóng to và thu nhỏ. Một bản dò tốt giữ được hình ở mọi kích thước.

Đơn giản hóa cho web

Một SVG dò nét có thể chứa nhiều điểm. Các công cụ đơn giản hóa đường dẫn có thể giảm đáng kể tệp mà không thay đổi nhìn thấy được.

Chuẩn bị PNG để nó dò tốt

Làm phẳng các màu

Nếu bức hình của bạn có dải chuyển màu mờ hoặc nhiễu ở những chỗ lẽ ra là vùng phẳng, hãy giảm số màu trong trình chỉnh sửa trước. Bản dò sẽ sạch hơn khi bạn chuyển PNG sang SVG.

Cắt sát

Hãy loại bỏ lề trống và mọi thứ không thuộc tác phẩm. Ít thứ phải dò hơn nghĩa là ít hình lạc hơn.

Thử một phần nhỏ trước

Nếu bức hình phức tạp, hãy dò một phần đã cắt trước. Một cái nhìn nhanh cho thấy các thiết lập có đúng không.

Có bản dò tốt nhất khi bạn chuyển PNG sang SVG

Bắt đầu với các màu bạn mong đợi

Hãy đếm màu của tác phẩm trước khi bạn chuyển PNG sang SVG. Một logo dùng một màu xanh, một màu trắng và một màu đen đòi ba, có thể bốn nếu tính cả nền trong suốt. Yêu cầu số lượng đó cho các hình sạch, khớp với thiết kế. Yêu cầu hai mươi sẽ mời công cụ tìm hai mươi sắc xanh hơi khác nhau trong nhiễu nén và vẽ mỗi sắc thành một hình riêng.

Chú ý các cạnh

Đường biên giữa hai màu trong một PNG thường là một đường mềm gồm các sắc độ trung gian, vì bức hình đã được làm mịn khi vẽ. Dò nét phải quyết định cạnh nằm ở đâu trong đường mềm đó. Nó chọn giữa, gần như luôn đúng, nhưng một nét rất mảnh có thể vỡ thành từng mảnh hoặc dày lên. Nếu các nét trong tác phẩm của bạn chỉ rộng một hai điểm ảnh, hãy bắt đầu từ phiên bản lớn hơn của bức hình.

Nghĩ về màu trắng

Màu trắng có thể là một màu của tác phẩm hoặc là nền trống. Nếu PNG của bạn có nền trong suốt, nó vẫn trống, và không cần làm gì. Nếu nền là giấy trắng, không có độ trong suốt, việc dò sẽ gồm nó như một hình trắng phía sau tác phẩm, mà bạn có thể muốn xóa trong chương trình vẽ để logo nằm gọn trên các màu khác.

Dùng SVG ở những cỡ nó xứng đáng

Ưu điểm lớn của kết quả là nó phóng to được. Hãy dùng nó cho áp phích, biển hiệu, miếng vá thêu hoặc biểu tượng trang, và tận hưởng việc không phải xin một tệp lớn hơn. Khi bạn cần hình điểm ảnh trở lại, SVG sang PNG vẽ các hình ở bất kỳ kích thước nào bạn chọn.

So với vẽ lại

Với một logo quan trọng, dò nét có thể là điểm khởi đầu chứ không phải kết thúc. Một nhà thiết kế có thể đặt các hình dò được lên một lớp, vẽ lại các đường cong với điểm sạch và cuối cùng có một tệp dễ chịu khi làm việc. Nếu logo là bộ mặt của một công ty, giờ đó là đáng bỏ ra. Cho nhu cầu hằng ngày, một bản dò tốt là đủ.

Cẩn thận với nhãn hiệu và tác phẩm của người khác

Dò nét một logo hay một bản vẽ không cho bạn quyền với nó. Hãy dùng phép chuyển đổi cho tác phẩm bạn sở hữu hoặc được phép dùng. Với nhãn hiệu của chính bạn, đó là cách tiện để cập nhật những bức hình cũ.

Giữ những thiết lập bạn thích

Khi bạn tìm ra số màu hợp với một loại tác phẩm nhất định, hãy ghi lại. Lần sau khi bạn chuyển PNG sang SVG cho một logo hay biểu tượng tương tự, bạn sẽ bắt đầu từ thiết lập mà bạn biết cho hình sạch.

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

Vì sao chuyển đổi cục bộ quan trọng với tác phẩm

Logo và thiết kế có thể là 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 kết quả về, và trong một thời gian 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 bạn làm việc, nên bức hình ở lại trên thiết bị.

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

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

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

Bản dò đầy đốm

Bức hình chứa nhiễu. Hãy dọn nó trong trình chỉnh sửa, hoặc giảm số màu.

Các hình quá thô

Hãy tăng số màu, hoặc bắt đầu từ một PNG lớn hơn.

Trang đơ với bức hình lớn

Mọi thứ chạy trên thiết bị của bạn, và một bức hình lớn cần bộ nhớ. Hãy thử lại trên máy tính, hoặc giảm bức hình trước.

Các công cụ liên quan

Cùng họ công cụ bao quát các việc lân cận. Với JPG, hãy dùng JPG sang SVG, và với tệp biểu tượng, ICO sang SVG. Để quay lại điểm ảnh, SVG sang PNG, SVG sang JPG và SVG sang ICO vẽ các hình ở kích thước bạn chọn. Một trang vector để in có từ SVG sang PDF, và một PNG nhẹ hơn từ nén PNG.

Một ví dụ có lời giải

Giả sử một doanh nghiệp nhỏ gửi bạn logo của họ dưới dạng PNG 500 nhân 500 điểm ảnh: một chiếc khiên xanh với một chữ cái trắng. Bạn cần nó cho một băng-rôn rộng hai mét. Bạn thả PNG vào đây, chọn dò nét với ba màu và nhấn nút. Một lúc sau bạn tải về một SVG có cùng tỷ lệ, trong đó chiếc khiên và chữ cái là những hình sạch. Bạn mở nó trong chương trình vẽ, xóa hai đốm lạc và phóng nó cho vừa băng-rôn. Các cạnh vẫn sắc. PNG vẫn nằm trong thư mục của bạn.

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

Trước khi chuyển

Kiểm tra bức hình là tác phẩm phẳng. Dọn nhiễu và cắt sát. Giữ PNG.

Trong khi chuyển

Chọn dò nét hay giữ nguyên, và đặt các màu. Ở lại trên trang cho đến khi tệp sẵn sàng.

Sau khi chuyển

Mở SVG, phóng to, so với PNG và chỉnh nó trong chương trình vẽ.

Những sai lầm thường gặp

Dò nét ảnh chụp

Một bức ảnh thành một tấm áp phích các mảng. Hãy giữ nó như đã có.

Mong có các đường cong gốc

Dò nét là phép đoán. Nếu SVG gốc còn tồn tại, hãy dùng nó.

Dùng quá nhiều màu

Nhiều màu hơn cho các hình nhiễu. Hãy dùng ít như tác phẩm cần.

Bức hình của bạn ở lại trên thiết bị của bạn

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

Tóm tắt

Để chuyển PNG sang SVG ở đây, hãy thả bức hình, chọn điều xảy ra với nó và nhấn nút. Bạn chọn: bức hình thành các hình khối, hoặc giữ nguyên đúng như đã có, và mỗi lựa chọn tốn gì được ghi trên trang này, trước khi bạn bỏ thời gian. Độ trong suốt được giữ, dù bạn chọn cách nào, và dò nét giữ tỷ lệ của tác phẩm và kích thước điểm ảnh gốc của nó trong chiều rộng và chiều cao của SVG. Dò nét là phép đoán, không phải khôi phục: nó tìm xem các vùng màu phẳng kết thúc ở đâu và ghi các đường viền đó thành hình, gần đúng với một logo, một biểu tượng hay nét vẽ, và gần như vô dụng với một bức ảnh chụp. Những bức hình lớn hơn 1000 điểm ảnh ở cạnh dài được đọc ở cỡ đó.