ขนาด Favicon ที่ดีที่สุดในปี 2026
ไม่มีขนาด favicon ที่ดีที่สุดเพียงขนาดเดียว — มีชุดที่ดีที่สุด บริบทที่ใช้งานต่างกันต้องการความละเอียดที่แตกต่างกัน และแพ็คเกจ favicon ที่สมบูรณ์จะครอบคลุมทุกจุดที่แสดงด้วยภาพต้นฉบับเดียว
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
16×16 และ 32×32 ครอบคลุมแท็บเบราว์เซอร์และบุ๊กมาร์กบนจอแสดงผลมาตรฐานและความหนาแน่นสูง พวกเขาเข้าไปข้างใน favicon.ico และเป็น PNG แบบสแตนด์อโลน
48×48 คือขนาด 'ไอคอนขนาดกลาง' ของ Explorer Windows และขนาดภาพขนาดย่อของผลการค้นหาทั่วไป มัดรวมไว้เสมอ
180×180 คือ apple-touch-icon ของ Apple — จำเป็นสำหรับการติดตั้งหน้าจอหลัก iOS ใหม่ทั้งหมด
192×192 และ 512×512 คือขนาดรายการ PWA Android, Chromium และการใช้งานพร้อมท์การติดตั้ง
วิธีการทำงาน
- 1
เริ่มจากแหล่งสี่เหลี่ยมขนาด 512×512+
PNG หรือ SVG ที่มีสี่เหลี่ยมจัตุรัส viewBox
- 2
สร้างแพ็คเกจ
เราผลิต favicon.ico (16/32/48), 180 apple-touch-icon, 192/512 android-chrome และ webmanifest
- 3
ปรับใช้ที่รูทของไซต์
วางทุกอย่างลงใน /public หรือ /app แล้วคัดลอกแท็ก <link> จาก README.txt
ลองเลย
สร้างทุกขนาด favicon ในคราวเดียว
เครื่องมือสร้าง Faviconคำถามที่พบบ่อย
ขนาด favicon ที่สำคัญที่สุดขนาดเดียวคือเท่าใด+
32×32 — เป็นขนาดที่เบราว์เซอร์ขอบ่อยที่สุดสำหรับแท็บบนจอแสดงผลมาตรฐาน รวมไว้ใน .ico และเป็น PNG แบบสแตนด์อโลน
ฉันต้องการไอคอนขนาด 512×512 จริงๆ หรือไม่+
ใช่ สำหรับข้อความแจ้งการติดตั้ง PWA และหน้าจอหลัก Android หากไม่มี Android จะกลับไปใช้ไอคอนเบราว์เซอร์ทั่วไป
ฉันสามารถอัปโหลดภาพขนาดใหญ่เพียงภาพเดียวแล้วปล่อยให้เครื่องมือปรับขนาดได้หรือไม่+
นั่นคือขั้นตอนการทำงานที่แนะนำ เริ่มต้นจาก 512×512 (หรือ SVG) และปล่อยให้ FetchFavicon ส่งออกทุกขนาดโดยไม่สูญเสียคุณภาพ