WebP เป็น ICO

WebP เป็น ICO คือเครื่องมือฟรีสำหรับแปลงภาพ WebP เป็นไฟล์ ICO เพื่อใช้เป็น favicon ของเว็บไซต์หรือไอคอนใน Windows

แปลง WebP เป็น ICO อย่างไร?

เลือกไฟล์ WebP เริ่มแปลง แล้วบันทึกไฟล์ ICO ที่ได้ลงในอุปกรณ์

1. เลือกภาพ WebP ควรใช้ภาพสี่เหลี่ยมจัตุรัสที่มีความละเอียดเพียงพอสำหรับขนาดไอคอนที่ต้องการ
2. แปลงเป็น ICO แล้วบันทึกไฟล์ด้วยชื่อที่เข้าใจง่าย เช่น favicon.ico
3. เปิดหรือนำไฟล์ ICO ไปใช้งาน จากนั้นตรวจสอบการแสดงผลที่ขนาดเล็ก เช่น 16 × 16 และ 32 × 32 พิกเซล

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

เมื่อแปลง WebP เป็น ICO มีอะไรเปลี่ยนไปบ้าง?

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

• ความโปร่งใส: WebP สามารถมีช่องอัลฟาได้ และภาพ ICO สมัยใหม่ก็รองรับความโปร่งใสแบบอัลฟาเต็มรูปแบบเช่นกัน ควรตรวจสอบไอคอนที่แปลงแล้วบนพื้นหลังทั้งสีอ่อนและสีเข้ม โดยเฉพาะบริเวณขอบฟุ้งและเงา
• ภาพเคลื่อนไหว: WebP รองรับภาพเคลื่อนไหว แต่ ICO ไม่มีมาตรฐานรองรับภาพเคลื่อนไหว หลังแปลงแล้ว WebP แบบเคลื่อนไหวจึงไม่สามารถเคลื่อนไหวต่อได้ ควรแยกหรือสร้างเฟรมภาพนิ่งที่ต้องการก่อน
• การบีบอัด: WebP ใช้การบีบอัดสมัยใหม่ทั้งแบบสูญเสียและไม่สูญเสียข้อมูล ส่วน ICO เป็นคอนเทนเนอร์ที่รายการภาพภายในมักใช้การบีบอัดแบบ PNG หรือข้อมูลพิกเซลแบบ BMP ดังนั้นจึงไม่คงการบีบอัดเดิมของ WebP ไว้
• การรองรับของเบราว์เซอร์และแพลตฟอร์ม: WebP ใช้กันอย่างแพร่หลายสำหรับภาพบนเว็บไซต์สมัยใหม่ ส่วน ICO รองรับการใช้งานเป็น favicon ในเบราว์เซอร์ได้อย่างกว้างขวาง และ Windows ยังรู้จักรูปแบบนี้ในฐานะไอคอน แต่ไม่เหมาะสำหรับใช้เป็นรูปแบบภาพทั่วไปสำหรับภาพถ่ายหรือเนื้อหาบนหน้าเว็บ

การแปลง WebP แบบสูญเสียข้อมูลเป็น ICO ไม่ได้กู้คืนรายละเอียดที่ถูกตัดออกจากการบีบอัดเดิม ภาพเบลอ รอยคลื่นรอบขอบ และแถบสีอาจยังคงอยู่ และอาจเห็นชัดขึ้นเมื่อเพิ่มความคมหรือย่อภาพให้มีขนาดเท่า favicon

ควรแปลง WebP เป็น ICO เมื่อใด?

การแปลงเหมาะในกรณีที่มีโลโก้หรือสัญลักษณ์เป็น WebP อยู่แล้ว แต่เว็บไซต์ ทางลัดใน Windows หรือระบบเชื่อมต่อรุ่นเก่าต้องใช้ไฟล์ .ico โดยเฉพาะ

ตัวอย่างทั่วไปคือการนำไฟล์โปร่งใสขนาด 512 × 512 อย่าง brand-mark.webp มาทำเป็น favicon.ico ไฟล์ที่ได้จะเป็นคอนเทนเนอร์ ICO จริง ไม่ใช่ภาพ WebP ที่เพียงเปลี่ยนนามสกุล สำหรับ favicon รูปทรงที่เรียบง่าย มีคอนทราสต์ชัด และไม่มีรายละเอียดเล็กๆ มากเกินไป มักยังมองเห็นได้ชัดเมื่อแสดงผลในขนาดเล็ก

หากต้องการเพียงสำเนาแบบไม่สูญเสียข้อมูลเพื่อนำไปแก้ไข ก็ไม่จำเป็นต้องแปลงเป็น ICO ในกรณีนี้ WebP เป็น PNG มักเหมาะกว่า เพราะโปรแกรมแก้ไขภาพรองรับ PNG อย่างแพร่หลาย และยังคงความโปร่งใสไว้โดยไม่เปลี่ยนภาพให้เป็นคอนเทนเนอร์ไอคอน

ขนาดไอคอนและขนาดไฟล์ ICO

ไฟล์ ICO อาจมีขนาดใหญ่กว่า WebP ที่เทียบเท่ากัน แต่ขนาดจริงขึ้นอยู่กับมิติพิกเซล รายละเอียดสี ความโปร่งใส และจำนวนขนาดไอคอนที่จัดเก็บอยู่ภายใน

