วิธีแปลงรูปภาพ 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 สำหรับการที่.
LibreOffice Draw
สำหรับ Windows
ดาวน์โหลดเดี๋ยวนี้มีตัวแปลงฟรีมากมายที่คุณสามารถเรียกใช้ทางออนไลน์ได้ แต่มีข้อ จำกัด พอสมควรเมื่อพูดถึงกระบวนการแปลง แม้ว่าอาจจะเพียงพอสำหรับการแปลงโลโก้ธรรมดาที่มีอยู่ในรูปแบบ png หรือ jpg เป็น svg แต่ผลลัพธ์ก็ไม่ค่อยดีนัก
นี่คือวิธีที่ฉันประเมินบริการ: ฉันดาวน์โหลดโลโก้ Ghacks และลองแปลงกับตัวแปลง SVG หลายโหล ฉันตัดสินผลลัพธ์และยกเลิกบริการใด ๆ ที่ไม่ให้ผลลัพธ์ที่ดี
- Aconvert - บริการรับไฟล์ในเครื่องหรือ URL เป็นอินพุต ตัวเลือกเดียวที่มีให้คือเปลี่ยนความละเอียดของภาพ ภาพที่ได้ดูเหมือนโลโก้ Ghacks แต่ขนาดของมันใหญ่กว่าโลโก้เวอร์ชัน PNG เกือบสองเท่า
- เวกเตอร์มายากล - มีให้เป็นตัวแปลงออนไลน์และโปรแกรมเดสก์ท็อปสำหรับ Windows อย่างไรก็ตามมันไม่ฟรี (ออนไลน์ราคา $ 7.95 ต่อเดือนรุ่นเดสก์ท็อปจ่ายครั้งเดียว $ 295) อย่างไรก็ตามผลลัพธ์ของฉบับออนไลน์นั้นยอดเยี่ยมและคุณมีตัวเลือกมากมายในการแก้ไขหรือปรับเปลี่ยนการตั้งค่าและการแสดงภาพต้นฉบับและสำเนา svg แบบเคียงข้างกัน
- vectorizer - บริการฟรีอื่น ๆ ตัวนี้มาพร้อมกับวิซาร์ดที่คุณสามารถเลือกพารามิเตอร์เอาต์พุตที่ดีที่สุด (เบลอสี) หรือคุณสามารถตั้งค่าได้โดยตรง ผลลัพธ์ที่ได้นั้นดีสำหรับการปรับแต่งบางอย่างและขนาดของรูปภาพที่ได้นั้นน้อยกว่าโลโก้ PNG ดั้งเดิมถึงหนึ่งในสาม
เวกเตอร์มายากล
สำหรับ Windows
ดาวน์โหลดเดี๋ยวนี้ตอนนี้คุณ: รู้จักบริการออนไลน์หรือโปรแกรมอื่นในการแปลงรูปภาพเป็นรูปแบบ SVG หรือไม่?