Favicon Generator ฟรี

สร้าง Favicon จากรูปภาพ พร้อมไฟล์ติดตั้งครบชุด

อัปโหลดโลโก้ครั้งเดียว ดูตัวอย่างขนาดจริง แล้วดาวน์โหลด favicon.ico, PNG, Apple touch icon, maskable icon, web manifest และ HTML snippet ใน ZIP เดียว

ประมวลผลใน browserไม่ต้องสมัครICO + PNG + Manifest

ประมวลผลใน browser

วางโลโก้หรือเลือกรูป

พื้นหลัง
ตัวอย่างขนาดจริง

ประมวลผลใน browser

3 steps

วิธีสร้าง favicon สำหรับเว็บไซต์

  1. 1

    เลือกรูป PNG, JPG, WebP หรือ SVG ที่เป็นสี่เหลี่ยมและมีพื้นที่รอบโลโก้พอสมควร

  2. 2

    ปรับ padding และสีพื้นหลัง พร้อมตรวจตัวอย่างที่ 16, 32, 48 และ 180 px

  3. 3

    สร้างไฟล์ ดาวน์โหลด ZIP แล้ววางโค้ด HTML ใน <head> ของเว็บไซต์

ไฟล์ไหนใช้ทำอะไร

favicon.ico รองรับ browser และระบบเดิม ส่วน PNG ขนาด 16 และ 32 px ใช้กับแท็บ browser, Apple touch icon ใช้เมื่อบันทึกเว็บไซต์บน iPhone และ iPad และ maskable icon ช่วยให้ไอคอน PWA ไม่ถูกครอปในรูปทรงของอุปกรณ์

FAQ

คำถามเกี่ยวกับ Favicon

Favicon ควรมีขนาดเท่าไร+

ชุดนี้สร้าง 16, 32 และ 48 px สำหรับ browser พร้อม 180 px สำหรับ Apple และ 192 กับ 512 px สำหรับ web app

สร้าง favicon.ico จาก PNG ได้ไหม+

ได้ เครื่องมือจะรวม PNG ขนาด 16, 32 และ 48 px ไว้ในไฟล์ favicon.ico เดียว

รูปถูกอัปโหลดไปที่เซิร์ฟเวอร์หรือไม่+

ไม่ รูปถูกอ่าน วาด และรวมเป็น ZIP ภายใน browser ของคุณ

ควรวางไฟล์ favicon ไว้ที่ไหน+

โดยทั่วไปวางไว้ที่ root หรือ public directory ของเว็บไซต์ แล้วเพิ่ม link tags จากไฟล์ favicon-snippet.html ภายใน head