แปลง PNG เป็น SVG Portable Network Graphics ↔ Scalable Vector Graphics ฟรี ออนไลน์ ปลอดภัย

วางไฟล์ PNG ของคุณลงมา แล้วรับ SVG กลับไป คุณเลือกได้ว่าจะให้รูปภาพเป็นอย่างไร จะกลายเป็นรูปทรง หรือคงไว้ตามที่เป็นมา — และสิ่งที่แต่ละทางเลือกต้องแลก ก็เขียนไว้ด้านล่าง ก่อนที่คุณจะเสียเวลาไปกับมัน

แปลงไฟล์ของคุณ

วางไฟล์ PNG ของคุณที่นี่ หรือเลือกไฟล์

ไฟล์ของคุณไม่เคยออกจากอุปกรณ์นี้ ทุกอย่างทำงานในเบราว์เซอร์ของคุณ

เกี่ยวกับตัวแปลงนี้

สิ่งที่คงไว้ ความโปร่งใส ไม่ว่าคุณจะเลือกแบบไหน: พื้นหลังโปร่งใสจะยังว่างอยู่ ไม่กลายเป็นสีขาว การเทรซคงสัดส่วนของงานภาพและขนาดพิกเซลเดิมไว้ในความกว้างและความสูงของ SVG จึงวางลงในเลย์เอาต์ได้ที่ขนาดเดิม.

สิ่งที่ทำไม่ได้ การเทรซคือการเดา ไม่ใช่การกู้คืน มันหาว่าพื้นที่สีเรียบสิ้นสุดตรงไหน แล้วเขียนขอบเหล่านั้นเป็นรูปทรง — ซึ่งใกล้เคียงกับที่ถูกต้องสำหรับโลโก้ ไอคอน หรือเส้นลายเส้น และแทบไร้ประโยชน์สำหรับภาพถ่าย ที่ผลออกมาเป็นโปสเตอร์ของปะติดปะต่อ ขอบนุ่มและการไล่สีจะกลายเป็นขั้นแข็งระหว่างสีที่คุณขอ รูปที่ใหญ่กว่า 1000 พิกเซลที่ด้านยาวจะถูกอ่านที่ขนาดนั้น SVG ยังคงมีขนาดเดิม และเพราะเป็นเวกเตอร์ จึงขยายกลับได้ การคงรูปไว้จะได้ไฟล์ที่ภายนอกเป็น SVG และภายในเป็นพิกเซลเดิม — มีประโยชน์เมื่อมีบางอย่างรับได้เฉพาะ .svg ไม่ใช่วิธีที่จะได้งานเวกเตอร์.

ทำงานที่ไหน ในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลด จึงไม่มีอะไรต้องลบทีหลัง

ไม่มีการอัปโหลด

แปลงจาก PNG

PNG → PDF PNG → JPG PNG → WebP PNG → SVG

แปลงเป็น PNG

JPG → PNG PDF → PNG WebP → PNG SVG → PNG

อะไรทำให้เวกเตอร์ต่างออกไป

SVG ไม่ใช่รูปภาพ แต่เป็นชุดคำสั่งสำหรับวาดรูปภาพ เช่น วงกลมรัศมีเท่านี้ตรงตำแหน่งนี้ เส้นตรงจากจุดนี้ไปยังจุดนั้น รูปทรงนี้ที่ระบายด้วยสีนั้น SVG กลายเป็นมาตรฐานของเว็บในปี 2001 และเพราะเก็บวิธีวาดไว้แทนที่จะเก็บผลลัพธ์ ไฟล์เดียวกันจึงพิมพ์ลงบนป้ายโฆษณาขนาดใหญ่ได้ และแสดงเป็นไอคอนขนาด 16 พิกเซลได้เช่นกัน ส่วน PNG หรือ JPEG เก็บในทางตรงข้าม คือเก็บตารางจุดสีที่เสร็จสมบูรณ์แล้ว โดยไม่มีบันทึกว่าอะไรเป็นผู้วาดจุดเหล่านั้น ความไม่สมมาตรนี้เป็นตัวกำหนดทุกอย่างในหน้านี้ การแปลงจากเวกเตอร์เป็นแรสเตอร์ก็คือการวาดตามคำสั่งในขนาดที่เลือก ส่วนการแปลงย้อนกลับคือการแปลงภาพเป็นเวกเตอร์ (tracing) ซึ่งโปรแกรมต้องดูตารางจุดแล้วเดาว่ารูปทรงแบบใดน่าจะทำให้เกิดภาพนั้น

คุณจะพบได้ที่ไหน

