เมื่อพูดถึงรูปภาพบนเว็บ PNG ถือเป็นรูปแบบที่นิยมใช้กันเนื่องจากรองรับความโปร่งใสและเข้ากันได้ในวงกว้าง ในทางกลับกัน SVG เป็นที่นิยมเนื่องจากสามารถปรับขนาดได้ จึงเหมาะสำหรับโลโก้ ไอคอน และกราฟิกแบบเวกเตอร์อื่นๆ แม้ว่า SVG จะมีข้อดีหลายประการ แต่บางครั้งการแปลง SVG เป็น PNG เป็นสิ่งจำเป็น โดยเฉพาะอย่างยิ่งเพื่อให้แน่ใจว่าสามารถใช้งานร่วมกันได้บนแพลตฟอร์มและอุปกรณ์ต่างๆ ในโพสต์บล็อกนี้ เราจะแนะนำคุณเกี่ยวกับขั้นตอนการแปลงกราฟิก SVG เป็นรูปแบบ PNG โดยใช้ Node.js
Node.js API สำหรับการแปลงรูปภาพ
GroupDocs นำเสนอ Conversion API อันทรงพลังที่ช่วยให้นักพัฒนาสามารถแปลงรูปแบบรูปภาพและจัดการรูปภาพที่ได้ในระหว่างกระบวนการแปลงได้ API รองรับตัวเลือกขั้นสูงมากมาย ทำให้เป็นตัวเลือกที่ยอดเยี่ยมสำหรับการแปลง SVG เป็น PNG ใน Node.js เราจะใช้ GroupDocs.Conversion for Node.js สำหรับงานนี้
ในการเริ่มต้น คุณสามารถติดตั้ง GroupDocs.Conversion for Node.js ได้โดยรันคำสั่งต่อไปนี้ในโปรเจ็กต์ของคุณ:
npm i @groupdocs/groupdocs.conversion
สำหรับรายละเอียดเพิ่มเติม โปรดไปที่ เอกสารประกอบ และ ข้อมูลอ้างอิง API
แปลง SVG เป็นภาพ PNG โดยใช้ Node.js
เริ่มต้นด้วยการแปลงภาพเวกเตอร์ SVG เป็นรูปแบบ PNG โดยใช้การตั้งค่าเริ่มต้น ขั้นตอนต่อไปนี้จะอธิบายวิธีแปลงภาพ SVG เป็น PNG โดยใช้ Node.js
- โหลดไฟล์ SVG โดยใช้คลาส Converter
- ตั้งค่าตัวเลือกการแปลง
- ระบุรูปแบบผลลัพธ์เป็น PNG
- เรียกใช้วิธีการ convert() ด้วยตัวเลือกที่เตรียมไว้
นี่คือโค้ด Node.js ที่แปลง SVG เป็น PNG:
// แปลงไฟล์ SVG เป็นรูปแบบ PNG โดยใช้ Node.js Conversion API พร้อมตัวเลือกเริ่มต้น
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions()
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png)
converter.convert("path/converted-svg-to-png.png", convertOptions)
การแปลง SVG ขั้นสูงเป็น PNG ด้วย Node.js
GroupDocs.Conversion for Node.js นำเสนอตัวเลือกการปรับแต่งมากมายที่คุณสามารถนำไปใช้กับผลลัพธ์ PNG ในระหว่างกระบวนการแปลง ตัวเลือกเหล่านี้ได้แก่:
- การปรับความสว่าง
- การปรับคอนทราส
- การแก้ไขแกมมา
- การแปลงสีเทา
- พลิกแนวนอนหรือแนวตั้ง
- มุมการหมุน
- ขนาดภาพที่กำหนดเอง (ความสูงและความกว้าง)
- การเพิ่มลายน้ำ
มาดูกันว่าคุณสามารถนำตัวเลือกขั้นสูงเหล่านี้ไปใช้ในการแปลง SVG เป็น PNG ใน Node.js ได้อย่างไร
- โหลดไฟล์ SVG โดยใช้คลาส Converter
- ตั้งค่าตัวเลือกการแปลงรูปภาพ
- ระบุรูปแบบผลลัพธ์เป็น PNG
- กำหนดค่ากำหนดเอง เช่น ความสว่าง การหมุน หรืออื่นๆ ที่สามารถใช้ได้
- เรียกใช้เมธอด convert() เพื่อสร้าง PNG
นี่คือโค้ด Node.js ที่ใช้ตัวเลือกขั้นสูงบางส่วนเหล่านี้:
// แปลงเวกเตอร์ SVG เป็นรูปแบบ PNG ด้วย Node.js โดยใช้การปรับแต่งต่างๆ
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions();
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png);
convertOptions.setFlipMode(groupdocs.conversion.ImageFlipModes.FlipY);
convertOptions.setBrightness(50);
convertOptions.setContrast(50);
convertOptions.setGamma(0.5);
convertOptions.setGrayscale(true);
convertOptions.setHorizontalResolution(300);
convertOptions.setVerticalResolution(100);
convertOptions.setPageNumber(1);
convertOptions.setPagesCount(2);
converter.convert("path/converted-svg-to-png.png", convertOptions)
ทดลองใช้การแปลง SVG เป็น PNG ออนไลน์ฟรี
ต้องการวิธีแก้ปัญหาที่รวดเร็วและง่ายดายในการแปลงไฟล์ SVG เป็น PNG หรือไม่ ใช้ [ตัวแปลง SVG เป็น PNG] ออนไลน์ฟรีนี้ 11 เข้าถึงได้จากอุปกรณ์ใดก็ได้ที่มีเว็บเบราว์เซอร์ ทำให้สะดวกและไม่มีปัญหา
รับใบอนุญาต API ฟรี
คุณสามารถรับ ใบอนุญาตชั่วคราวฟรี สำหรับ GroupDocs.Conversion ซึ่งทำให้คุณสามารถใช้ API โดยไม่มีข้อจำกัดในการประเมิน
บทสรุป
ในโพสต์นี้ เราได้สำรวจวิธีการแปลงกราฟิกเวกเตอร์ SVG เป็นรูปภาพ PNG โดยใช้ Node.js ด้วย GroupDocs.Conversion for Node.js นอกจากนี้ เรายังแสดงวิธีปรับปรุงกระบวนการแปลงด้วยการใช้การปรับแต่ง เช่น การหมุน เฉดสีเทา การใส่ลายน้ำ การปรับความสว่าง และอื่นๆ คุณสมบัติขั้นสูงเหล่านี้ช่วยให้คุณปรับแต่งเอาต์พุต PNG ให้ตรงตามความต้องการของคุณได้
หากต้องการตัวอย่างเพิ่มเติม โปรดดูที่ GroupDocs GitHub repository ซึ่งคุณจะพบตัวอย่างโค้ดต่างๆ ที่จะช่วยให้คุณสร้างตัวแปลง SVG เป็น PNG ได้ด้วยตัวเอง หากคุณมีคำถามใดๆ โปรดติดต่อเราผ่าน ฟอรัม