ภาพเดียว ทุกหน้าจอ

สร้าง favicon จากข้อความ

ไอคอนเล็ก สร้างความประทับใจ

สร้าง favicon จากตัวอักษรหรือชื่อย่อ เลือกแบบอักษรและสี ตรวจดูขนาดเล็ก แล้วดาวน์โหลดชุดไอคอน

PNG ICO PWA

สร้างชุดไอคอนของคุณ

เปลี่ยนภาพเป็น favicon ไอคอนแอป และอีกมากมาย

1อัปโหลด
2ปรับแต่ง
3ดาวน์โหลด

รอภาพของคุณ

ภาพ

ข้อความ

ตัวอักษรหรือชื่อย่อ

ฟอนต์

สีข้อความ

ขนาดข้อความ

กำลังประมวลผล…

16 × 16

32 × 32

48 × 48

180 × 180

192 × 192

512 × 512

ปรับแต่งไอคอน

ปรับรูปลักษณ์ให้เหมาะกับทุกหน้าจอ

การปรับภาพ

พื้นหลัง

โปร่งใส

สีพื้น

#FFDE59

ระยะขอบ6%

ความโค้งมุม0%

ขนาด ICO (เลือกได้หลายขนาด)

256

ดูตัวอย่างการใช้งาน(อัปโหลดเพื่อดูตัวอย่าง)

แท็บเบราว์เซอร์

https://example.com

หน้าจอหลัก iOS

ไอคอนของคุณจะแสดงที่นี่

PWA / Android

ไอคอนของคุณจะแสดงที่นี่

สร้าง favicon ใน 3 ขั้นตอน

จากภาพเดียวสู่ชุดไอคอนครบชุด

1ตัวอักษรหรือชื่อย่อ

2ปรับแต่งและดูตัวอย่าง

เลือกการปรับภาพ พื้นหลังและระยะขอบ ตรวจผลลัพธ์ที่ขนาดเล็ก

3ดาวน์โหลดและเพิ่มในเว็บไซต์

ส่งออกชุดไอคอน วางไฟล์บนเว็บไซต์และเพิ่มลิงก์ไอคอนใน HTML

โลโก้เดียว พร้อมทุกหน้าจอ

ดูว่าไฟล์ที่สร้างนำไปใช้ที่ใด

favicon เว็บไซต์

เว็บไซต์ของฉัน×

16 × 16

32 × 32

ไอคอน 16 × 16 และ 32 × 32 ช่วยให้ผู้ใช้จดจำเว็บไซต์ในแท็บและบุ๊กมาร์ก

iPhone และ iPad

เว็บไซต์ของฉัน

180 × 180

ใช้ไอคอน apple-touch ขนาด 180 × 180 เมื่อเพิ่มเว็บไซต์ไปยังหน้าจอโฮม

PWA และ Android

ติดตั้งแอป

192 × 192

512 × 512

ภาพ 192 × 192 และ 512 × 512 เป็นขนาดที่ใช้ทั่วไปใน manifest ของเว็บแอป

ชุดไอคอนมีอะไรบ้าง?

ชุดไอคอนพร้อมใช้สำหรับทุกแพลตฟอร์ม

favicon.ico16 × 16, 32 × 32, 48 × 48, 256 × 256
apple-touch-icon.png180 × 180
icon-192.png192 × 192
icon-512.png512 × 512
site.webmanifestmanifest ของเว็บแอป

เพิ่มไอคอนในเว็บไซต์

วางลิงก์เหล่านี้ใน <head> ของ HTML

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">