โลโก้ ไอคอน แผนที่ แผนภาพ และแผนภูมิ มักอยู่ในรูปแบบ SVG เพราะต้องอ่านได้ชัดทุกขนาดและมักต้องเปลี่ยนสีบ่อย ไอคอนเว็บ (favicon) และไอคอนแอปก็สร้างจากไฟล์ประเภทนี้ ส่วนการแปลงในทิศทางตรงข้ามใช้เมื่อต้องเปลี่ยนเวกเตอร์ให้เป็นภาพแบน เช่น โปรแกรมอีเมลที่ไม่แสดง SVG ภาพตัวอย่างสำหรับโซเชียลมีเดีย เอกสารที่ต้องส่งให้คนที่ใช้ซอฟต์แวร์รุ่นเก่ากว่าของคุณพิมพ์ หรือแบบฟอร์มอัปโหลดที่รับเฉพาะภาพถ่าย

คำถามที่คนมักถาม

ฉันแปลงภาพถ่ายเป็นเวกเตอร์แล้วผลออกมาแย่มาก เพราะอะไร

เพราะการแปลงภาพเป็นเวกเตอร์ไม่ได้ออกแบบมาสำหรับภาพถ่าย วิธีนี้ทำงานโดยหาบริเวณที่สีใกล้เคียงกันแล้ววาดเส้นขอบล้อมรอบแต่ละบริเวณ ซึ่งเหมาะกับงานกราฟิกแบบแบน เช่น โลโก้ ลายฉลุ หรือภาพวาดเส้น แต่ใช้ไม่ได้กับภาพถ่าย เพราะในภาพถ่ายทุกบริเวณไล่เฉดสีต่อเนื่องไปยังบริเวณถัดไป โปรแกรมจึงต้องสร้างเส้นแบ่งขึ้นมาเองทั้งที่ไม่มีเส้นแบ่งอยู่จริง ผลที่ได้จึงเป็นภาพคล้ายโปสเตอร์ที่เป็นหย่อมสีแบน ๆ หรือเป็นไฟล์ที่มีรูปทรงเล็ก ๆ นับหมื่นรูป สำหรับภาพถ่าย ควรเก็บไว้เป็นแรสเตอร์

ทำไม SVG ของฉันดูต่างไปเมื่อเปิดในโปรแกรมอื่น

สาเหตุส่วนใหญ่คือฟอนต์ SVG ที่มีข้อความอยู่ภายในจะอ้างถึงฟอนต์ด้วยชื่อ และคาดหวังให้เครื่องที่เปิดไฟล์มีฟอนต์นั้น หากไม่มี ระบบจะนำฟอนต์อื่นมาแทน และเลย์เอาต์ก็เลื่อนผิดไป วิธีแก้คือแปลงข้อความเป็นเส้นโครงร่าง (outline) ก่อนส่งออก ซึ่งจะเปลี่ยนตัวอักษรแต่ละตัวให้เป็นรูปทรง และทำให้ไฟล์แสดงผลเหมือนกันทุกที่ แต่ข้อความจะแก้ไขหรือเลือกไม่ได้อีกต่อไป อีกสาเหตุที่พบบ่อยคือเอฟเฟกต์ขั้นสูง เช่น ตัวกรองและโหมดการผสมสี

ไฟล์จะสูญเสียคุณภาพหรือไม่?

ขึ้นอยู่กับว่ารูปแบบทั้งสองเก็บอะไรได้บ้าง การแปลงระหว่างรูปแบบที่เก็บสิ่งเดียวกัน เช่น PNG เป็น BMP หรือ WAV เป็น FLAC ไม่สูญเสียอะไรเลย การแปลงไปเป็นรูปแบบที่ทิ้งข้อมูลบางส่วนเพื่อประหยัดพื้นที่ เช่น JPEG หรือ MP3 จะสูญเสียเล็กน้อยทุกครั้ง และการแปลงกลับไม่ได้นำสิ่งที่เสียไปคืนมา เมื่อมีตัวเลือกให้เลือก หน้านี้จะเอนไปทางรักษาคุณภาพเดิมไว้ มากกว่าทำให้ไฟล์เล็กที่สุด

ไฟล์ของฉันถูกอัปโหลดไปที่ใดหรือไม่?

ไม่ การแปลงเกิดขึ้นภายในเบราว์เซอร์ บนเครื่องของคุณเอง ไฟล์ไม่เคยออกจากเครื่อง และที่นี่ไม่มีเซิร์ฟเวอร์ที่จะรับไฟล์ได้ นั่นคือเหตุผลที่ไฟล์ขนาดใหญ่ถูกจำกัดด้วยหน่วยความจำของเครื่องคุณเอง ไม่ใช่ด้วยการอัปโหลด และเหตุผลที่ไม่มีสิ่งใดที่คุณแปลงไปปรากฏในบันทึกของใครได้ รวมถึงของเราด้วย เครื่องมือเสียงและวิดีโอจะดึงเอนจินแปลงไฟล์จากเว็บไซต์นี้ในการใช้ครั้งแรก ประมาณ 30 เมกะไบต์ครั้งเดียว หลังจากนั้นงานก็ยังเกิดขึ้นบนเครื่องของคุณทั้งหมด

