วิธีแปลง SVG เป็น ICO

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

ขั้นตอนสั้น ๆ ดังนี้

• เปิดตัวแปลง SVG เป็น ICO แล้วลากไฟล์ของคุณลงไป
• เวกเตอร์จะถูกแรสเตอร์ไรซ์เป็นบิตแมปขนาดไอคอน แล้วบรรจุเป็นไฟล์ .ico มาตรฐาน
• ดาวน์โหลดผลลัพธ์ ไฟล์จะถูกบันทึกลงในอุปกรณ์ของคุณโดยตรง

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

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