SVGcode เป็น Progressive Web App ใหม่ที่สามารถแปลงภาพแรสเตอร์ (เช่น JPEG และ PNG) เป็นไฟล์กราฟิก SVG ได้โดยอัตโนมัติ
มีรูปภาพสองประเภทที่แตกต่างกันที่คุณมักจะเห็นบนเว็บ รูปภาพแรสเตอร์ (เช่น JPG, PNG, WebP และอื่นๆ) เป็นชุดพิกเซลที่มีความละเอียดคงที่ ในขณะที่รูปภาพเวกเตอร์ (เช่น SVG) จะใช้เส้นและรูปร่างที่หลากหลาย กราฟิกแบบเวกเตอร์เป็นที่นิยมสำหรับโลโก้และรูปภาพง่ายๆ อื่นๆ เนื่องจากภาพเหล่านี้ไม่ได้ดูแย่มากที่ความละเอียดสูง (หรือเมื่อซูมเข้า) แต่อาจต้องใช้แรงงานมากในการสร้างตั้งแต่เริ่มต้น ขณะนี้มีเว็บแอปที่มีประโยชน์สำหรับการสร้าง SVG จากรูปภาพมาตรฐาน: SVGcode
SVGcode เป็นแอป Progressive Web ใหม่ที่สร้างโดย Thomas Steiner วิศวกรนักพัฒนาสัมพันธ์ที่ทำงานที่ Google (แม้ว่า SVGcode จะไม่ใช่ผลิตภัณฑ์ของ Google ก็ตาม) เมื่อคุณเปิดมันในเบราว์เซอร์ของคุณที่ svgco.deคุณสามารถเปิดภาพจากพีซีของคุณได้ และภาพนั้นจะถูก "วาด" ในรูปแบบ SVG โดยอัตโนมัติ รูปภาพส่วนใหญ่จะต้องมีการปรับเปลี่ยนบางอย่างเพื่อสร้าง SVG ที่ดูดี แต่เป็นเว็บแอปที่น่าประทับใจ และอาจมีประโยชน์หากคุณต้องการสร้างโลโก้แรสเตอร์ในเวอร์ชันเวกเตอร์ที่สะอาดตายิ่งขึ้น
SVGcode ขับเคลื่อนโดย API ใหม่ล่าสุดบางส่วนที่เว็บเบราว์เซอร์ เช่น Chromium และ Firefox ได้เพิ่มเข้ามา ฟังก์ชันการวาดภาพหลักจะขึ้นอยู่กับ โครงการโพเทรซซึ่งถูกแปลงเป็นโค้ด Web Assembly สำหรับเว็บแอปนี้ SVGCode สามารถคัดลอกไฟล์ที่เสร็จแล้วไปยังคลิปบอร์ดของคุณ (ด้วยนามสกุล API คลิปบอร์ด Async) จะแสดงเป็นตัวเลือกในตัวจัดการไฟล์ของพีซีของคุณเมื่อคลิกขวาที่รูปภาพ (ด้วย API การจัดการไฟล์) และเปิด/บันทึกไฟล์จากอุปกรณ์ของคุณ (โดยใช้นามสกุล API การเข้าถึงระบบไฟล์). มันยังใช้ของใหม่อีกด้วย API การซ้อนทับการควบคุมหน้าต่าง เพื่อซ่อนแถบหัวเรื่องของระบบเมื่อติดตั้ง ทำให้รู้สึกเหมือนเป็นแอปพลิเคชันเนทิฟมากขึ้น
คุณสามารถอ่านเพิ่มเติมเกี่ยวกับกระบวนการพัฒนาสำหรับ SVGcode ได้ใน โพสต์บนบล็อกในบล็อกการพัฒนาเว็บของ Google. เนื่องจากเป็น PWA คุณจึงใช้และติดตั้ง SVGcode บนทุกสิ่งได้ด้วยเว็บเบราว์เซอร์สมัยใหม่