รูปภาพในรูปแบบ svg แปลง svg เป็น PNG === บริการออนไลน์ ===

รูปภาพ SVG เป็นรูปแบบเวกเตอร์ที่สำคัญสำหรับเว็บไซต์รุ่นต่อไป และได้รับการบูรณาการอย่างสมบูรณ์กับมาตรฐานใหม่ของ HTML5 ด้วย Aurora SVG Viewer & Converter: คุณสามารถดูกราฟิก SVG และแปลงผลงานของคุณเป็นรูปแบบต่างๆ ได้อย่างง่ายดาย

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

โปรแกรมดูและแปลง Aurora SVGทำให้ง่ายต่อการจัดระเบียบ ดู และแปลงรูปภาพ SVG กับ โปรแกรมดูและแปลง Aurora SVGคุณจะเพลิดเพลินไปกับโหมดการแสดงภาพขนาดย่อที่สะดวกสบาย และมุมมองโฟลเดอร์ที่จดจำได้ทันที หากคุณต้องการแปลงรูปภาพ SVG เป็นรูปแบบอื่น โปรแกรมดูและแปลง Aurora SVGบันทึกวันด้วยการช่วยให้คุณสามารถบันทึกรูปภาพเป็นไฟล์ TIFF, PNG, JPB, BMP, GIF, TGA, XPM, PPM, XBM หรือแม้แต่ไฟล์รูปแบบ PDF ยิ่งไปกว่านั้น คุณสามารถแปลงไฟล์หลาย ๆ ไฟล์เป็นชุดได้!

แน่นอนว่าคุณสามารถควบคุมรายละเอียดได้อย่างเต็มที่เสมอ โปรแกรมดูและแปลง Aurora SVG- ปรับความละเอียดเอาต์พุต แปลงส่วนของรูปภาพ SVG และตั้งค่าคุณภาพการแปลง!

ภาพหน้าจอของ Windows: ภาพหน้าจอของ Mac:

คุณสมบัติโปรแกรมดูและแปลง Aurora SVG:

1.สนับสนุน ระบบปฏิบัติการ Windows และ MAC

2.ง่าย การเลือกโฟลเดอร์และ การแสดงภาพขนาดย่อโหมด.

3. ดูตัวอย่างรูปภาพ SVG หรือแปลงได้อย่างรวดเร็ว รองรับ SVG และ SVGZ.

4. ตัวแปลง SVG เป็นรูปแบบภาพหลายรูปแบบ ได้แก่ : tiff, PNG, jpg, bmp, gif, tga, xpm, ppm, xbm และ pdf.

5. การแปลงเป็นชุดสร้างรายการรูปภาพที่จะแปลง จากนั้นในการกวาดครั้งเดียวจะแปลงรูปภาพเหล่านั้นและบันทึกลงในโฟลเดอร์อื่น

6. ความละเอียดเอาต์พุตสามารถตั้งค่าได้อย่างง่ายดายด้วยความละเอียดการซูมฟรี เลือกและแปลงพื้นที่ใดๆ ของผืนผ้าใบ SVG

7. กำหนดเองแปลงพื้นที่ใด ๆ ที่คุณเลือก: เลือกพื้นที่ของภาพ SVG และแปลง.

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

เวกเตอร์

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

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

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

จาวาสคริปต์ เริ่มต้นอย่างรวดเร็ว

หากเวอร์ชันออนไลน์ไม่มีฟังก์ชันที่คุณต้องการ คุณสามารถดาวน์โหลดแอปพลิเคชันเวอร์ชันเดสก์ท็อปได้ ตัวแก้ไขพร้อมใช้งานสำหรับ Windows, Mac, Linux และ Chromebook

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

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

ด้วยเหตุนี้ Vectr จึงเพิ่งเปิดตัวเวอร์ชันของตัวแก้ไขในรูปแบบนี้ ปลั๊กอินสำหรับ WP.

RollApp

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

หากต้องการใช้ RollApp คุณต้องมีบัญชี คุณสามารถลงทะเบียนใหม่หรือเข้าสู่ระบบด้วย ใช้ Google,เฟซบุ๊ก,อเมซอน. สะดวกมาก ฉันเกลียดการสร้างบัญชีใหม่หลายพันบัญชีเพื่อดูแอป

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

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

