24 converter หน่วย · สกุลเงิน · ไฟล์

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

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

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

วางไฟล์ SVG ที่นี่ หรือเลือกไฟล์

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

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

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

แปลงจาก SVG

แปลงเป็น SVG

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

คำสั่งถูกทำตามหนึ่งครั้ง

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

แซนด์บ็อกซ์ที่ไม่มีสิ่งใดทำงานได้

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

คุณเลือกขนาด

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

สิ่งที่ถูกเก็บไว้

ทุกรูปทรงตามที่วาด

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

สัดส่วนของงานภาพวาดเอง

สัดส่วนของภาพวาดถูกเก็บไว้ จึงไม่ถูกยืดหรือบีบ หาก SVG กว้างเป็นสองเท่าของความสูง PNG ก็เป็นเช่นนั้นด้วย

ความโปร่งใส

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

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

PNG มีขนาดเดียวตลอดไป

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

ฟอนต์และรูปภาพจากที่อื่นไม่ถูกโหลด

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

ขนาดไฟล์ขึ้นอยู่กับรูปภาพ

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

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

เพิ่มภาพวาดของคุณ

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

เลือกขนาด

เลือกความกว้างของ PNG คิดถึงสถานที่ที่ใหญ่ที่สุดที่จะใช้รูปภาพนี้ แล้วเลือกขนาดนั้น

แปลงและดาวน์โหลด

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

มองให้ลึกขึ้นเกี่ยวกับ SVG และ PNG

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

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

ทำไมต้อง PNG ไม่ใช่ JPG

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

ความละเอียดและหน้าจอ

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

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

โลโก้สำหรับอีเมลและเครือข่ายสังคม

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

รูปภาพสำหรับเอกสารและการนำเสนอ

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

ไอคอนสำหรับแอปและเว็บไซต์

ชุดไอคอนที่วาดเป็น SVG มักต้องการเวอร์ชัน PNG สำหรับที่ที่อ่านเวกเตอร์ไม่ได้ ให้สร้างที่ขนาดที่ต้องการ และเก็บ SVG ไว้เป็นต้นฉบับหลัก

แผนภูมิและแผนภาพ

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

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

ตรวจดูว่า SVG ดูเป็นอย่างไรในเบราว์เซอร์

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

เปลี่ยนข้อความเป็นเส้นโครงร่างเพื่อความแม่นยำ

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

ฝังรูปภาพ

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

เลือกขนาดโดยคำนึงถึงอนาคต

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

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

ฉันควรเลือกขนาดไหน

ขนาดที่ใหญ่ที่สุดที่คุณจะต้องใช้ คุณย่อ PNG ลงได้เสมอ แต่ขยายโดยไม่เบลอไม่ได้

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

ใช่ พื้นหลังโปร่งใสใน SVG จะโปร่งใสใน PNG

ทำไมข้อความของฉันดูต่างไป

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

ทำไมรูปภาพที่เชื่อมโยงไว้จึงหายไป

รูปภาพที่ดึงมาจากนอกไฟล์จะไม่ถูกโหลด ให้ฝังรูปภาพไว้ใน SVG

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

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

ฉันย้อนกลับไปเป็นเวกเตอร์ได้หรือไม่

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

เลือกอย่างชาญฉลาดเมื่อแปลง SVG เป็น PNG

ตัดสินใจเรื่องปลายทาง

หน้าเว็บต้องการขนาดปานกลาง งานพิมพ์ต้องการขนาดใหญ่ ไอคอนต้องการขนาดเล็กและเรียบง่าย ให้เลือก PNG ให้เหมาะกับสถานที่

เปรียบเทียบกับตัวเลือกอื่น

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

เก็บ SVG ไว้

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

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

ตรวจสอบขอบ

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

ตรวจสอบกับพื้นหลังสี

วาง PNG บนสีที่จะใช้จริง ขอบโปร่งใสอาจเผยให้เห็นขอบจาง ๆ หากต้นฉบับมีเงานุ่ม ๆ และควรพบสิ่งนี้ตั้งแต่ตอนนี้

ทำให้เบาลงหากจำเป็น

หากไฟล์หนัก บีบอัด PNG ลดน้ำหนักโดยรูปลักษณ์ไม่เปลี่ยนอย่างเห็นได้ชัด

ใช้ประโยชน์ให้เต็มที่เมื่อแปลง SVG เป็น PNG

เตรียม SVG ก่อนแปลง SVG เป็น PNG

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

สร้างหลายขนาดในครั้งเดียว

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

คิดถึงพื้นหลัง

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

ตั้งชื่อให้มีความหมาย

ใช้ชื่อที่บอกว่ารูปภาพคืออะไรและใหญ่เท่าใด เช่น logo-1600 เมื่อคุณพบไฟล์หนึ่งปีต่อมาในโฟลเดอร์ที่เต็มไปด้วยรูปภาพ คุณจะรู้ทันทีว่าไฟล์ไหนคือไฟล์นั้น

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

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

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

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

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

หากมีสิ่งผิดปกติ

รูปภาพออกมาว่างเปล่า

SVG อาจไม่มีขนาดหรือ view box เปิดด้วยโปรแกรมแก้ไขข้อความและตรวจสอบว่ามี width และ height หรือ view box หรือแก้ไขในโปรแกรมวาดภาพของคุณ

รูปภาพถูกตัด

SVG บางไฟล์มีองค์ประกอบที่ยื่นออกนอกพื้นที่ที่ประกาศไว้ ให้ปรับ view box ในไฟล์ต้นฉบับเพื่อให้ทุกอย่างพอดี

หน้าค้างเมื่อเลือกขนาดใหญ่มาก

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

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

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

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

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

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

ก่อนแปลง

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

ระหว่างแปลง

อยู่ที่หน้านี้จนกว่าไฟล์จะพร้อม

หลังแปลง

เปิด PNG ตรวจสอบขอบและข้อความ ทดสอบบนพื้นหลังจริง และเก็บ SVG ไว้

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

เลือกขนาดที่เล็กเกินไป

PNG มีขนาดเดียวตลอดไป การขยายทีหลังทำให้เบลอ ให้เลือกอย่างเผื่อไว้

พึ่งพาฟอนต์และรูปภาพที่เชื่อมโยงไว้

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

ทิ้ง SVG

เก็บไว้ เพราะเป็นเวอร์ชันเดียวที่ปรับสเกลได้ไม่จำกัด

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

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

สรุป

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

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