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