เครื่องมือสร้าง Favicon

สร้างชุด favicon ที่สมบูรณ์จากภาพใดก็ได้ ทุกขนาดที่เบราว์เซอร์ iOS และ Android ต้องการ

วิธีใช้เครื่องมือนี้

1
อัปโหลดรูปภาพสี่เหลี่ยมจัตุรัส (แนะนำ PNG ขนาด 512×512 หรือใหญ่กว่า)
2
เราจะเรนเดอร์ในทุกขนาด favicon ที่ใช้กันทั่วไป
3
ดาวน์โหลดไฟล์ PNG แต่ละไฟล์
4
อ้างอิงไฟล์เหล่านั้นใน <head> ของ HTML ของคุณพร้อมแอตทริบิวต์ sizes ที่เหมาะสม

เครื่องมือสร้าง Favicon คืออะไร?

favicon สมัยใหม่ไม่ได้มีแค่ขนาด 16×16 อีกต่อไป iOS ต้องการ apple-touch-icon ขนาด 180×180 Android ต้องการไอคอน PWA ขนาด 192×192 และ 512×512 และหน้าจอความหนาแน่นสูงใช้ขนาด 32×32 หรือ 48×48 เครื่องมือนี้สร้างทุกขนาดที่พบบ่อยจากภาพต้นฉบับเพียงภาพเดียว เพื่อให้คุณสามารถนำไปใช้เป็นแท็ก <link rel='icon' sizes='...'> ได้

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

Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.
Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.
Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.
Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.
Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.
Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

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

ฉันควรใช้ภาพต้นฉบับขนาดเท่าใด?▼

PNG รูปสี่เหลี่ยมจัตุรัสขนาด 512×512 หรือใหญ่กว่าจะให้ผลลัพธ์ที่ดีที่สุด การย่อขนาดลงจะรักษารายละเอียดไว้ได้ดีกว่าการขยายขนาดขึ้น

ฉันจำเป็นต้องมีไฟล์ ICO หรือไม่?▼

เบราว์เซอร์สมัยใหม่รองรับ favicon แบบ PNG รูปแบบ ICO จำเป็นเฉพาะสำหรับความเข้ากันได้กับ IE รุ่นเก่าเท่านั้น ซึ่งพบได้น้อยในปัจจุบัน

เครื่องมือสร้าง Favicon

วิธีใช้เครื่องมือนี้

เครื่องมือสร้าง Favicon คืออะไร?

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

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

เครื่องมือที่เกี่ยวข้อง

เครื่องมือบีบอัดรูปภาพ

เครื่องมือแปลงรูปภาพเป็น Base64

ตัวแปลง Base64 เป็นรูปภาพ

เครื่องมือปรับขนาดรูปภาพ

เครื่องมือแปลง PNG เป็น JPG

เครื่องมือแปลง JPG เป็น PNG