วิธีเพิ่ม Favicon ใน HTML
แท็กสามแท็กครอบคลุม 99% ของกรณี อีกสองรายการให้การตั้งค่าระดับ PWA เต็มรูปแบบแก่คุณ
3 นาทีในการอ่าน
แท็กขั้นต่ำ
<link rel="icon" href="/favicon.ico"> — แค่นั้นแหละ ทุกเบราว์เซอร์จะดึงมันออกมา
ชุดแนะนำที่ทันสมัย
เพิ่ม SVG และ apple-touch-icon เพื่อการเรนเดอร์ที่คมชัดบนทุกแพลตฟอร์ม:
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" size="180x180" href="/apple-touch-icon.png">
ข้อความแจ้งการติดตั้ง PWA
เพิ่ม manifest.json ด้วยรายการขนาด 192×192 และ 512×512 PNG จากนั้นลิงก์ <link rel="manifest" href="/site.webmanifest">