BoxySVG

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

จาวาสคริปต์ เริ่มต้นอย่างรวดเร็ว

สำรวจ พื้นฐานจาวาสคริปต์ตัวอย่างการใช้งานจริงของการสร้างเว็บแอปพลิเคชัน

สิ่งสำคัญคือตั้งแต่การตรวจสอบของ Alex BoxySVG ได้เพิ่มตัวตรวจสอบโค้ด ทำให้เป็นหนึ่งในเครื่องมือ SVG ที่เกี่ยวข้องมากที่สุดสำหรับนักพัฒนาเว็บ

จันวาส

สองสามปีที่ผ่านมา จันวาสเป็นโปรแกรมแก้ไข SVG ที่ได้รับความนิยมอย่างมาก น่าเสียดายที่เมื่อเร็ว ๆ นี้ บรรณาธิการนี้ยังไม่ได้รับการพัฒนา แต่ถึงกระนั้นก็ยังใช้งานได้ เว็บกำลังก้าวไปข้างหน้า แต่ Janvas หยุดนิ่ง ความสนใจในตัวมันจึงจางหายไป Alex จาก SitePoint ทำงานร่วมกับเครื่องมือนี้เล็กน้อยในปี 2556-2557 (รวมถึง รุ่นที่ต้องชำระเงิน) และยังตอบคำถามอยู่พักหนึ่งด้วย หน้ากูเกิล- Janvas เป็นเครื่องมือที่ทรงพลังทีเดียว

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

มีข่าวดี - จะเปิดตัวแล้ว เวอร์ชันใหม่เป็นแอปพลิเคชัน Chrome เราหวังว่าพวกเขาจะแก้ไขปัญหาได้

วาดSVG

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

ด้วย DrawSVG คุณสามารถวาด แก้ไข และเรนเดอร์วัตถุได้ คุณสามารถวาดรูปทรงง่ายๆ ได้ เช่น เส้นโค้ง Bezier ข้อความตรงและโค้ง ลายเส้นและการเติมหลายสไตล์ เป็นต้น SVG ยังสามารถส่งออกไปยัง PNG

แก้ไข SVG

แก้ไข SVG– คุณปู่ของบรรณาธิการกราฟิกเวกเตอร์ออนไลน์ ปรากฏตัวในช่วงกลางทศวรรษ 2000 ไม่มีฟังก์ชันการทำงานของเซิร์ฟเวอร์ ทุกอย่างทำงานได้ในเบราว์เซอร์ เป็นไปไม่ได้ที่จะบันทึกงานของคุณโดยไม่เพิ่มฟังก์ชันการทำงานของคุณเอง

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

การใช้ SVG-edit ทำให้คุณสามารถวาดรูปทรงง่ายๆ (เส้น สี่เหลี่ยม วงกลม รูปหลายเหลี่ยม เส้นด้วยมือเปล่า ฯลฯ) ใช้เส้นทาง เลเยอร์ การไล่ระดับสี คุณสามารถดูและแก้ไขแหล่งที่มา SVG ส่งออกเป็น PNG, JPEG, BMP , WEBP, ฯลฯ

บทสรุป

นอกจากตัวแก้ไข SVG ทั้ง 6 ตัวแล้ว ยังมีตัวแก้ไขอื่นๆ อีก แต่มีเพียงไม่กี่ตัวเท่านั้นที่มีฟังก์ชันการทำงานมากกว่าตัวแก้ไขทั้ง 5 ตัวที่แสดงด้านบน

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

PS: คุณสามารถลองได้เช่นกัน ฟิกม่า- เป็นเครื่องมือสร้าง UI มากกว่าเครื่องมือแก้ไข SVG อย่างไรก็ตาม มันมีชุดเครื่องมือที่ยอดเยี่ยมและสร้างโค้ด SVG ที่ได้รับการปรับปรุงอย่างเหมาะสม