ทำไมผู้คนจึงแปลง PNG เป็น SVG

PNG คือตารางของจุดสี ส่วน SVG คือภาพวาดที่อธิบายด้วยรูปทรง ความต่างนี้กำหนดว่าคุณทำอะไรกับไฟล์ทั้งสองได้บ้าง PNG มีขนาดคงที่และจะเบลอเมื่อขยาย ขณะที่ SVG ขยายให้ใหญ่เท่าด้านข้างของตึกได้และยังคมชัด โลโก้ ไอคอน และภาพประกอบลายเส้นมักมีอยู่เพียงในรูป PNG เพราะนั่นคือวิธีที่บันทึกหรือส่งมา แล้วก็เกิดความจำเป็นต้องใช้ในขนาดที่ใหญ่ขึ้น เปลี่ยนสี ตัดด้วยเครื่องพล็อตเตอร์หรือเครื่องตัดไวนิล หรือนำไปใส่ในเว็บไซต์ที่ขอไฟล์ SVG นั่นคือเหตุผลที่ผู้คนแปลง PNG เป็น SVG พวกเขามีรูปภาพ และต้องการภาพวาด

สิ่งสำคัญคือต้องซื่อตรงว่าการแปลงเช่นนี้ทำอะไรได้และทำอะไรไม่ได้ การเปลี่ยนพิกเซลกลับเป็นรูปทรงไม่ใช่การกู้คืนภาพวาดต้นฉบับ ซึ่งหายไปแล้ว แต่เป็นการเดา โดยดูว่าบริเวณสีเรียบสิ้นสุดตรงไหน สำหรับโลโก้ ไอคอน หรือภาพลายเส้น การเดามักใกล้เคียงความจริง สำหรับภาพถ่าย แทบใช้ไม่ได้เลย หน้านี้มีให้สองทางเลือก และบอกว่าแต่ละทางต้องแลกกับอะไรก่อนที่คุณจะเสียเวลา คุณจะปล่อยให้รูปภาพกลายเป็นรูปทรงด้วยการลอกเส้น หรือจะเก็บรูปภาพไว้ตรงตามที่มาโดยห่อไว้ใน SVG ก็ได้

หน้านี้แปลง PNG เป็น SVG ในเบราว์เซอร์ของคุณ รูปภาพของคุณไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ ซึ่งสำคัญสำหรับโลโก้และงานออกแบบที่ยังไม่เผยแพร่ ด้านล่างนี้คุณจะพบว่าการลอกเส้นทำงานอย่างไร เลือกจำนวนสีอย่างไร สิ่งที่คงไว้ และเมื่อใดที่คำตอบที่ดีกว่าคือไม่ลอกเส้นเลย

การแปลงทำงานอย่างไร

สองทางเลือกสำหรับสิ่งที่จะเกิดกับรูปภาพ

คุณเลือกว่าจะเกิดอะไรกับรูปภาพ คือกลายเป็นรูปทรง หรือคงอยู่ตรงตามที่มา ทางแรกคือการลอกเส้น รูปภาพจะถูกวิเคราะห์ พบบริเวณที่มีสีเดียว และขอบของบริเวณเหล่านั้นถูกเขียนเป็นรูปทรงที่เติมด้วยสีที่คุณกำหนด ทางที่สองคือการห่อ รูปภาพถูกวางไว้ในไฟล์ SVG โดยไม่เปลี่ยนแปลง ไฟล์จึงเป็น SVG ภายนอก และเป็นพิกเซลเดิมภายใน

การลอกเส้นคือการเดา ไม่ใช่การกู้คืน

การลอกเส้นหาว่าบริเวณสีเรียบสิ้นสุดตรงไหนและเขียนขอบเหล่านั้นเป็นรูปทรง สำหรับโลโก้ ไอคอน หรือภาพลายเส้นจะใกล้เคียงความจริง ส่วนภาพถ่ายแทบใช้ไม่ได้ เพราะได้ผลลัพธ์เป็นโปสเตอร์ที่แบ่งเป็นหย่อม ขอบที่นุ่มและการไล่สีจะกลายเป็นขั้นแข็งระหว่างสีที่คุณกำหนด ยิ่งอนุญาตให้ใช้สีมาก ผลลัพธ์ก็ยิ่งใกล้เคียงต้นฉบับ และไฟล์ก็ยิ่งหนัก

การเก็บรูปภาพไว้

