สร้างไอคอนเว็บไซต์

1. ดาวน์โหลดไอคอนเว็บไซต์ของคุณ

การตั้งค่าขั้นต่ำที่แนะนำ:

• 32×32 PNG - เปลี่ยนชื่อเป็น favicon.png (ทั่วไปที่สุด)
• SVG - เปลี่ยนชื่อเป็น favicon.svg (เบราว์เซอร์สมัยใหม่ ขยายได้)

ไม่บังคับ (สำหรับการรองรับที่ดีขึ้น):

• 16×16 PNG - เปลี่ยนชื่อเป็น favicon.ico (เบราว์เซอร์เก่า)
• 180×180 PNG - เปลี่ยนชื่อเป็น apple-touch-icon.png (หน้าจอหลัก iOS)

2. เพิ่มไปยังเว็บไซต์ของคุณ

วางไฟล์ในไดเรกทอรีรากหรือสาธารณะของไซต์ของคุณและเพิ่มแท็กเหล่านี้ไปยังส่วนหัว HTML ของคุณ:

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

เคล็ดลับ

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