บางครั้งจำเป็นต้องบันทึก svg เป็น png โดยใช้เบราว์เซอร์ น่าเสียดายที่เบราว์เซอร์ไม่มี API วิเศษที่จะช่วยให้สามารถทำได้โดยไม่ต้องแฮ็กต่างๆ จะทำอย่างไรถ้าคุณยังต้องการบรรลุสิ่งที่คุณต้องการ?

แนวคิดแรกที่เข้ามาในใจของฉันคือทำสิ่งนี้ผ่าน Canvas ซึ่งมีวิธีการ toDataURL("image/png");
ดังนั้นฉันจึงเขียนสคริปต์ง่ายๆ: jsfiddle, github:

Var html = document.querySelector("svg").parentNode.innerHTML; var imgsrc = "data:image/svg+xml;base64," + btoa(html); var canvas = document.querySelector("canvas"), context = canvas.getContext("2d"); canvas.setAttribute("ความกว้าง", 526); canvas.setAttribute("ความสูง", 233); var image = รูปภาพใหม่; image.src = imgsrc; image.onload = function () ( context.drawImage(image, 0, 0); var canvasdata = canvas.toDataURL("image/png"); var a = document.createElement("a"); a.textContent = " บันทึก"; a.download = "export_" + Date.now() + ".png"; a.href = canvasdata; document.body.appendChild(a); canvas.parentNode.removeChild(canvas); );

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

ความจริงก็คือ IE คิดว่ารูปภาพถูกโหลดจากโฮสต์อื่น ขออภัย คุณจะไม่สามารถตั้งค่าต้นทางสำหรับ dataUri ได้ จริงๆ แล้ว คุณสามารถดูคำอธิบายกฎได้ที่นี่: https://html.spec.whatwg.org/multipage/scripting.html#security-with-canvas-elements แน่นอนว่าเป็นไปได้ที่จะพร็อกซี svg ผ่านเซิร์ฟเวอร์ จากนั้นทุกอย่างก็ใช้งานได้ แต่ฉันต้องการโซลูชันฝั่งไคลเอ็นต์ล้วนๆ

แล้วฉันก็จำไลบรารี canvg ที่ยอดเยี่ยมได้ เมื่อใช้ไลบรารีนี้ ฉันวาด svg บนผืนผ้าใบ จากนั้นดำเนินการตามตัวเลือกแรก: take toDataURL("image/png") ผลลัพธ์ที่ได้คือโค้ดง่ายๆ นี้: github:

วาร์ svg = document.querySelector("svg"); var canvas = document.createElement("ผ้าใบ"); canvas.height = svg.getAttribute("ความสูง"); canvas.width = svg.getAttribute("ความกว้าง"); canvg (ผ้าใบ svg.parentNode.innerHTML.trim()); var dataURL = canvas.toDataURL("รูปภาพ/png"); var data = atob(dataURL.substring("data:image/png;base64,".length)), asArray = new Uint8Array(data.length); สำหรับ (var i = 0, len = data.length; i< len; ++i) { asArray[i] = data.charCodeAt(i); } var blob = new Blob(, {type: "image/png"}); saveAs(blob, "export_" + Date.now() + ".png");

เป็นเรื่องที่ควรกล่าวถึงที่นี่ว่าฉันยังใช้ไลบรารี FileSaver เพื่อเปิดกล่องโต้ตอบบันทึกขึ้นมา
เพียงเท่านี้เราก็บรรลุผลตามที่ต้องการแล้ว

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

ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับคุณและประหยัดเวลาของคุณ

ขึ้นอยู่กับ ทำไมคุณต้องการแปลงจาก .png เป็น .svg คุณอาจไม่ต้องกังวล การแปลงจาก .png (แรสเตอร์) เป็น .svg (เวกเตอร์) อาจเป็นเรื่องที่ยุ่งยากหากคุณไม่คุ้นเคยกับเครื่องมือที่มีอยู่มากนัก หรือหากคุณไม่ใช่นักออกแบบกราฟิกตามอาชีพ

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