การเก็บรูปภาพไว้จะได้ไฟล์ที่เป็น SVG ภายนอกและเป็นพิกเซลเดิมภายใน มีประโยชน์เมื่อบางอย่างรับเฉพาะ .svg และไม่ใช่วิธีที่จะได้ภาพเวกเตอร์ รูปภาพจะเบลอเมื่อขยาย เหมือนกับที่ PNG เป็น

สิ่งที่คงไว้

ความโปร่งใส ไม่ว่าคุณจะเลือกทางใด

ความโปร่งใสถูกคงไว้ ไม่ว่าคุณจะเลือกทางใด พื้นหลังโปร่งใสยังคงว่างเปล่าแทนที่จะกลายเป็นสีขาว โลโก้ที่ไม่มีพื้นหลังยังคงเป็นโลโก้ที่ไม่มีพื้นหลัง พร้อมวางบนสีใดก็ได้

สัดส่วนและขนาด

การลอกเส้นคงสัดส่วนของงานภาพและขนาดพิกเซลของมันเองไว้ในความกว้างและความสูงของ SVG จึงวางลงในเลย์เอาต์ได้ในขนาดเดิม รูปภาพขนาด 600 คูณ 300 พิกเซลจะได้ SVG ที่ระบุเป็น 600 คูณ 300 ซึ่งจากนั้นปรับขนาดได้อย่างอิสระ

สิ่งที่ควรรู้ก่อนแปลง PNG เป็น SVG

ใช้ได้ดีที่สุดกับสีเรียบ

โลโก้ ไอคอน ภาพประกอบง่าย ๆ ลายเซ็น ตราประทับ แผนภาพ และภาพลายเส้นคือวัสดุที่เหมาะสม สิ่งใดที่ประกอบด้วยบริเวณสีเรียบและมีขอบคมชัดจะลอกเส้นได้ดี ส่วนภาพถ่าย พื้นผิว และการไล่สีที่นุ่มจะไม่ได้ผล

รูปภาพใหญ่ถูกอ่านที่ขนาดลดลง

รูปภาพที่ใหญ่กว่า 1000 พิกเซลที่ด้านยาวจะถูกอ่านที่ขนาดนั้น SVG ยังคงมีขนาดดั้งเดิม และเพราะเป็นเวกเตอร์จึงขยายกลับขึ้นได้ ดังนั้น PNG ที่ใหญ่มากไม่ใช่ปัญหา แต่รายละเอียดที่ละเอียดที่สุดอาจหายไปในขั้นตอนการอ่าน

สีน้อยลง รูปทรงสะอาดขึ้น

เลือกจำนวนสีให้เหมาะกับรูปภาพ โลโก้สองสีต้องการสองหรือสามสี ภาพประกอบหลายสีต้องการมากกว่านั้น สีมากเกินไปทำให้รูปทรงมีสัญญาณรบกวน สีน้อยเกินไปทำให้บริเวณที่ต่างกันรวมกัน

วิธีแปลง PNG เป็น SVG ที่นี่

เพิ่มรูปภาพของคุณ

ลาก PNG มาวางที่หน้านี้หรือเลือกจากอุปกรณ์ของคุณ ไฟล์จะถูกอ่านภายในเบราว์เซอร์ของคุณและไม่ถูกอัปโหลด

เลือกการลอกเส้นหรือการเก็บไว้ และเลือกสี

ตัดสินใจว่ารูปภาพควรกลายเป็นรูปทรงหรือคงอยู่ตามที่มา หากคุณลอกเส้น ให้ตั้งจำนวนสี

แปลงและเปรียบเทียบ

กดปุ่มแล้วดาวน์โหลด SVG เปิดในเบราว์เซอร์และซูมเข้า การลอกเส้นที่ดีจะยังคงเรียบเนียน เปรียบเทียบกับ PNG เคียงข้างกัน และหากยังไม่ถูกต้อง ให้ปรับสีแล้วลองอีกครั้ง

มองใกล้ขึ้นที่ PNG และ SVG

ราสเตอร์และเวกเตอร์

PNG เป็นรูปแบบราสเตอร์ คือเก็บตารางของจุดสีที่มีขนาดคงที่ SVG เป็นรูปแบบเวกเตอร์ คือเก็บรูปทรงและกฎสำหรับการวาด การเปลี่ยนจากราสเตอร์เป็นเวกเตอร์หมายถึงการตัดสินว่ารูปทรงอยู่ตรงไหน ซึ่ง PNG ไม่เคยบันทึกไว้ การไปทางตรงข้าม คือ แปลง SVG เป็น PNG นั้นแม่นยำ ส่วนทิศทางนี้เป็นการประมาณ

ทำไมการลอกเส้นจึงกู้ต้นฉบับไม่ได้

