SVG เป็น Favicon

เปลี่ยนโลโก้ SVG ให้เป็นชุด favicon ครบชุด — favicon.ico, apple-touch-icon และไอคอนเว็บแอป — แรสเตอร์ไรซ์อย่างคมชัดในเบราว์เซอร์ของคุณ ไม่มีอะไรถูกอัปโหลด

ความเป็นส่วนตัวมาก่อน: ทุกภาพถูกประมวลผลภายในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ใดๆ

เวกเตอร์เข้าไป ออกมาครบทุกขนาดแรสเตอร์

SVG คือต้นฉบับที่เหมาะที่สุดสำหรับ favicon: มันไม่ขึ้นกับความละเอียด ไอคอนแต่ละขนาดจึงถูกแรสเตอร์ไรซ์จากรูปทรงต้นฉบับ แทนที่จะรีแซมเปิลจากบิตแมปที่เล็กอยู่แล้ว วาง SVG ของคุณลงไป แล้วผลลัพธ์แต่ละอัน — 16, 32, 48, 180, 192 และ 512 พิกเซล — จะถูกวาดจากเวกเตอร์ที่ขนาดจริงของมัน ซึ่งทำให้ขอบคมแทนที่จะเลอะ นั่นคือความต่างระหว่างไอคอนที่ดูตั้งใจในแท็บ กับไอคอนที่ดูเหมือนรอยเปื้อน

ทำไมคุณยังต้องมี .ico อยู่ดี

เบราว์เซอร์สมัยใหม่ยินดีใช้ favicon แบบ SVG โดยตรง แต่เบราว์เซอร์รุ่นเก่าและเครื่องมืออีกมากมาย — โปรแกรมอ่านฟีด ตัวสร้างพรีวิวลิงก์ในแชท ทางลัดบนเดสก์ท็อป — ยังมองหา favicon.ico อยู่ การสร้างทั้งสองอย่างจาก SVG เดียวกันจึงครอบคลุมทุกกรณี เพิ่มระยะขอบ เลือกมาสก์แบบจัตุรัส มุมมน หรือวงกลม และเลือกพื้นหลัง แล้วดาวน์โหลดชุดเต็มพร้อมสไนปเป็ต HTML ที่พร้อมวาง