WebP ออกแบบมาเพื่อบีบอัดภาพบนเว็บอย่างมีประสิทธิภาพ ส่วน ICO ให้ความสำคัญกับความเข้ากันได้ของไอคอน และอาจเก็บภาพหลายขนาดไว้ในไฟล์เดียว โดยทั่วไป ได้แก่ 16 × 16, 32 × 32, 48 × 48 และ 256 × 256 พิกเซล ภาพแต่ละขนาดที่เพิ่มเข้ามาย่อมเพิ่มปริมาณข้อมูล อย่างไรก็ตาม ICO ขนาดเล็กที่มีภาพย่อเพียงภาพเดียวก็อาจเล็กกว่า WebP ต้นฉบับขนาดใหญ่ได้ จึงไม่มีอัตราส่วนขนาดไฟล์ที่ตายตัว

อย่าคิดว่าการแปลง WebP เป็น ICO จะสร้างไอคอนหลายขนาดให้เสมอ หลังแปลงแล้ว ให้ตรวจสอบไฟล์ ICO ด้วยโปรแกรมดูภาพที่รองรับไอคอน หากแอปพลิเคชัน Windows หรือระบบรุ่นเก่ากำหนดมิติภาพไว้โดยเฉพาะ

สาเหตุที่ favicon มักแสดงผลผิดพลาด

ไฟล์ ICO ที่แปลงจาก WebP อาจยังแสดงผลได้ไม่ดีหรือไม่ปรากฏเลย หากภาพต้นฉบับหรือการตั้งค่าเว็บไซต์ไม่เหมาะสม

• การอ้างอิงไฟล์ favicon ผิด หรือเซิร์ฟเวอร์ตอบกลับไม่สำเร็จ อาจทำให้โหลด ICO ไม่ได้
• หลังเปลี่ยน favicon แล้วอาจดูเหมือนว่าไม่มีอะไรเปลี่ยน เพราะเบราว์เซอร์แคชไอคอนเว็บไซต์แยกจากภาพทั่วไปบนหน้าเว็บ
• ภาพต้นฉบับที่ไม่เป็นสี่เหลี่ยมจัตุรัสอาจถูกยืด ครอบตัด หรือมีพื้นที่ว่างที่ไม่ต้องการล้อมรอบระหว่างขั้นตอนทำไอคอน
• ตัวอักษรเส้นบางและภาพถ่ายที่มีรายละเอียดมากมักอ่านหรือมองไม่ชัดที่ขนาด 16 × 16 พิกเซล
• ช่องว่าง ตัวอักษรที่มีเครื่องหมายกำกับเสียง และอักขระที่ไม่ใช่อักษรละตินในชื่อไฟล์ต้นฉบับบนเครื่อง ไม่ได้เป็นตัวกำหนดรูปแบบภาพ แต่การใช้ชื่อง่ายๆ เช่น favicon.ico เมื่อนำไฟล์ไปใช้งาน อาจช่วยลดข้อผิดพลาดจากการเข้ารหัสชื่อไฟล์หรือการอ้างอิงไฟล์ได้

คำถามที่พบบ่อย

เปลี่ยนนามสกุลไฟล์จาก .webp เป็น .ico ได้เลยไหม?

ไม่ได้ การเปลี่ยนนามสกุลไม่ได้เปลี่ยนข้อมูลภาพที่เข้ารหัสอยู่ ซอฟต์แวร์จึงยังพบเนื้อหา WebP ภายในไฟล์ ต้องถอดรหัสภาพแล้วเขียนใหม่เป็นคอนเทนเนอร์ ICO ที่ถูกต้อง

ไฟล์ ICO จะเก็บข้อมูลเมตาของ WebP ไว้ไหม?

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

ใช้ ICO เป็นไอคอนแอปบน macOS ได้ไหม?

ใช้ ICO เป็น favicon ของเว็บไซต์ที่เปิดดูบน macOS ได้ แต่ชุดแอปพลิเคชันแบบเนทีฟของ macOS มักใช้รูปแบบ ICNS หรือแค็ตตาล็อกแอสเซ็ตเฉพาะแพลตฟอร์ม การแปลงเป็น ICO เพียงอย่างเดียวไม่ได้สร้างชุดไอคอนสำหรับแอป macOS ที่สมบูรณ์

ทำไมแปลงแล้ว favicon เก่ายังแสดงอยู่?

เบราว์เซอร์อาจแคชไฟล์ ICO ที่สร้างจาก WebP ไว้ ตรวจสอบว่า HTML อ้างอิงไฟล์ถูกต้องและเซิร์ฟเวอร์ส่งไฟล์กลับมาได้สำเร็จ จากนั้นล้างข้อมูลของเว็บไซต์ที่เกี่ยวข้อง หรือลองใช้ชื่อไฟล์ใหม่ นอกจากนี้ให้ตรวจสอบ web app manifest ด้วย เพราะในนั้นอาจระบุไอคอนชุดอื่นไว้

ตรวจสอบ favicon ก่อนใช้งาน

ดูไฟล์ ICO ที่ขนาดเล็กจริง อย่าตัดสินจากภาพตัวอย่างที่ขยายใหญ่เพียงอย่างเดียว ตรวจสอบว่าขอบโปร่งใสเรียบร้อย สัญลักษณ์ยังมองออกที่ขนาด 16 × 16 พิกเซล และพาธของไฟล์ที่นำไปใช้ตรงกับการอ้างอิงในหน้าหรือแอปพลิเคชัน เก็บ WebP ต้นฉบับไว้เป็นไฟล์สำหรับแก้ไข เพราะการแปลงซ้ำไม่สามารถกู้คืนคุณภาพของภาพที่สูญเสียไปแล้วได้