เมื่อโลโก้ถูกบันทึกเป็น PNG เส้นโค้งของมันถูกเปลี่ยนเป็นจุด และข้อมูลบางส่วนหายไปที่ขอบ การลอกเส้นอ่านจุดเหล่านั้นและเสนอเส้นโค้งที่ผ่านจุดนั้น ข้อเสนอมักดีมาก แต่ไม่ใช่เส้นโค้งดั้งเดิม หากมี SVG ต้นฉบับอยู่ ให้ใช้ไฟล์นั้น

เมื่อใดควรหลีกเลี่ยงการลอกเส้น

อย่าลอกเส้นภาพถ่าย และอย่าคาดหวังว่าการลอกเส้นจะสร้างตัวอักษรละเอียดของโลโก้เล็ก ๆ ขึ้นใหม่ได้ สำหรับกรณีเหล่านั้น ให้เก็บรูปภาพไว้ตามที่มา หรือวาดงานภาพใหม่ในโปรแกรมวาดภาพโดยใช้ PNG เป็นแนวทาง

สถานการณ์ทั่วไปโดยละเอียด

โลโก้ที่มีอยู่เพียงในรูป PNG

ลูกค้าส่งโลโก้มาเป็น PNG และคุณต้องการให้ใหญ่ขึ้นหรือเปลี่ยนสี แปลง PNG เป็น SVG ตรวจผลลัพธ์ แล้วเก็บรายละเอียดในโปรแกรมวาดภาพ สำหรับโลโก้ง่าย ๆ ผลลัพธ์อาจยอดเยี่ยม

การตัดและการแกะสลัก

เครื่องพล็อตเตอร์ เครื่องตัดไวนิล และเครื่องแกะสลักเลเซอร์ทำงานจากเส้นขอบแบบเวกเตอร์ SVG ที่ลอกเส้นจากภาพเงาหรือตราประทับให้สิ่งที่พวกมันต้องการ

ไอคอนและภาพประกอบง่าย ๆ

ไอคอนแบบเรียบลอกเส้นได้เกือบสมบูรณ์ จากนั้นคุณเปลี่ยนสี ปรับขนาด และใช้บนเว็บได้โดยไม่สูญเสียคุณภาพ

ลายเซ็นและตราประทับ

ลายเซ็นที่สแกนหรือถ่ายภาพบนพื้นหลังสีขาวสามารถลอกเส้นเป็น SVG สีเดียวที่ปรับขนาดได้อย่างคมชัดในเอกสาร โปรดระวังให้ใช้เฉพาะลายเซ็นที่เป็นของคุณ

คำแนะนำเชิงปฏิบัติก่อนแปลง PNG เป็น SVG

เริ่มจาก PNG ที่ใหญ่ที่สุดและสะอาดที่สุดที่คุณมี

ยิ่งมีพิกเซลมากและขอบยิ่งสะอาด การลอกเส้นก็ยิ่งดี รูปภาพเล็กและเบลอให้ผลลัพธ์ที่เป็นก้อน ๆ

ลบสัญญาณรบกวนก่อน

จุดเล็ก ๆ จุดที่หลงมา และร่องรอยจากการบีบอัดจะกลายเป็นรูปทรงเพิ่ม หากทำได้ ให้ทำความสะอาดรูปภาพในโปรแกรมแก้ไขก่อนที่คุณจะแปลง PNG เป็น SVG

ใช้ความคมชัดสูง

สีที่แยกจากกันลอกเส้นได้ดี รูปภาพที่สองบริเวณมีเฉดเกือบเท่ากันอาจถูกรวมเป็นหนึ่ง

เก็บ PNG ไว้

PNG คือต้นฉบับ หากการลอกเส้นไม่ดี คุณจะต้องการมันเพื่อลองอีกครั้งด้วยการตั้งค่าอื่น

คำถามที่ผู้คนถามก่อนแปลง

ฉันจะได้เวกเตอร์ต้นฉบับกลับมาหรือไม่

ไม่ การลอกเส้นคือการเดาและไม่ใช่การกู้คืน มันเสนอรูปทรงที่ตามขอบของสีในรูปภาพ

ทำไมภาพถ่ายของฉันดูเหมือนโปสเตอร์

เพราะภาพถ่ายไม่มีบริเวณเรียบให้หา การลอกเส้นเปลี่ยนมันเป็นหย่อมสี ให้เก็บภาพถ่ายไว้ตามที่มา

ความโปร่งใสจะคงอยู่หรือไม่

ใช่ ไม่ว่าคุณจะเลือกทางใด พื้นหลังโปร่งใสยังคงว่างเปล่า

การเก็บรูปภาพไว้ทำอะไร

ได้ไฟล์ที่เป็น SVG ภายนอกและเป็นพิกเซลเดิมภายใน มีประโยชน์เมื่อบางอย่างรับเฉพาะ .svg

รูปภาพของฉันถูกอัปโหลดหรือไม่

