วิธีการแปลงภาพ JPG และ PNG เป็น SVG

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

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

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

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

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

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

ตัวอย่างหนึ่ง: Terence Eden สร้างโลโก้ของ บริษัท อินเทอร์เน็ตยอดนิยมเช่น Twitter, Amazon, WhatsApp, YouTube หรือ Reddit ใน SVG ขนาดของโลโก้จะลดลงเหลือน้อยกว่า 1 กิโลไบต์บางครั้งก็ต่ำถึง 200 ไบต์ ตัวอย่างโลโก้ Twitter ในรูปแบบ PNG มีขนาด 20 กิโลไบต์ส่วนรุ่น SVG ขนาด 397 ไบต์

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

แปลงเป็น SVG

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

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

นี่คือวิธีที่ฉันประเมินบริการ: ฉันดาวน์โหลดโลโก้ Ghacks และลองใช้การแปลงจากตัวแปลง SVG หลายโหล ฉันตัดสินผลลัพธ์และละทิ้งการบริการใด ๆ ที่ไม่ส่งผลลัพธ์ที่ดี

  • Aconvert - บริการใช้ไฟล์โลคัลหรือ URL เป็นอินพุต ตัวเลือกเดียวที่มีให้คือการเปลี่ยนความละเอียดของภาพ ภาพที่ปรากฏเป็นโลโก้ของ Ghacks แต่ขนาดของมันนั้นเกือบสองเท่าของขนาดของโลโก้ PNG
  • Vector Magic - มีให้ในรูปของโปรแกรมแปลงไฟล์ออนไลน์และโปรแกรมเดสก์ท็อปสำหรับ Windows ไม่ฟรีอย่างไรก็ตาม (ออนไลน์มีค่าใช้จ่าย $ 7.95 ต่อเดือนเดสก์ท็อปอิดิชั่นจ่ายครั้งเดียว $ 295) อย่างไรก็ตามผลลัพธ์ของรุ่นออนไลน์นั้นยอดเยี่ยมและคุณมีตัวเลือกมากมายในการแก้ไขหรือแก้ไขการตั้งค่าและการแสดงภาพเคียงข้างกันของภาพต้นฉบับและสำเนา svg
  • Vectorizer - บริการฟรีอื่น อันนี้มาพร้อมกับตัวช่วยสร้างที่คุณสามารถเลือกพารามิเตอร์เอาท์พุทที่ดีที่สุด (เบลอสี) หรือคุณสามารถตั้งค่าเหล่านี้ได้โดยตรง ผลลัพธ์นั้นออกมาดีเมื่อปรับแต่งและขนาดของภาพที่ได้นั้นน้อยกว่าโลโก้ PNG ดั้งเดิมสามส่วน

ตอนนี้คุณ: รู้จักบริการออนไลน์หรือโปรแกรมอื่นเพื่อแปลงรูปภาพเป็นฟอร์แมท SVG?