1. ไฟล์ -> เปิด: ไฟล์ .png ของคุณ
2. รูปภาพ -> คุณสมบัติรูปภาพ: ตรวจสอบความละเอียดและพื้นที่สี คุณต้องการความละเอียดประมาณ 300 ppi ในกรณีส่วนใหญ่ คุณต้องการให้ปริภูมิสีเป็น RGB
3. รูปภาพ -> โหมด: ตั้งค่า RGB
4. รูปภาพ -> ปรับขนาดรูปภาพ: ปล่อยให้ขนาดแยกกัน และตั้งค่าความละเอียด Y เป็น 300 หรือมากกว่า ตีสเกล
5. รูปภาพ -> ปรับขนาดรูปภาพ: ตอนนี้ความละเอียดควรเป็น 300 และคุณสามารถปรับขนาดรูปภาพให้มีขนาดได้เกือบทุกขนาดแล้ว

ไม่ง่ายเหมือนกับการปรับขนาดไฟล์ .svg แต่ง่ายกว่าและเร็วกว่าการพยายามแปลง .png เป็น .svg อย่างแน่นอน หากคุณมีรูปภาพขนาดใหญ่และมีความละเอียดสูงอยู่แล้ว

ด้วย Adobe Illustrator:

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

ฉันชอบ AI มากกว่าเพราะคุณสามารถทำการเปลี่ยนแปลงใดๆ ได้

ฉันเพิ่งพบคำถามและคำตอบนี้ในขณะที่ฉันกำลังพยายามทำสิ่งเดียวกัน! ฉันไม่ต้องการใช้เครื่องมืออื่น ๆ ที่กล่าวถึง (ไม่อยากส่งของ. อีเมลและไม่อยากจ่าย) ฉันพบว่า Inkscape (v0.91) สามารถทำได้ค่อนข้างมาก งานที่ดี- บทช่วยสอนนี้รวดเร็วและเข้าใจง่าย

มันง่ายเหมือนการเลือกบิตแมปใน Inkskape และ Shift + Alt + B

Sudo apt-get ติดตั้ง potrace imagemagick แปลง -flatten input.png output.pbm potrace -s output.pbm -o output.svg rm output.pbm

มีเว็บไซต์ที่คุณสามารถอัพโหลดภาพและดูผลลัพธ์ได้

แต่ถ้าคุณต้องการดาวน์โหลดภาพ svg คุณต้องลงทะเบียน (หากลงทะเบียนจะได้รับ 2 ภาพฟรี)

อย่างไรก็ตาม สิ่งนี้ไม่เหมาะ

PNG เป็นรูปแบบบิตแมป และ SVG เป็นรูปแบบเวกเตอร์ การออกแบบกราฟิกซึ่งรองรับภาพแรสเตอร์ ดังนั้นจะไม่แปลงภาพเป็นเวกเตอร์ แต่จะแปลงเฉพาะภาพที่ฝังอยู่ในรูปแบบเวกเตอร์ คุณสามารถทำได้โดยใช้ http://www.inkscape.org/ ซึ่งให้บริการฟรี มันจะฉีดเข้าไป แต่ก็มีเอ็นจิ้น Live Trace ที่จะพยายามแปลงเป็นพาธถ้าคุณต้องการ (ใช้ potrace) ดู Direct Tracing ใน Adobe Illustrator (เชิงพาณิชย์) เป็นตัวอย่าง:

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

หากคุณอยู่ในบาง ระบบลินุกซ์ imagemagick นั้นสมบูรณ์แบบ เหล่านั้น.

แปลง somefile.png somefile.svg

ใช้งานได้กับรูปแบบที่แตกต่างกันมากมาย

อย่างไรก็ตาม สำหรับสื่ออื่นๆ เช่น วิดีโอและเสียง (ffmpeg) ฉันรู้ว่าคุณระบุ PNG เป็น svg ไว้อย่างชัดเจน มันยังเกี่ยวกับสื่อ

Ffmpeg -i somefile.mp3 somefile.ogg

เป็นเพียงคำใบ้หากคุณต้องการอ่านไฟล์จำนวนมาก วนซ้ำโดยใช้เทคนิคเชลล์พื้นฐาน

สำหรับ f ใน *.jpg; แปลง $f $(f%jpg)png; เสร็จแล้ว

