วิธีใช้

เลือก “ภาพ” แล้วเลือกหรือวางโลโก้ของคุณ หรือเลือก “ข้อความหรืออีโมจิ” แล้วพิมพ์ไม่เกินสามตัวอักษร
ตั้งค่าพื้นหลัง รูปทรง และระยะขอบ แล้วตรวจดูภาพตัวอย่างและแท็บเบราว์เซอร์ในธีมสว่างและธีมมืด
ป้อนชื่อเว็บไซต์ ชื่อย่อ สีธีม และโฟลเดอร์ที่จะเก็บไฟล์ หากต้องการ
กด “สร้างไฟล์ Favicon” แล้วดาวน์โหลดไฟล์ทีละไฟล์ หรือทั้งหมดพร้อมกันเป็น favicon-package.zip
อัปโหลดไฟล์ไปยังเว็บไซต์ของคุณ แล้ววางแท็ก HTML ที่คัดลอกไว้ลงในส่วน head ของหน้าเว็บ

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

ภาพของฉันถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่

ไม่ ภาพหรือข้อความถูกวาดและแปลงในเบราว์เซอร์ของคุณ และไฟล์ถูกสร้างบนอุปกรณ์ของคุณ ไม่มีสิ่งใดถูกส่งไปยัง LeedyBox มีเพียงไลบรารี ZIP ที่ดาวน์โหลดจาก leedybox.com โดยตรงเมื่อโหลดหน้าเว็บ

ใช้ภาพแบบใดได้บ้าง และมีข้อจำกัดหรือไม่

ไฟล์ PNG, JPG, WebP, GIF (เฉพาะเฟรมแรก), BMP และ SVG ไฟล์ SVG มีขนาดได้ไม่เกิน 10 MB ภาพถ่ายที่ใหญ่มาก (เกินประมาณ 50 ล้านพิกเซล) อาจล้มเหลวบนโทรศัพท์เพราะต้องใช้หน่วยความจำมาก ภาพสี่เหลี่ยมจัตุรัสขนาดอย่างน้อย 512 × 512 พิกเซลหรือไฟล์ SVG จะให้ผลลัพธ์ที่คมชัดที่สุด

ทำไม Favicon ของฉันจึงดูเบลอหรืออ่านยาก

ไอคอนขนาด 16 พิกเซลมีพื้นที่น้อยมาก รูปทรงเรียบง่าย คอนทราสต์ชัด และตัวอักษรหนึ่งหรือสองตัวจะได้ผลดีกว่าโลโก้ที่มีรายละเอียดมากหรือข้อความยาว ภาพต้นฉบับขนาดเล็กจะถูกขยายสำหรับขนาดที่ใหญ่กว่าและดูเบลอ ตรวจดูภาพตัวอย่าง แล้วลองลดระยะขอบหรือใช้โลโก้ในแบบที่เรียบง่ายขึ้น

ฉันต้องใช้ไฟล์ใดบ้าง

favicon.ico และไฟล์ PNG ขนาด 16 และ 32 พิกเซลใช้โดยเบราว์เซอร์บนเดสก์ท็อป และ apple-touch-icon.png ใช้โดย iPhone และ iPad ไอคอนขนาด 192 และ 512 พิกเซลและ site.webmanifest ใช้เมื่อเพิ่มเว็บไซต์ลงในหน้าจอโฮมหรือติดตั้งเป็นเว็บแอป การใช้ไฟล์ทั้งหมดพร้อมแท็ก HTML จะครอบคลุมกรณีทั่วไป

ทำไม apple-touch-icon.png จึงไม่มีความโปร่งใส

อุปกรณ์ Apple บางรุ่นแสดงส่วนโปร่งใสของไอคอนบนหน้าจอโฮมเป็นสีดำ เครื่องมือจึงเติมพื้นที่โปร่งใสด้วยสีที่คุณเลือก (ค่าเริ่มต้นเป็นสีขาว) และปล่อยมุมเป็นมุมฉาก เพราะ iPhone และ iPad จะทำมุมมนให้เอง

สร้าง Favicon: สร้าง favicon.ico, PNG และไอคอน Apple Touch

ตัวอย่าง

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

ไฟล์

หมายเหตุ

วิธีใช้

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