ฟรี · ไม่มีลายน้ำ · 52 ภาษา

ตัวสร้าง favicon สำหรับทุกอุปกรณ์

เปลี่ยนรูปภาพใดก็ได้เป็น favicon.ico, Apple touch icon, ไอคอน Android และ PWA พร้อมโค้ด HTML ที่คัดลอกไปวางได้ทันที หรือจะวาดไอคอนเองทีละพิกเซลก็ได้

แพ็กเกจ favicon ของคุณพร้อมแล้ว

อัปโหลดไฟล์จากไฟล์ ZIP แล้ววางโค้ดนี้ลงใน <head>

วิธีสร้าง favicon ใน 3 ขั้นตอน

จากโลโก้หรือรูปภาพใดก็ได้ ให้กลายเป็นชุด favicon ที่ครบถ้วนและได้มาตรฐานในเวลาไม่ถึงนาที

อัปโหลดรูปภาพของคุณ

วางไฟล์ PNG, JPG, WebP, AVIF, GIF, SVG หรือ ICO ลงในเครื่องมือสร้าง หรือวาดไอคอนในเครื่องมือแก้ไขพิกเซล

ปรับการครอปและสี

ลากและซูมรูปภาพ ตั้งค่าระยะขอบ มุมโค้งมน พื้นหลัง และสีธีม

ดาวน์โหลดและติดตั้ง

ดาวน์โหลดไฟล์ ZIP อัปโหลดไฟล์ไปยังเว็บไซต์ของคุณ แล้ววางโค้ด HTML ลงใน <head>

ทุกอย่างที่ไอคอนเว็บไซต์ของคุณต้องการ

อัปโหลดครั้งเดียวก็ได้ไอคอนทุกแบบที่เบราว์เซอร์ โทรศัพท์ แท็บเล็ต และระบบปฏิบัติการสมัยใหม่ต้องการ

favicon สำหรับเบราว์เซอร์

favicon.ico หลายขนาด พร้อมไอคอน PNG ขนาด 16, 32 และ 96 px สำหรับ Chrome, Firefox, Safari และ Edge

Apple touch icon

ทุกขนาดสำหรับหน้าจอโฮมของ iPhone และ iPad ตั้งแต่ 57 ถึง 180 px พร้อมพื้นหลังทึบ

Android และ PWA

ไอคอนขนาดสูงสุด 512 px ไอคอน maskable และ manifest.json สำเร็จรูปสำหรับเว็บแอปที่ติดตั้งได้

ไทล์ Windows

ภาพไทล์และ browserconfig.xml พร้อมสีไทล์ของคุณ

เครื่องมือแก้ไขพิกเซล

วาดไอคอน 16×16 ที่คมชัดตั้งแต่ศูนย์ หรือปรับแต่งทุกพิกเซลของภาพที่คุณอัปโหลด

มีโค้ด HTML ให้

คัดลอกโค้ด <head> ไปวางได้ทันทีที่หน้าดาวน์โหลดและในไฟล์ readme ของทุกแพ็กเกจ

REST API

สร้าง favicon อัตโนมัติด้วย API key ส่วนตัวและตัวอย่างโค้ดสำเร็จรูป

เป็นส่วนตัวและปลอดภัย

ไม่มีการฮอตลิงก์ ไม่มีแกลเลอรีสาธารณะ ไอคอนของคุณยังคงเป็นของคุณ โฮสต์บนเซิร์ฟเวอร์ของคุณเอง

ขนาด favicon ในแพ็กเกจ

ไฟล์	ขนาด	ใช้งานโดย
`favicon.ico`	16, 32, 48	เบราว์เซอร์ทั้งหมด, Windows, ครอว์เลอร์
`favicon-16x16.png`, `favicon-32x32.png`	16, 32	แท็บเบราว์เซอร์, บุ๊กมาร์ก
`favicon-96x96.png`	96	ผลการค้นหาของ Google, ทางลัดบนเดสก์ท็อป
`apple-icon-*.png`, `apple-touch-icon.png`	57 – 180	หน้าจอโฮมของ iPhone และ iPad
`android-icon-.png`, `web-app-manifest-.png`	36 – 512	หน้าจอโฮมของ Android, PWA
`maskable-icon-512x512.png`	512	ไอคอนแบบ adaptive ของ Android
`ms-icon-*.png`	70 – 310	ไทล์ Start ของ Windows
`manifest.json`, `site.webmanifest`, `browserconfig.xml`	—	การติดตั้ง PWA, การกำหนดค่า Windows