วิธีนี้จะลบ jpg และเพิ่ม png ซึ่งบอกให้แปลงสิ่งที่คุณต้องการ

วิธีที่ง่ายที่สุดในการติดตามอาร์ตเวิร์คคือการเปิดหรือวางไฟล์ใน Adobe Illustrator แล้วติดตามโดยอัตโนมัติโดยใช้คำสั่ง Trace Image: Illustrator Help การใช้เครื่องมือติดตามรูปภาพ - CS6

* ง่ายกว่านี้อีก):
เมื่อใช้ซอฟต์แวร์ รูปภาพ/รูปภาพ/ภาพวาด/ภาพถ่ายที่คุณระบุจะถูกแปลงเป็นเวกเตอร์ในราคา 1(!) ยูโร ->รูปภาพเป็นเวกเตอร์

=== บริการออนไลน์ ===

• ภาพแรกจ่ายแล้ว แม้ว่าจะสามารถสร้างภาพสองภาพเพื่อเริ่มต้นได้ฟรีก็ตาม

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

ความแม่นยำ

ด้านบนคือภาพเปรียบเทียบ Vector Magic, Adobe Live Trace (CS6) และ Corel
คอเรล พาวเวอร์เทรซ (X6) ให้ความสนใจกับการประมวลผลรูปร่างอย่างระมัดระวังโดย Vector

ใช้งานง่าย

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

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

คุณสามารถลองซ้ำแล้วซ้ำอีกจนกว่าคุณจะได้ผลลัพธ์ที่น่าพอใจ

โดยทั่วไป คุณสามารถถ่ายโอนงานนี้ไปยัง Vector และทำงานที่สร้างสรรค์มากขึ้นได้

แปลยังหลวมๆ แต่ความหมายประมาณนี้ครับ

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

• ต่อไปโดยสมบูรณ์ ฟรี .

เป็นภาษาอังกฤษล้วนแต่ชัดเจนในการใช้งาน การตั้งค่าและการทำงานด้วยตนเองอีกเล็กน้อย แต่ก็คุ้มค่า

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

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

หากคุณกำลังแปลงใดๆ ภาพเวกเตอร์(เช่น รูปแบบ eps หรือ ai) ตัวแปลงจะพยายามเก็บข้อมูลเวกเตอร์และสีทั้งหมดไว้ และจะตรวจสอบให้แน่ใจว่าทั้งสองไฟล์มีความคล้ายคลึงกันมากที่สุด

ตัวแปลงรูปแบบ Scalable Vector Graphics (SVG) ช่วยให้คุณสามารถแปลงไฟล์ได้มากกว่า 130 รูปแบบ ทิศทางการแปลง:

