ขนาด Favicon ที่ดีที่สุดสำหรับเว็บไซต์
มีคำแนะนำออนไลน์มากมาย นี่คือชุดขั้นต่ำที่ครอบคลุมผู้ใช้ได้ 100%
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
สิ่งที่เบราว์เซอร์ร้องขอ
เบราว์เซอร์เดสก์ท็อปขอ 16×16 (แท็บ), 32×32 (แถบบุ๊กมาร์ก) และ 48×48 (ผลการค้นหา) ทั้งสามใช้ชีวิตอย่างมีความสุขภายในไฟล์ .ico ไฟล์เดียว
ระบบปฏิบัติการใดร้องขอ
Windows เมนู Start และ File Explorer สามารถขอขนาดได้สูงสุด 256×256 macOS ชอบ .icns แต่ยอมรับ .ico มัดรวม 16, 32, 48, 64, 128, 256 ใน .ico ของคุณเพื่อให้ครอบคลุมทุกอย่าง
PWAs และคำขอมือถืออะไร
เพิ่ม 180×180 (apple-touch-icon) และ 192×192 + 512×512 PNGs (รายการเว็บ) เพื่อการติดตั้งหน้าจอหลักที่สะอาดตา
ชุดขั้นต่ำที่เป็นไปได้
หลายขนาด favicon.ico + apple-touch-icon.png (180×180) + 512×512 PNG ในรายการของคุณ แค่นั้นแหละ.
คำถามที่พบบ่อย
What is the best favicon size for websites?
Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.
What favicon size do browsers use in tabs?
Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.
What is the minimum favicon setup?
A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.
Do I need a 256×256 favicon?
Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.