สร้าง Favicon

แนะนำภาพ PNG สี่เหลี่ยมจัตุรัส (512×512px ขึ้นไป) เครื่องมือจะปรับขนาดอัตโนมัติและสร้างรูปแบบ ICO ด้วย

Apple Touch Icon คือไอคอนที่แสดงเมื่อเพิ่มเว็บไซต์ไปยังหน้าจอหลักบนอุปกรณ์ iOS ขนาดมาตรฐานคือ 180×180px PNG

เบราว์เซอร์เก็บแคช favicon ไว้นานผิดปกติ และการรีเฟรชหน้าตามปกติมักไม่ทำให้เปลี่ยน ให้ตรวจสอบโดยพิมพ์ที่อยู่ไฟล์ไอคอนลงในแถบที่อยู่โดยตรง หากตรงนั้นแสดงภาพใหม่ ก็ให้รีเฟรชแบบบังคับหรือเปิดหน้าเว็บในหน้าต่างส่วนตัว หากอยากให้ผู้เข้าชมทุกคนเห็นการเปลี่ยนแปลงแน่นอน วิธีที่เชื่อถือได้ที่สุดคือเปลี่ยนชื่อไฟล์ เช่น favicon-v2.png แล้วแก้แท็ก link ให้ตรงกัน

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