SEO
Favicon Generator
อัปโหลดรูปภาพเพื่อรับชุด favicon ที่สมบูรณ์ (16–512px, .ico, web manifest) พร้อมโค้ด HTML ที่พร้อมใช้สำหรับ <head>
ไฟล์บีบอัดประกอบด้วย PNG ทั้งหมด favicon.ico และ site.webmanifest
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
บทความเกี่ยวกับเครื่องมือนี้: Favicon: เหตุใดไอคอนเดียวจึงต้องมีขนาดและรูปแบบมากมายขนาดนี้
คำถามที่พบบ่อย
ทำไมฉันถึงต้องการขนาดฟาวิคอนที่แตกต่างกันมากมายขนาดนี้?
แพลตฟอร์มต่างกันต้องการขนาดต่างกัน — แท็บเบราว์เซอร์มักใช้ 16x16 หรือ 32x32 ไอคอนหน้าจอหลักของ iOS ต้องการ 180x180 และ Android ใช้ขนาดต่าง ๆ สูงสุดถึง 512x512 — การสร้างชุดที่ครบถ้วนช่วยให้ไอคอนของคุณคมชัดทุกที่
ฟาวิคอน .ico กับ .png ต่างกันอย่างไร?
รูปแบบ .ico สามารถรวมความละเอียดหลายแบบไว้ในไฟล์เดียวและรองรับเบราว์เซอร์รุ่นเก่าได้กว้างที่สุด ในขณะที่เบราว์เซอร์สมัยใหม่ยอมรับไฟล์ .png ธรรมดาที่อ้างอิงโดยตรงในแท็ก link ด้วย — ปัจจุบันเว็บไซต์ส่วนใหญ่ใช้ทั้งสองแบบเพื่อความเข้ากันได้
รูปภาพที่ฉันอัปโหลดถูกส่งไปยังเซิร์ฟเวอร์เพื่อสร้างฟาวิคอนหรือไม่?
ไม่ การปรับขนาดและแปลงรูปแบบทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ รูปภาพจะไม่ถูกอัปโหลดไปที่ใดเลย
สามารถใช้ SVG เป็น favicon ได้หรือไม่?
ได้ — เบราว์เซอร์สมัยใหม่ที่ใช้ Chromium และ Firefox รองรับ <link rel="icon" type="image/svg+xml"> และ favicon แบบ SVG แบบนี้จะยังคงคมชัดในทุกความหนาแน่นของพิกเซล และยังสามารถปรับสีให้เข้ากับธีมสว่าง/มืดของระบบได้โดยอัตโนมัติ
ไอคอน maskable สำหรับ Android คืออะไร?
คือไอคอนที่มีพื้นที่ปลอดภัยรอบ ๆ กราฟิกหลัก ทำให้ Android สามารถครอปเป็นรูปทรงใดก็ได้ (วงกลม สี่เหลี่ยมมุมโค้ง ฯลฯ) ตามธีมของอุปกรณ์ได้โดยไม่ตัดเนื้อหาสำคัญของไอคอนออก