อัปโหลดรูปภาพสี่เหลี่ยมจัตุรัส (PNG, JPG หรือ SVG) ขนาดอย่างน้อย 512×512px เพื่อผลลัพธ์ที่ดีที่สุด
ชื่อเต็มของเว็บไซต์ของคุณ (ใช้ใน web manifest)
ชื่อย่อสำหรับหน้าจอหลักมือถือ (สูงสุด 12 ตัวอักษร)
หมายเหตุ: เครื่องมือนี้สร้างแพ็คเกจ favicon ที่สมบูรณ์พร้อมทุกขนาดที่จำเป็นสำหรับเว็บไซต์สมัยใหม่และอุปกรณ์มือถือ ไฟล์ทั้งหมดได้รับการประมวลผลอย่างปลอดภัยและถูกลบหลังจากดาวน์โหลด

คุณสมบัติหลัก

  • สร้างรูปแบบ favicon ทั้งหมดด้วยคลิกเดียว
  • สร้าง favicon.ico ด้วยหลายขนาด (16, 32, 48px)
  • สร้าง favicon PNG สำหรับเบราว์เซอร์สมัยใหม่ทั้งหมด
  • สร้าง Apple Touch Icon (180×180px) สำหรับอุปกรณ์ iOS
  • สร้างไอคอน Android Chrome (192×192, 512×512)
  • รวม site.webmanifest สำหรับการสนับสนุน PWA
  • ให้ข้อมูลโค้ด HTML ที่พร้อมใช้
  • ดาวน์โหลดทุกอย่างเป็นไฟล์ ZIP ที่สะดวก

กรณีการใช้งานทั่วไป

  • สร้างแพ็คเกจ favicon ที่สมบูรณ์สำหรับการเปิดตัวเว็บไซต์ใหม่
  • อัปเดตเว็บไซต์ที่มีอยู่ด้วยรูปแบบ favicon สมัยใหม่
  • สร้าง favicon สำหรับ Progressive Web Apps (PWA)
  • สร้างไอคอนแบรนด์สำหรับอุปกรณ์และแพลตฟอร์มทั้งหมด
  • เตรียมไฟล์ favicon สำหรับ WordPress หรือ CMS อื่นๆ
  • สร้าง favicon สำหรับเว็บไซต์ลูกค้าอย่างรวดเร็ว

วิธีใช้

  1. อัปโหลดโลโก้หรือรูปภาพของคุณ (แนะนำ PNG, JPG หรือ SVG สี่เหลี่ยมจัตุรัส)
  2. ใส่ชื่อเว็บไซต์และชื่อย่อสำหรับ manifest
  3. คลิก "สร้าง favicon ทั้งหมด" เพื่อสร้างแพ็คเกจที่สมบูรณ์
  4. ดาวน์โหลดไฟล์ ZIP ที่มีไฟล์ favicon ทั้งหมด
  5. แตกไฟล์ ZIP และอัปโหลดไฟล์ทั้งหมดไปยังไดเรกทอรีรูทของเว็บไซต์
  6. คัดลอกโค้ด HTML ที่ให้มาและวางในส่วน <head> ของคุณ
  7. ล้างแคชเบราว์เซอร์เพื่อดู favicon ใหม่

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

แพ็คเกจประกอบด้วย: favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, ไอคอน android-chrome และ site.webmanifest

อัปโหลดภาพสี่เหลี่ยมจัตุรัสอย่างน้อย 512×512px ภาพที่ใหญ่กว่า (1024×1024px) ทำงานได้ดียิ่งขึ้น

เพื่อความเข้ากันได้สูงสุด ใช่! เบราว์เซอร์และอุปกรณ์ต่างๆ มองหารูปแบบ favicon ที่แตกต่างกัน

ไฟล์ site.webmanifest เป็นไฟล์ JSON ที่ให้ข้อมูลเมตาเกี่ยวกับเว็บไซต์ของคุณสำหรับ Progressive Web Apps

อัปโหลดไฟล์ทั้งหมดไปยังไดเรกทอรีรูทของเว็บไซต์ของคุณ (โฟลเดอร์เดียวกับ index.html ของคุณ)

เบราว์เซอร์แคช favicon อย่างรุนแรง ล้างแคชเบราว์เซอร์ของคุณ (Ctrl+Shift+Delete) และทำการรีเฟรชแบบฮาร์ด (Ctrl+F5)

ได้ แต่โปรดจำไว้ว่า favicon แสดงผลขนาดเล็กมาก (16×16px) ใช้โลโก้หรือสัญลักษณ์ที่เรียบง่ายที่สามารถจดจำได้แม้ในขนาดเล็ก

แน่นอน! รูปภาพทั้งหมดได้รับการประมวลผลอย่างปลอดภัยและถูกลบทันทีหลังจากที่คุณดาวน์โหลดไฟล์ ZIP