ไม่ การแปลงทำงานในเบราว์เซอร์ของคุณ และรูปภาพไม่เคยออกจากอุปกรณ์ของคุณ

ฉันกลับไปเป็น PNG ได้หรือไม่

ได้ แปลง SVG เป็น PNG วาดรูปทรงในขนาดที่คุณเลือก

เลือกให้ดีเมื่อแปลง PNG เป็น SVG

ลอกเส้นหรือเก็บไว้

ลอกเส้นงานภาพแบบเรียบ เก็บภาพถ่ายและสิ่งที่มีรายละเอียดไว้ หากไม่แน่ใจ ให้ลองลอกเส้นแล้วดูผลลัพธ์เทียบกับต้นฉบับ

จุดเริ่มต้นอื่น ๆ

หากรูปภาพของคุณเป็น JPG แปลง JPG เป็น SVG ทำงานแบบเดียวกัน แม้ว่าสัญญาณรบกวนจากการบีบอัดต้องใส่ใจ สำหรับไฟล์ไอคอน แปลง ICO เป็น SVG อ่านขนาดที่ใหญ่ที่สุดภายในไฟล์

เก็บสิ่งที่คุณเริ่มต้นไว้

เก็บ PNG ไว้ข้าง SVG ทั้งสองเป็นคนละสิ่งกัน และแต่ละอย่างมีประโยชน์ของมัน

ได้ผลลัพธ์ที่ดีหลังการแปลง

เปิดในโปรแกรมวาดภาพ

ดูรูปทรงและสี ลบจุดเล็ก ๆ ที่หลงมา รวมรูปทรงที่ควรเป็นหนึ่งเดียว และทำให้เส้นโค้งที่ออกมาเป็นก้อนเรียบขึ้น

ตรวจที่หลายขนาด

ซูมเข้าและออก การลอกเส้นที่ดีจะรักษารูปทรงไว้ในทุกขนาด

ทำให้เรียบง่ายสำหรับเว็บ

SVG ที่ลอกเส้นอาจมีจุดจำนวนมาก เครื่องมือที่ทำให้เส้นทางเรียบง่ายขึ้นสามารถลดขนาดไฟล์ได้มากโดยไม่เห็นความเปลี่ยนแปลง

เตรียม PNG ของคุณให้ลอกเส้นได้ดี

ทำให้สีเรียบ

หากรูปภาพของคุณมีการไล่สีจาง ๆ หรือสัญญาณรบกวนในบริเวณที่ควรเรียบ ให้ลดจำนวนสีในโปรแกรมแก้ไขก่อน การลอกเส้นจะสะอาดขึ้นเมื่อคุณแปลง PNG เป็น SVG

ครอบตัดให้ชิด

ลบขอบว่างและสิ่งที่ไม่ใช่ส่วนหนึ่งของงานภาพ สิ่งที่ต้องลอกเส้นน้อยลงหมายถึงรูปทรงที่หลงมาน้อยลง

ทดสอบกับชิ้นเล็กก่อน

หากรูปภาพซับซ้อน ให้ลอกเส้นส่วนที่ครอบตัดไว้ก่อน การมองอย่างรวดเร็วจะบอกว่าการตั้งค่าถูกต้องหรือไม่

ได้การลอกเส้นที่ดีที่สุดเมื่อแปลง PNG เป็น SVG

เริ่มจากสีที่คุณคาดไว้

นับสีของงานภาพก่อนที่คุณจะแปลง PNG เป็น SVG โลโก้ที่ใช้สีน้ำเงิน สีขาว และสีดำต้องการสามสี หรืออาจสี่สีเมื่อรวมพื้นหลังโปร่งใส การขอจำนวนนั้นให้รูปทรงที่สะอาดและตรงกับการออกแบบ การขอยี่สิบสีเชิญชวนให้เครื่องมือหาสีน้ำเงินที่ต่างกันเล็กน้อยยี่สิบเฉดในสัญญาณรบกวนจากการบีบอัด และวาดแต่ละเฉดเป็นรูปทรงของตัวเอง

ระวังขอบ

เส้นแบ่งระหว่างสองสีใน PNG มักเป็นเส้นนุ่มของเฉดสีตรงกลาง เพราะรูปภาพถูกทำให้เรียบเมื่อถูกวาด การลอกเส้นต้องตัดสินว่าขอบอยู่ตรงไหนภายในเส้นนุ่มนั้น มันเลือกตรงกลาง ซึ่งเกือบทุกครั้งถูกต้อง แต่เส้นที่บางมากอาจแตกเป็นชิ้นหรือหนาขึ้น หากเส้นในงานภาพของคุณกว้างเพียงหนึ่งหรือสองพิกเซล ให้เริ่มจากรูปภาพเวอร์ชันที่ใหญ่กว่า

คิดถึงสีขาว