3FR เป็น SVG, AFF เป็น SVG, AI เป็น SVG, ANI เป็น SVG, ART เป็น SVG, ARW เป็น SVG, AVI เป็น SVG, AVS เป็น SVG, BMP เป็น SVG, CDR เป็น SVG, CGM เป็น SVG, CIN เป็น SVG, CMYK เป็น SVG, CMYKA ถึง SVG, CR2 ถึง SVG, CRW ถึง SVG, CUR ถึง SVG, ตัดเป็น SVG, DCM ถึง SVG, DCR ถึง SVG, DCX ถึง SVG, DDS ถึง SVG, DFONT ถึง SVG, DIA ถึง SVG, DNG ถึง SVG, DPX เป็น SVG, DXF เป็น SVG, EPDF เป็น SVG, EPI เป็น SVG, EPS เป็น SVG, EPSF เป็น SVG, EPSI เป็น SVG, EPT เป็น SVG, EPT2 เป็น SVG, EPT3 เป็น SVG, ERF เป็น SVG, EXR เป็น SVG, แฟกซ์เป็น SVG, FIG ถึง SVG, เหมาะกับ SVG, FPX ถึง SVG, FRACTAL ถึง SVG, FTS ถึง SVG, G3 ถึง SVG, GIF ถึง SVG, GIF87 ถึง SVG, สีเทาถึง SVG, GRB ถึง SVG, HDR ถึง SVG, HRZ ถึง SVG, ICB เป็น SVG, ICO เป็น SVG, ICON เป็น SVG, IPL เป็น SVG, JBG เป็น SVG, JBIG เป็น SVG, JNG เป็น SVG, JP2 เป็น SVG, JPC เป็น SVG, JPE เป็น SVG, JPEG เป็น SVG, JPG เป็น SVG, JPX เป็น SVG, K25 ถึง SVG, KDC ถึง SVG, M2V ถึง SVG, M4V ถึง SVG, MAT ถึง SVG, MIFF ถึง SVG, MNG ถึง SVG, MONO ถึง SVG, MOV ถึง SVG, MP4 ถึง SVG, MPC ถึง SVG, MPEG เป็น SVG, MPG เป็น SVG, MRW เป็น SVG, MSL เป็น SVG, MSVG เป็น SVG, MTV เป็น SVG, MVG เป็น SVG, NEF เป็น SVG, NRW เป็น SVG, ORF เป็น SVG, OTB เป็น SVG, OTF เป็น SVG, PAL เป็น SVG, PALM เป็น SVG, PAM เป็น SVG, PBM เป็น SVG, PCD เป็น SVG, PCDS เป็น SVG, PCL เป็น SVG, PCT เป็น SVG, PCX เป็น SVG, PDB เป็น SVG, PDF เป็น SVG, PDFA เป็น SVG, PEF เป็น SVG, PES เป็น SVG, PFA เป็น SVG, PFB เป็น SVG, PFM เป็น SVG, PGM เป็น SVG, PICON เป็น SVG, PICT เป็น SVG, PIX เป็น SVG, PJPEG เป็น SVG, PLASMA เป็น SVG, PNG เป็น SVG, PNG24 เป็น SVG, PNG32 เป็น SVG, PNG8 ถึง SVG, PNM เป็น SVG, PPM เป็น SVG, PS เป็น SVG, PSD เป็น SVG, PTIF เป็น SVG, PWP เป็น SVG, RAF เป็น SVG, RAS เป็น SVG, RGB เป็น SVG, RGBA เป็น SVG, RLA เป็น SVG, RLE เป็น SVG, SCT ถึง SVG, SFW ถึง SVG, SGI ถึง SVG, SK ถึง SVG, SK1 ถึง SVG, SR2 ถึง SVG, SRF ถึง SVG, SUN ถึง SVG, SVG ถึง SVG, SVGZ ถึง SVG, TGA ถึง SVG, TIF ถึง SVG, TIFF ถึง SVG, TIM เป็น SVG, TTC เป็น SVG, TTF เป็น SVG, TXT เป็น SVG, VDA เป็น SVG, VICAR เป็น SVG, VID เป็น SVG, VIFF เป็น SVG, VST เป็น SVG, WBMP เป็น SVG, WEBP เป็น SVG, WMF เป็น SVG, WMZ ถึง SVG, WPG ถึง SVG, X ถึง SVG, X3F ถึง SVG, XAML ถึง SVG, XBM ถึง SVG, XC ถึง SVG, XCF ถึง SVG, XFIG ถึง SVG, XPM ถึง SVG, XV ถึง SVG, XWD ถึง SVG, YCBCR ถึง SVG, YCBCRA ถึง SVG, YUV ถึง SVG

สร้างขึ้นบนโซลูชันแบบเปิด เช่น Autotrace, ImageMagick และส่วนประกอบกราฟิก Linux ต่างๆ

รูปแบบที่จะแปลง:

SVG - ไฟล์กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้
AI - ไฟล์ Adobe Illustrator (ตาม postscript)
CGM - ไฟล์ Metafile กราฟิกคอมพิวเตอร์
WMF - ไฟล์ Windows Metafile
SK - ไฟล์ Sketch/Skencil
PDF - รูปแบบเอกสารพกพา
กำไรต่อหุ้น - โพสต์สคริปต์
PLT - HPGL สำหรับการตัดไฟล์พล็อตเตอร์

และยัง: P2E, FIG, EMF, MIF, ER, DXF, EPD, CGM, oDR2D