สร้าง Favicon จากข้อความ

หลังจากสร้างไฟล์ไอคอนที่บรรจุแล้วสำเร็จ ให้วางไฟล์ต่อไปนี้ในไดเรกทอรีรากของไฟล์สถิตของเว็บไซต์ของคุณ

• favicon.ico
• site.webmanifest
• favicon-16x16.png
• favicon-32x32.png
• apple-touch-icon.png
• android-chrome-192x192.png
• android-chrome-512x512.png

จากนั้น วางแท็กลิงก์ต่อไปนี้ภายในแท็ก head ของ HTML

<link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16" />
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="manifest" href="/site.webmanifest" />

คัดลอก