สีขาวอาจเป็นสีของงานภาพหรือเป็นพื้นหลังว่าง หาก PNG ของคุณมีพื้นหลังโปร่งใส พื้นหลังจะคงว่างเปล่าและไม่ต้องทำอะไร หากพื้นหลังเป็นกระดาษสีขาวที่ไม่โปร่งใส การลอกเส้นจะรวมมันเป็นรูปทรงสีขาวด้านหลังงานภาพ ซึ่งคุณอาจต้องการลบในโปรแกรมวาดภาพเพื่อให้โลโก้วางบนสีอื่นได้อย่างสะอาด

ใช้ SVG ในขนาดที่มันควรได้

ข้อได้เปรียบสำคัญของผลลัพธ์คือมันปรับขนาดได้ ใช้มันกับโปสเตอร์ ป้าย ผ้าปักติดเสื้อ หรือ favicon และเพลิดเพลินที่ไม่ต้องขอไฟล์ที่ใหญ่กว่า เมื่อคุณต้องการรูปภาพพิกเซลอีกครั้ง แปลง SVG เป็น PNG วาดรูปทรงในขนาดใดก็ได้ที่คุณเลือก

เปรียบเทียบกับการวาดใหม่

สำหรับโลโก้สำคัญ การลอกเส้นอาจเป็นจุดเริ่มต้นและไม่ใช่จุดสิ้นสุด นักออกแบบสามารถวางรูปทรงที่ลอกเส้นไว้บนเลเยอร์ วาดเส้นโค้งใหม่ด้วยจุดที่สะอาด และได้ไฟล์ที่ทำงานด้วยแล้วเป็นความสุข หากโลโก้คือหน้าตาของบริษัท หนึ่งชั่วโมงนั้นใช้ไปอย่างคุ้มค่า สำหรับความต้องการทั่วไป การลอกเส้นที่ดีก็เพียงพอ

ระวังเรื่องเครื่องหมายการค้าและผลงานของผู้อื่น

การลอกเส้นโลโก้หรือภาพวาดไม่ได้ให้สิทธิ์ในผลงานนั้นแก่คุณ ใช้การแปลงกับงานภาพที่คุณเป็นเจ้าของหรือได้รับอนุญาตให้ใช้ สำหรับเครื่องหมายของคุณเอง นี่เป็นวิธีที่สะดวกในการปรับรูปภาพเก่าให้ทันสมัย

เก็บการตั้งค่าที่คุณชอบ

เมื่อคุณพบจำนวนสีที่ใช้ได้ผลกับงานภาพประเภทหนึ่ง ให้จดไว้ ครั้งต่อไปที่คุณแปลง PNG เป็น SVG สำหรับโลโก้หรือไอคอนที่คล้ายกัน คุณจะเริ่มจากการตั้งค่าที่คุณรู้ว่าให้รูปทรงสะอาด

ความเป็นส่วนตัวและการจัดการ

ทำไมการแปลงในเครื่องจึงสำคัญสำหรับงานภาพ

โลโก้และงานออกแบบอาจเป็นความลับก่อนเผยแพร่ ตัวแปลงออนไลน์จำนวนมากอัปโหลดไฟล์ของคุณไปยังเซิร์ฟเวอร์ ประมวลผล และส่งผลลัพธ์กลับ และเป็นเวลาหนึ่งที่สำเนาอยู่บนเครื่องที่คุณควบคุมไม่ได้ ที่นี่เบราว์เซอร์ของคุณเองทำงาน รูปภาพจึงอยู่บนอุปกรณ์ของคุณ

จะเกิดอะไรขึ้นเมื่อคุณออกจากหน้า

เมื่อคุณปิดหน้านี้ ไฟล์ที่แปลงแล้วจะหายไปจากเบราว์เซอร์ ดังนั้นให้ดาวน์โหลดก่อน ไม่มีสิ่งใดเกี่ยวกับรูปภาพของคุณถูกเก็บไว้

หากมีบางอย่างผิดพลาด

การลอกเส้นเต็มไปด้วยจุดเล็ก ๆ

รูปภาพมีสัญญาณรบกวน ให้ทำความสะอาดในโปรแกรมแก้ไข หรือลดจำนวนสี

รูปทรงหยาบเกินไป

เพิ่มจำนวนสี หรือเริ่มจาก PNG ที่ใหญ่กว่า

หน้าค้างเมื่อใช้รูปภาพใหญ่

ทุกอย่างทำงานบนอุปกรณ์ของคุณ และรูปภาพใหญ่ต้องใช้หน่วยความจำ ลองอีกครั้งบนคอมพิวเตอร์ หรือลดขนาดรูปภาพก่อน

เครื่องมือที่เกี่ยวข้อง