คำถามที่พบบ่อย

favicon คืออะไร?

favicon คือไอคอนขนาดเล็กที่แสดงบนแท็บเบราว์เซอร์ บุ๊กมาร์ก ประวัติ และผลการค้นหา ข้างชื่อเว็บไซต์ของคุณ เว็บไซต์สมัยใหม่ยังต้องใช้ไอคอนเวอร์ชันขนาดใหญ่สำหรับหน้าจอหลักของ iPhone และ Android, ไทล์ของ Windows และ Progressive Web App ด้วย

อัปโหลดรูปภาพรูปแบบใดได้บ้าง?

คุณสามารถอัปโหลด PNG, JPG, WebP, AVIF, GIF, BMP, SVG หรือไฟล์ ICO ที่มีอยู่ได้ เพื่อให้ได้ผลลัพธ์ที่คมชัดที่สุด ให้ใช้รูปภาพสี่เหลี่ยมจัตุรัสขนาดอย่างน้อย 512 × 512 พิกเซล พื้นหลังโปร่งใส

แพ็กเกจ favicon มีอะไรบ้าง?

ไฟล์ favicon.ico หลายขนาด (16, 32 และ 48 px), favicon แบบ PNG, ไอคอน Apple touch ทุกขนาด, ไอคอน Android และ PWA รวมถึงไอคอนแบบ maskable, ภาพไทล์ Windows, manifest.json, site.webmanifest, browserconfig.xml และไฟล์ readme พร้อมขั้นตอนการติดตั้งและโค้ด HTML ที่พร้อมนำไปวาง

MakeFav ใช้ฟรีหรือไม่?

ใช่ การสร้าง แก้ไข และดาวน์โหลด favicon ฟรีทั้งหมด คุณเพียงมีบัญชีฟรีที่ยืนยันอีเมลแล้ว บัญชีฟรีรวมจดหมายข่าวของเรา ซึ่งส่งไม่เกินสัปดาห์ละครั้ง

ทำไมต้องมีบัญชีเพื่อดาวน์โหลด?

บัญชีช่วยปกป้องบริการจากการใช้งานในทางที่ผิดและการฝากลิงก์ (hot-linking) เก็บประวัติแพ็กเกจ favicon ของคุณ และให้คีย์ API ส่วนตัว ไอคอนที่สร้างขึ้นจะไม่ถูกเผยแพร่หรือเรียกใช้โดยตรงจากเซิร์ฟเวอร์ของเรา – คุณต้องโฮสต์เอง

ติดตั้ง favicon บนเว็บไซต์ของฉันอย่างไร?

แตกไฟล์แพ็กเกจ อัปโหลดไฟล์ทั้งหมดไปยังโฟลเดอร์รากของเว็บไซต์ แล้ววางโค้ด HTML ลงในส่วน <head> ของทุกหน้า โดยโค้ดชุดเดียวกันนี้อยู่ท้ายไฟล์ readme-makefav.txt ในแพ็กเกจด้วย

ปี 2026 ยังต้องใช้ favicon.ico อยู่หรือไม่?

ใช่ เครื่องมือ ครอว์เลอร์ และเบราว์เซอร์รุ่นเก่าจำนวนมากยังคงเรียก /favicon.ico โดยอัตโนมัติ ใช้ร่วมกับไอคอน PNG และ SVG รวมถึง web manifest เพื่อให้รองรับได้ครอบคลุมที่สุด

สร้าง favicon อัตโนมัติได้หรือไม่?

ได้ ใช้ MakeFav REST API พร้อมคีย์ API ส่วนตัวของคุณเพื่อสร้างแพ็กเกจ favicon ฉบับสมบูรณ์จากระบบ build, CMS หรือแอปของคุณ ดูตัวอย่างโค้ดได้ในเอกสาร API

สร้าง favicon ของคุณตอนนี้

โฆษณา