สร้าง favicon และไฟล์ ICO

วิธีใช้

1. เลือกรูปโลโก้ (PNG ที่พื้นโปร่งใสหรือ SVG ดีที่สุด) ตัวอย่างขนาด 16, 32, 48 และ 180 px ขึ้นทันที
2. ถ้ารูปไม่เป็นสี่เหลี่ยมจัตุรัส เลือกเติมขอบโปร่งใสหรือครอบตรงกลาง เลือกพื้นหลังและขนาดที่จะรวมใน favicon.ico
3. กด "บันทึก favicon.ico" หรือ "บันทึกชุดครบ (ZIP)" แล้ววางไฟล์ที่รากของเว็บ และคัดลอกโค้ดไปใส่ใน <head>

สิ่งที่ควรรู้

• ชุดครบมี favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome 192 และ 512 px, site.webmanifest และ head.html ที่มีโค้ด <link>
• แต่ละขนาดใน favicon.ico เก็บเป็น PNG ซึ่งเบราว์เซอร์ปัจจุบันและ Windows Vista ขึ้นไปเปิดได้ โปรแกรมเก่ามากที่อ่าน ICO แบบ BMP ได้อย่างเดียวอาจเปิดไม่ได้
• apple-touch-icon ใช้พื้นขาวเมื่อเลือกโปร่งใส เพราะ iPhone เติมส่วนโปร่งใสเป็นสีดำ ไอคอน 16 px เล็กมาก รายละเอียดเล็กๆ จะหาย โลโก้เรียบๆ ดูดีกว่า
• รูปจาก SVG ที่อ้างถึงรูปหรือฟอนต์ภายนอกจะไม่ขึ้นส่วนนั้น รูปใหญ่มากจะถูกย่อก่อนเพื่อไม่ให้เบราว์เซอร์ค้าง ถ้าต้องการย่อหรือครอบรูปเองก่อน ใช้ครอบรูปหรือย่อรูป

ไฟล์ของคุณไม่ออกจากเครื่อง

ทุกอย่างทำงานในเบราว์เซอร์ของคุณ รูปและไอคอนที่ได้ไม่ถูกส่งขึ้นเซิร์ฟเวอร์ของ freesabai หรือของใคร และไม่ถูกเก็บไว้ในเบราว์เซอร์ ปิดหน้าแล้วหายหมด เว็บนับเพียงว่าหน้านี้ถูกเปิดและมีคนบันทึกหรือคัดลอกผลกี่ครั้ง (ไม่ส่งชื่อไฟล์หรือเนื้อหา และปิดการนับได้ที่ท้ายเว็บ ดูนโยบายความเป็นส่วนตัว)

แจ้งปัญหาหรือเสนอไอเดีย

ไอคอนที่ได้แสดงผิดในเบราว์เซอร์ใด บอกเราได้ที่หน้าแจ้งปัญหาและเสนอไอเดีย ไม่ต้องสมัคร

แจ้งปัญหาและเสนอไอเดีย