กลุ่มเครื่องมือเดียวกันครอบคลุมงานใกล้เคียง สำหรับ JPG ใช้ แปลง JPG เป็น SVG และสำหรับไฟล์ไอคอน แปลง ICO เป็น SVG หากต้องการกลับไปเป็นพิกเซล แปลง SVG เป็น PNG แปลง SVG เป็น JPG และ แปลง SVG เป็น ICO วาดรูปทรงในขนาดที่คุณเลือก หน้าเวกเตอร์สำหรับพิมพ์ได้จาก แปลง SVG เป็น PDF และ PNG ที่เบากว่าได้จาก บีบอัด PNG

ตัวอย่างการใช้งานจริง

สมมติว่าธุรกิจขนาดเล็กส่งโลโก้มาให้คุณเป็น PNG ขนาด 500 คูณ 500 พิกเซล เป็นโล่สีน้ำเงินกับตัวอักษรสีขาว คุณต้องการใช้กับป้ายแบนเนอร์กว้างสองเมตร คุณวาง PNG ที่นี่ เลือกการลอกเส้นด้วยสามสี และกดปุ่ม ครู่ต่อมาคุณดาวน์โหลด SVG ที่มีสัดส่วนเดียวกัน ซึ่งโล่และตัวอักษรเป็นรูปทรงที่สะอาด คุณเปิดในโปรแกรมวาดภาพ ลบจุดเล็ก ๆ ที่หลงมาสองจุด และปรับขนาดให้พอดีกับแบนเนอร์ ขอบยังคงคมชัด PNG ยังอยู่ในโฟลเดอร์ของคุณ

รายการตรวจสอบสั้น ๆ

ก่อนแปลง

ตรวจว่ารูปภาพเป็นงานภาพแบบเรียบ ทำความสะอาดสัญญาณรบกวนและครอบตัดให้ชิด เก็บ PNG ไว้

ระหว่างแปลง

เลือกการลอกเส้นหรือการเก็บไว้ และตั้งสี อยู่ที่หน้านี้จนกว่าไฟล์จะพร้อม

หลังแปลง

เปิด SVG ซูมเข้า เปรียบเทียบกับ PNG และจัดให้เรียบร้อยในโปรแกรมวาดภาพ

ข้อผิดพลาดที่พบบ่อย

การลอกเส้นภาพถ่าย

ภาพถ่ายกลายเป็นโปสเตอร์ของหย่อมสี ให้เก็บไว้ตามที่มา

การคาดหวังเส้นโค้งดั้งเดิม

การลอกเส้นคือการเดา หากมี SVG ต้นฉบับอยู่ ให้ใช้ไฟล์นั้น

การใช้สีมากเกินไป

สีมากขึ้นให้รูปทรงที่มีสัญญาณรบกวน ใช้ให้น้อยเท่าที่งานภาพต้องการ

รูปภาพของคุณอยู่บนอุปกรณ์ของคุณ

การแปลงเกิดขึ้นในเครื่อง รูปภาพของคุณถูกอ่านโดยเบราว์เซอร์ของคุณเอง ลอกเส้นที่นั่น และส่งคืนเป็น SVG ไม่มีสิ่งใดถูกอัปโหลด จึงไม่มีสำเนาไปอยู่บนเซิร์ฟเวอร์และไม่มีใครอื่นมองเห็นได้ สำหรับงานภาพที่ยังไม่เผยแพร่ นี่คือวิธีที่ปลอดภัยในการแปลง PNG เป็น SVG

สรุป

หากต้องการแปลง PNG เป็น SVG ที่นี่ ให้วางรูปภาพ เลือกสิ่งที่จะเกิดกับมัน และกดปุ่ม คุณเลือกได้ว่ารูปภาพกลายเป็นรูปทรง หรือคงอยู่ตรงตามที่มา และสิ่งที่แต่ละทางต้องแลกเขียนไว้ในหน้านี้ก่อนที่คุณจะเสียเวลา ความโปร่งใสถูกคงไว้ ไม่ว่าคุณจะเลือกทางใด และการลอกเส้นคงสัดส่วนของงานภาพและขนาดพิกเซลของมันเองไว้ในความกว้างและความสูงของ SVG การลอกเส้นคือการเดา ไม่ใช่การกู้คืน คือหาว่าบริเวณสีเรียบสิ้นสุดตรงไหนและเขียนขอบเหล่านั้นเป็นรูปทรง ซึ่งใกล้เคียงความจริงสำหรับโลโก้ ไอคอน หรือภาพลายเส้น และแทบใช้ไม่ได้สำหรับภาพถ่าย รูปภาพที่ใหญ่กว่า 1000 พิกเซลที่ด้านยาวจะถูกอ่านที่ขนาดนั้น

ความยาวและพื้นที่ มวลและปริมาตร อุณหภูมิ สกุลเงิน