แปลง SVG เป็น PNG ได้ทันทีและฟรี เพลิดเพลินกับความเป็นส่วนตัว 100%: ไฟล์ของคุณได้รับการประมวลผลในเครื่องและจะไม่ rờiจากอุปกรณ์ของคุณ ยกระดับงานออกแบบของคุณไปอีกขั้นด้วยตัวคูณการแปลงแบบกำหนดเอง 5 ระดับ (1x, 2x, 3x, 4x และ 8x) ที่ออกแบบมาเพื่อขยาย เพิ่มประสิทธิภาพ และยกระดับความคมชัดของแต่ละภาพตามความต้องการที่แน่นอนของคุณ
ลากและวางไฟล์ SVG ของคุณที่นี่ หรือ เรียกดู
รองรับโค้ดเวกเตอร์ SVG แท้ (Scalable Vector Graphics)
การส่งออกที่ดีเริ่มต้นจากจุดที่จะนำภาพไปใช้งาน คู่มือนี้อธิบายวิธีเลือกสเกล การเตรียมไฟล์ SVG และการตรวจสอบ PNG ก่อนนำไปใช้งาน
ก่อนทำการแปลง ให้ตรวจสอบขนาดพิกเซลที่ร้องขอโดยเว็บไซต์ เอกสาร ระบบอีเมล หรือแอปพลิเคชันออกแบบที่จะรับภาพ เครื่องมือนี้จะปรับขนาดการเรนเดอร์ของ SVG ตามตัวคูณที่เลือก โดยไม่มีช่องกรอกความกว้างและความสูงกำหนดเอง หากแพลตฟอร์มร้องขอความกว้าง 1200 พิกเซล ให้เปรียบเทียบเป้าหมายนั้นกับความกว้างที่แสดงของ SVG และเลือกตัวคูณที่ใกล้เคียงโดยไม่ต้องสร้างไฟล์ที่มีขนาดใหญ่เกินความจำเป็น
ตัวเลือกคือ 1x, 2x, 3x, 4x และ 8x ตัวคูณจะมีผลทั้งความกว้างและความสูง: ต้นฉบับขนาด 200 × 100 ที่เรนเดอร์ที่ 2x จะกลายเป็น 400 × 200 พิกเซล จำนวนพิกเซลจะเพิ่มขึ้นตามกำลังสองของตัวคูณ ดังนั้น 8x จึงผลิตพิกเซลมากกว่า 1x ถึง 64 เท่า ผลลัพธ์ที่ใหญ่ขึ้นอาจใช้หน่วยความจำมากกว่ามากและอาจดูไม่ดีขึ้นเมื่อภาพต้นฉบับหรือจอแสดงผลปลายทางไม่ได้ต้องการมัน
สำหรับกราฟิกอินเทอร์เฟซมาตรฐาน 1x หรือ 2x มักจะเป็นจุดเริ่มต้นที่ใช้งานได้จริง 2x สามารถช่วยบนจอแสดงผลความหนาแน่นสูงเมื่อเลย์เอาต์ปลายทางย่อภาพลง เลือก 3x หรือ 4x เฉพาะเมื่อการออกแบบต้องการขนาดพิกเซลเพิ่มเติม ใช้ 8x อย่างระมัดระวังเนื่องจากแคนวาสขนาดใหญ่อาจใช้เวลาเรนเดอร์นานขึ้นหรือเกินขีดจำกัดของเบราว์เซอร์
เลือก Transparent (โปร่งใส) เมื่อต้องวาง PNG ทับบนหน้าที่มีสี งานนำเสนอ หรือภาพอื่น เลือก White (สีขาว) เมื่อปลายทางคาดหวังว่าจะเป็นสี่เหลี่ยมผืนผ้าสีขาวหรือเมื่อพื้นหลังทึบทำให้ตรวจสอบงานกราฟิกได้ง่ายขึ้น PNG รองรับความโปร่งใส แต่ออปพลิเคชันปลายทางอาจแสดงพิกเซลโปร่งใสทับลายตารางหมากรุกหรืออาจทำให้แบนราบเมื่อคุณแทรกภาพ
เปิดไฟล์ต้นฉบับในโปรแกรมแก้ไขเวกเตอร์และตรวจสอบว่ามี viewBox ที่สมเหตุสมผลและมีงานกราฟิกที่มองเห็นได้ภายใน viewBox นั้น แปลงหรือฝังฟอนต์หากการออกแบบต้องแสดงผลเหมือนกันทุกประการบนอุปกรณ์ที่ไม่มีฟอนต์เหล่านั้น เก็บคงความพร้อมใช้งานของภาพที่ลิงก์และทรัพยากรภายนอก เครื่องมือแปลงบนเบราว์เซอร์นี้อาจไม่เรนเดอร์ฟอนต์ระยะไกล ภาพที่ลิงก์ สคริปต์ หรือการพึ่งพาภายนอกอื่นๆ จากไฟล์ SVG
เลือกไฟล์ SVG หนึ่งไฟล์ เลือกสเกลและพื้นหลัง จากนั้นทำการแปลง ตรวจสอบว่าภาพวาดทั้งหมดมองเห็นได้ ข้อความและเส้นบางยังคงอ่านได้ และตัวอย่างมีพื้นหลังตามที่คาดไว้ หากผลลัพธ์ถูกตัดขอบ ให้ตรวจสอบ viewBox และขนาดของ SVG ในไฟล์ต้นฉบับ เครื่องมือแปลงจะประมวลผลทีละไฟล์และเสนอให้ดาวน์โหลด PNG สำหรับไฟล์นั้น
ใช้ PNG ในบริบทที่ตั้งใจไว้และตรวจสอบในขนาดที่จะปรากฏจริง ขนาดพิกเซลที่ใหญ่ไม่ได้ปรับปรุงไอคอนขนาดเล็กบนหน้าจอโดยอัตโนมัติ หาก PNG ใหญ่เกินไป ให้กลับไปที่ SVG และส่งออกด้วยตัวคูณที่ต่ำกว่า หากดูเบลอ ให้ยืนยันว่าปลายทางไม่ได้กำลังขยายภาพแรสเตอร์ขนาดเล็กหลังจากการแปลง
บันทึก SVG ต้นฉบับไว้คู่กับ PNG SVG จะรักษาพาธเวกเตอร์ไว้และมักจะดีกว่าสำหรับการแก้ไขภายหลัง การเปลี่ยนสี และการปรับขนาด PNG เป็นสำเนาขนาดคงที่ที่สะดวกสำหรับปลายทางที่ต้องการภาพแรสเตอร์ การเก็บรักษาทั้งสองอย่างช่วยให้คุณสร้าง PNG อีกไฟล์ในขนาดที่ต่างออกไปได้โดยไม่ต้องปรับสเกลภาพที่แรสเตอร์แล้วซ้ำๆ
การแปลงจะมีประโยชน์เมื่อปลายทางต้องการพิกเซลมากกว่าเวกเตอร์ ควรเก็บไฟล์ SVG ไว้เมื่อปลายทางรองรับและคุณต้องการงานกราฟิกที่ปรับขนาดได้และแก้ไขได้
แบบฟอร์มการอัปโหลด ระบบเนื้อหา และเครื่องมือรูปโปรไฟล์บางรายการยอมรับเฉพาะรูปแบบแรสเตอร์ทั่วไป PNG จะให้ภาพขนาดคงที่แก่บริการเหล่านั้นพร้อมทั้งรักษาขอบให้คมชัดเมื่อส่งออกในขนาดที่เหมาะสม
โปรแกรมรับส่งอีเมลและแอปพลิเคชันสำนักงานไม่ได้จัดการ SVG ที่ฝังมาในลักษณะเดียวกันทั้งหมด PNG สามารถทำให้โลโก้หรือแผนผังมีความแน่นอนมากขึ้นในบริบทเหล่านั้น ควรเก็บไฟล์ต้นฉบับ SVG ไว้เพื่อให้คุณสามารถอัปเดตงานกราฟิกได้ในภายหลัง
PNG มีประโยชน์เมื่อการส่งมอบงานต้องใช้ทรัพยากรภาพแรสเตอร์ที่ทราบขนาด เลือกสเกลตามขนาดการเรนเดอร์ของ SVG และข้อกำหนดของผู้รับ จากนั้นตรวจสอบขนาดผลลัพธ์ในโปรแกรมดูภาพ
แบบฟอร์มบางรูปแบบ โปรแกรมแก้ไขรุ่นเก่า และกระบวนการประมวลผลภาพยอมรับ PNG แต่ไม่ใช่ไฟล์เวกเตอร์ ให้แปลงสำเนาสำหรับเวิร์กโฟลว์นั้น อย่าแทนที่เวกเตอร์ต้นฉบับหากมีแนวโน้มว่าจะต้องแก้ไขเพิ่มเติมในอนาคต
PNG สามารถรักษาพิกเซลโปร่งใสไว้ได้ ซึ่งช่วยได้เมื่อวางโลโก้หรือไอคอนลงบนพื้นหลังที่แตกต่างกัน เลือกตัวเลือกโปร่งใสและยืนยันว่าปลายทางรักษาความโปร่งใสแบบอัลฟาไว้
ทำการแปลงหลังจากตรวจสอบขนาดพิกเซลหรือความละเอียดที่เครื่องพิมพ์ต้องการแล้วเท่านั้น เครื่องมือนี้มีตัวคูณสเกลแทนที่จะเป็นการควบคุม DPI และ PNG ที่ใหญ่ขึ้นไม่สามารถกู้คืนรายละเอียดที่ขาดหายไปจาก SVG หรือทำให้แหล่ง1ที่มีความละเอียดต่ำมีความแม่นยำมากขึ้นได้
การรู้ว่าเรขาคณิตของเวกเตอร์กลายเป็นภาพพิกเซลได้อย่างไร จะช่วยอธิบายขนาดผลลัพธ์ ความโปร่งใส ความเข้ากันได้ และความแตกต่างของการเรนเดอร์ทั่วไป
SVG เป็นรูปแบบเวกเตอร์ที่มี XML เป็นฐาน ซึ่งอธิบายพาธ รูปร่าง ข้อความ และคำสั่งการวาดอื่นๆ PNG จัดเก็บตารางพิกเซลสี่เหลี่ยมผืนผ้า การแรสเตอร์ SVG หมายถึงการวาดคำสั่งเวกเตอร์เหล่านั้นลงในตารางพิกเซลตามขนาดที่เลือก หลังจากส่งออก การซูม PNG อาจเผยให้เห็นพิกเซลที่มองไม่เห็นในต้นฉบับเวกเตอร์
viewBox ของ SVG จะแมปพิกัดระบบเข้ากับวิวพอร์ตที่แสดง หาก viewBox หายไป ไม่ถูกต้อง หรือใหญ่กว่างานกราฟิก ภาพอาจมีพื้นที่ว่างสีขาวที่ไม่คาดคิดหรือถูกตัดขอบ ตรวจสอบขนาดและ viewBox ของ SVG ในโปรแกรมแก้ไขต้นฉบับเมื่อการจัดกรอบภาพตัวอย่างไม่ถูกต้อง
หากเบราว์เซอร์เรนเดอร์ต้นฉบับที่ W คูณ H พิกเซล และตัวคูณที่เลือกคือ S เป้าหมายของแคนวาสคือ W × S คูณ H × S จำนวนพิกเซลผลลัพธ์คือ W × H × S² นี่คือสาเหตุที่ตัวคูณสูงๆ สามารถใช้หน่วยความจำมากกว่ามาก และทำไมจึงควรเลือก 8x เฉพาะเมื่อปลายทางต้องการพิกเซลพิเศษเท่านั้น
หน้าเว็บจะอ่านไฟล์ SVG ที่เลือกในเบราว์เซอร์ สร้างภาพจากเนื้อหา วาดภาพนั้นลงบนแคนวาส HTML และส่งออกแคนวาสเป็น PNG พฤติกรรมการเรนเดอร์และขนาดแคนวาสสูงสุดจะแตกต่างกันไปตามเบราว์เซอร์และอุปกรณ์ ไฟล์ SVG ที่มีขนาดใหญ่มากหรือซับซ้อนอาจใช้เวลานานขึ้นหรือเรนเดอร์ไม่สำเร็จ
เมื่อเลือก Transparent (โปร่งใส) แคนวาสจะถูกล้างก่อนวาดภาพ PNG ผลลัพธ์สามารถคงความโปร่งใสแบบรายพิกเซลผ่านช่องอัลฟาได้ เมื่อเลือก White (สีขาว) เครื่องมือแปลงจะวาดสี่เหลี่ยมผืนผ้าสีขาวก่อน ดังนั้นพื้นที่โปร่งใสในต้นฉบับจะกลายเป็นสีขาวในภาพที่ส่งออก
PNG ใช้การบีบอัดแบบไม่สูญเสียข้อมูลสำหรับพิกเซลที่ได้รับ แต่นั่นไม่ได้หมายความว่าการเรนเดอร์จากเวกเตอร์เป็นพิกเซลจะเหมือนกันทุกประการในทุกสภาพแวดล้อม การลดรอยหยัก (anti-aliasing) การจัดการสี ฟอนต์ ฟิลเตอร์ และการเรนเดอร์ของเบราว์เซอร์อาจส่งผลต่อพิกเซลที่ผลิตขึ้นระหว่างการแรสเตอร์
SVG อาจอ้างอิงถึงฟอนต์หรือภาพที่ไม่ได้ฝังอยู่ในไฟล์ นอกจากนี้ยังอาจใช้ฟิลเตอร์หรือคุณสมบัติที่เบราว์เซอร์ใช้งานแตกต่างกัน เพื่อให้การส่งออกมีความน่าเชื่อถือ ให้ฝังหรือแปลงฟอนต์สำคัญเป็นพาธ รวมภาพที่จำเป็น และเปรียบเทียบตัวอย่างในเบราว์เซอร์กับต้นฉบับในโปรแกรมแก้ไขเวกเตอร์
หน่วยความจำแคนวาสจะเพิ่มขึ้นตามจำนวนพิกเซลผลลัพธ์ ดังนั้นตัวคูณขนาดใหญ่อาจทำให้หน่วยความจำที่มีอยู่หมดลงได้ ให้แปลงเฉพาะไฟล์ SVG ที่คุณเชื่อถือเท่านั้น เครื่องมือนี้ไม่ได้อัปโหลดต้นฉบับที่เลือกไปยังเซิร์ฟเวอร์แปลงไฟล์ แต่คำแถวนั้นไม่ได้ตรวจสอบความถูกต้องของตัว SVG เองหรือรับประกันว่าข้อมูลอ้างอิงภายนอกที่ฝังอยู่ทุกรายการจะไม่มีอันตราย หลีกเลี่ยงไฟล์ที่ไม่น่าเชื่อถือและลบสคริปต์ที่ไม่จำเป็นหรือการอ้างอิงระยะไกลออกในโปรแกรมแก้ไขเวกเตอร์ก่อนทำการแปลง
ไม่ เครื่องมือนี้จะอ่าน SVG ที่เลือกในเบราว์เซอร์และสร้างไฟล์ดาวน์โหลด PNG แยกต่างหาก ไฟล์ต้นฉบับของคุณยังคงอยู่ในอุปกรณ์ของคุณ ให้เก็บไว้เป็นไฟล์หลักที่แก้ไขได้
คูณความกว้างและความสูงที่เรนเดอร์โดยเบราว์เซอร์ด้วยตัวคูณที่เลือก ตัวอย่างเช่น ขนาด 240 × 120 ที่ 2x จะกลายเป็น 480 × 240 พิกเซล หาก SVG มีขนาดผิดปกติหรือมี viewBox ให้ตรวจสอบตัวอย่างและตรวจสอบขนาด PNG ที่ดาวน์โหลด
ไม่ มันสร้างพิกเซลมากขึ้น ไม่ใช่รายละเอียดเวกเตอร์ที่มากขึ้น มันช่วยได้เมื่อต้องการภาพแรสเตอร์ที่ใหญ่ขึ้น แต่ก็เพิ่มจำนวนพิกเซลเป็น 64 เท่าของ 1x และอาจใช้หน่วยความจำมากกว่ามาก เลือกตัวคูณที่เล็กที่สุดที่ตรงกับขนาดปลายทางจริง
Viewbox หรือ viewport ของ SVG อาจมีพื้นที่ส่วนเกินหรือตัดส่วนของภาพวาดออก เปิดไฟล์ต้นฉบับในโปรแกรมแก้ไขเวกเตอร์ ปรับหน้ากระดาษหรือ viewBox ให้พอดีกับงานกราฟิก บันทึกสำเนา และทำการแปลงสำเนานั้นอีกครั้ง
เบราว์เซอร์อาจไม่มีฟอนต์ที่ SVG ใช้ หรือไฟล์อาจอ้างอิงถึงฟอนต์ที่ไม่ได้ฝังไว้ ฝังฟอนต์หรือแปลงข้อความให้เป็นพาธในโปรแกรมแก้ไขเวกเตอร์เมื่อคุณได้รับอนุญาตให้แก้ไขต้นฉบับ จากนั้นเปรียบเทียบผลลัพธ์
SVG อาจขึ้นอยู่กับภาพภายนอก ฟอนต์ ฟิลเตอร์ หรือคุณสมบัติที่ไม่พร้อมใช้งานหรือถูกจัดการแตกต่างกันโดยเบราว์เซอร์ ให้ฝังภาพและฟอนต์ที่จำเป็นเมื่อเป็นไปได้ ลดความซับซ้อนของเอฟเฟกต์ที่ไม่รองรับ และทดสอบ SVG ในเบราว์เซอร์ก่อนทำการแปลง
ได้ เลือก Transparent (โปร่งใส) ก่อนทำการแปลง เครื่องมือจะล้างแคนวาสก่อนวาดภาพ ตรวจสอบ PNG ที่ดาวน์โหลดในโปรแกรมแก้ไขที่แสดงความโปร่งใส โปรแกรมดูภาพบางโปรแกรมจะแสดงพิกเซลโปร่งใสทับบนพื้นหลังสีขาว ซึ่งอาจทำให้ดูเหมือนทึบแสงได้
เวอร์ชันนี้มีตัวคูณ 1x, 2x, 3x, 4x และ 8x แต่ไม่มีช่องกรอกความกว้างและความสูงอิสระหรือการตั้งค่า DPI หากคุณต้องการขนาดที่แน่นอน ให้ใช้ตัวคูณที่ใกล้เคียงที่สุดแล้วปรับขนาดสำเนาในโปรแกรมแก้ไขกราฟิก
อินเทอร์เฟซปัจจุบันเลือกและแปลงไฟล์ SVG ทีละหนึ่งไฟล์ต่อการดำเนินการ แปลงแต่ละไฟล์แยกกันและตรวจสอบผลลัพธ์ก่อนย้ายไปไฟล์ถัดไป ไม่มีการรองรับการประมวลผลแบบแบตช์และการดาวน์โหลดไฟล์ ZIP ในที่นี้
การควบคุมการอัปโหลดมีไว้สำหรับไฟล์ SVG เท่านั้น หากไฟล์ถูกปฏิเสธหรือไม่สามารถเรนเดอร์ได้ ให้ยืนยันว่าเป็น SVG ที่ถูกต้องและสามารถเปิดได้ในเบราว์เซอร์ปัจจุบันหรือโปรแกรมแก้ไขเวกเตอร์ เครื่องมือนี้ไม่ใช่เครื่องมือแปลงรูปแบบภาพทั่วไป
โค้ดการแปลงจะอ่านไฟล์ที่เลือกในเบราว์เซอร์และไม่ได้ส่งไฟล์ต้นฉบับไปยัง API การแปลง แต่นั่นไม่ได้เป็นการรับประกันว่า SVG จะไม่มีลิงก์ภายนอก หลีกเลี่ยงไฟล์ที่ไม่น่าเชื่อถือและตรวจสอบข้อมูลอ้างอิงก่อนเปิด
เบราว์เซอร์ต้องจัดสรรแคนวาสสำหรับทุกพิกเซลผลลัพธ์ ต้นฉบับขนาดใหญ่ที่รวมกับตัวคูณสูงๆ อาจเกินหน่วยความจำของอุปกรณ์หรือขีดจำกัดแคนวาสของเบราว์เซอร์ ลองใช้ตัวคูณที่ต่ำกว่า ทำให้ SVG ง่ายขึ้น หรือส่งออกด้วยแอปพลิเคชันกราฟิกที่รองรับแคนวาสขนาดใหญ่ขึ้น
ขึ้นอยู่กับขนาดการพิมพ์จริงและความละเอียดที่ต้องการ เครื่องมือนี้ปรับขนาดพิกเซลแต่ไม่ได้กำหนด DPI สำหรับการพิมพ์ สอบถามร้านพิมพ์เกี่ยวกับขนาดพิกเซลหรือความละเอียดที่ต้องการ จากนั้นตรวจสอบว่า PNG ที่สร้างขึ้นตรงตามข้อกำหนดเหล่านั้น
เบราว์เซอร์อาจมีความแตกต่างกันในเรื่องความพร้อมใช้งานของฟอนต์ การลดรอยหยัก (anti-aliasing) การจัดการสี และการรองรับคุณสมบัติของ SVG ใช้ข้อความที่ฝังหรือแปลงเป็นพาธ คุณสมบัติมาตรฐานของ SVG และใช้เบราว์เซอร์เดิมสำหรับการส่งออกซ้ำๆ เมื่อความสอดคล้องเป็นสิ่งสำคัญ
ยืนยันว่าไฟล์มีงานกราฟิกที่มองเห็นได้ มีมาร์กัป SVG ที่ถูกต้อง และใช้ viewBox และขนาดที่ครอบคลุมภาพวาด นำการพึ่งพาภายนอกที่ไม่รองรับออก ทดสอบไฟล์ในเบราว์เซอร์ จากนั้นลองใหม่อีกครั้งที่ 1x ก่อนที่จะเพิ่มสเกล