วางภาพ 512×512 PNG; ดาวน์โหลด zip ที่มี favicon ทุกรูปแบบที่เว็บไซต์สมัยใหม่ต้องการ — ICO หลายขนาด, Apple touch icons, Android manifest icons และโค้ด HTML ที่พร้อมวางใน <head> ของคุณ เสร็จภายใน 10 วินาที
สิ่งที่ถูกสร้างขึ้น
- favicon.ico — ICO หลายขนาดพร้อมขนาด 16, 32, 48, 64 px
- favicon-16x16.png, favicon-32x32.png, favicon-96x96.png — เบราว์เซอร์สมัยใหม่เลือกใช้
- apple-touch-icon.png — 180×180 สำหรับหน้าจอโฮม iOS
- android-chrome-192x192.png, 512×512 — สำหรับหน้าจอโฮม Android
- site.webmanifest — เตรียมข้อมูลไว้สำหรับรองรับ PWA
- browserconfig.xml — สำหรับกำหนดค่าไทล์ของ Microsoft
- โค้ด HTML — แท็ก <link> ที่ต้องวางใน <head>
ทำไมต้องมีหลายไฟล์
เบราว์เซอร์ ระบบปฏิบัติการ และบริบทต่างๆ (แท็บเบราว์เซอร์, บุ๊กมาร์ก, หน้าจอโฮม, ตัวเรียกใช้งานแอป, แถบงาน) ต้องการขนาดและรูปแบบที่แตกต่างกัน แนวทางปฏิบัติที่ดีที่สุดในปัจจุบันคือการจัดเตรียมไฟล์หลายขนาดที่ครอบคลุมทุกกรณีทั่วไป เบราว์เซอร์รุ่นเก่าจะใช้ favicon.ico เป็นตัวสำรอง ส่วนเบราว์เซอร์สมัยใหม่จะเลือกใช้ PNG ที่เหมาะสมที่สุด
คำแนะนำสำหรับภาพต้นฉบับ
- 512×512 หรือใหญ่กว่า เราจะย่อขนาดเท่านั้น ไม่ขยาย
- รูปทรงสี่เหลี่ยมจัตุรัส ภาพที่ไม่เป็นสี่เหลี่ยมจัตุรัสจะถูกเพิ่มพื้นที่ว่าง
- ลายเส้นเรียบง่าย Favicons แสดงผลที่ขนาด 16×16 — โลโก้ที่ซับซ้อนจะสูญเสียรายละเอียด
- พื้นหลังโปร่งใส หรือสีทึบ
ต้องการไอคอนแอปแบบเต็มด้วยหรือไม่?
สำหรับไอคอนแอป iOS / Android (ไม่ใช่ favicons เว็บ) ให้ใช้ เครื่องมือสร้างไอคอนแอป ของเราแทน — มันจะสร้างทุกขนาดที่ XCode และ Android Studio ต้องการ
คำถามที่พบบ่อย
favicon.ico ใช้งานได้ใน IE รุ่นเก่าหรือไม่?
ใช่ — ICO หลายขนาดที่มี 16/32/48/64 ครอบคลุม IE6+ และเบราว์เซอร์สมัยใหม่
apple-touch-icon ใช้ทำอะไร?
เมื่อผู้ใช้ iOS เพิ่มเว็บไซต์ของคุณลงในหน้าจอโฮม นี่คือไอคอนที่จะถูกใช้ ขนาด 180×180 คือขนาดที่ทันสมัย
ฉันจำเป็นต้องมี manifest หรือไม่?
สำหรับการรองรับ PWA: จำเป็น สำหรับเว็บไซต์ทั่วไป: ไม่จำเป็นแต่แนะนำให้มี
รูปแบบใดดีที่สุดสำหรับแหล่งที่มา?
PNG ที่มีความโปร่งใส SVG ก็ใช้ได้เช่นกัน (เราจะแปลงเป็นภาพแรสเตอร์)
ไอคอน favicon จะดูเบลอที่ขนาด 16×16 ไหม?
โลโก้ที่มีรายละเอียดมากจะดูเบลอ ให้ทำให้เรียบง่ายหรือใช้ตัวอักษรหนาๆ ตัวเดียวสำหรับขนาดเล็ก
ไฟล์ไปไว้ที่ไหนบนเซิร์ฟเวอร์ของฉัน?
ทั้งหมดใน web root ของไซต์คุณ ส่วน HTML snippet จะอ้างอิงไฟล์เป็น /favicon.ico, /favicon-32x32.png ฯลฯ
การสร้างจำนวนมากสำหรับหลายไซต์?
พรีเมียม: ใช่
การอัปโหลดเป็นแบบส่วนตัวหรือไม่?
ใช่ — จะถูกลบภายใน 24 ชั่วโมง
เกี่ยวกับ เครื่องมือสร้าง Favicon
เครื่องมือสร้าง Favicon เป็นเครื่องมือออนไลน์ฟรีจาก Wallpapers.com ที่ทำงานในเบราว์เซอร์ของคุณเท่านั้น — ไม่ต้องติดตั้ง ไม่มีลายน้ำ ไม่ต้องลงทะเบียนอีเมลสำหรับการลองครั้งแรก
สร้าง favicon ทุกขนาดที่เบราว์เซอร์ต้องการจากภาพต้นฉบับเดียว
วิธีใช้ เครื่องมือสร้าง Favicon
- วางรูปภาพของคุณในพื้นที่อัปโหลด (เดี่ยวหรือหลายไฟล์ — เปิด Bulk ที่ด้านบน)
- เลือกการตั้งค่าที่เครื่องมือแสดง (ขนาด, รูปแบบ, คุณภาพ)
- คลิก Run ผลลัพธ์จะดาวน์โหลดอัตโนมัติ — ไม่ต้องบันทึกเอง
เมื่อใดควรใช้
กรณีการใช้งานทั่วไปได้แก่:
เตรียมรูปภาพสำหรับอัปโหลดเว็บ, รายการสินค้าอีคอมเมิร์ซ, แพลตฟอร์มโซเชียลมีเดียที่มีข้อจำกัดรูปแบบ, และแปลงไฟล์จากอุปกรณ์หรือแอปหนึ่งไปยังอีกอุปกรณ์หนึ่ง
ฟรี vs พรีเมียม
ผู้เยี่ยมชมทุกคนได้รับทดลองใช้ฟรี; ผู้ใช้ที่ลงชื่อเข้าใช้ฟรีได้รับโควต้ารายวันสูงกว่า สมัครสมาชิก
พรีเมียม
เพื่อการใช้งานไม่จำกัด, ประมวลผลเป็นกลุ่มสูงสุด 200 รูปต่องาน, คิวลำดับความสำคัญ, และการเรียกดูไม่มีโฆษณา
เครื่องมือที่เกี่ยวข้อง
กำลังมองหาสิ่งที่แตกต่างเล็กน้อย? ลอง
แปลงรูปภาพเป็นหน้าระบายสี
,
เครื่องสร้าง QR Code พร้อมโลโก้
หรือ
เทมเพลตโซเชียลมีเดีย
— หรือเรียกดูทั้งหมด
เฉพาะทาง เครื่องมือ.
