เว็บไซต์ใหม่
สร้างตัวอักษรหรือไอคอนอีโมจิแบบง่ายๆ ได้ภายในหนึ่งนาที ในขณะที่โลโก้จริงยังอยู่ในขั้นตอนการออกแบบ
Favicon Generator — สร้างไฟล์ favicon.ico และไอคอน PNG จากข้อความ อีโมจิ หรือรูปภาพ
พิมพ์ตัวอักษรหนึ่งหรือสองตัว หรืออีโมจิ หรืออัปโหลดโลโก้ของคุณ แล้วรับชุดไฟล์ favicon ที่พร้อมใช้งาน: favicon.ico, 16×16, 32×32, 48×48, ไอคอน Apple Touch ขนาด 180×180 และไอคอนแอปขนาด 192×192 และ 512×512 คัดลอกโค้ด HTML สั้นๆ นี้ แล้วคุณก็เสร็จเรียบร้อยแล้ว ภาพจะถูกประมวลผลในเบราว์เซอร์ของคุณ
สร้างไอคอนเว็บไซต์ของฉัน
ภาพของคุณจะยังคงอยู่ในเบราว์เซอร์ของคุณ
ออกแบบไอคอนของคุณ
ดูตัวอย่างและดาวน์โหลด
คู่มือ
คู่มือสร้าง Favicon: ขนาด รูปแบบไฟล์ และโค้ด HTML ที่จำเป็น
ไฟล์ favicon ใดที่เว็บไซต์จำเป็นต้องมี และวิธีเพิ่มไฟล์เหล่านั้น
Favicon Generator คืออะไร?
ไอคอน favicon คือไอคอนขนาดเล็กที่ปรากฏในแท็บเบราว์เซอร์ บุ๊กมาร์ก และผลการค้นหา ข้างชื่อเว็บไซต์ของคุณ ไอคอนที่ดีจะช่วยให้แท็บของคุณถูกค้นพบได้ง่ายท่ามกลางแท็บอื่นๆ จำนวนมาก
เครื่องมือนี้วาดไอคอนของคุณลงบนแคนวาสในทุกขนาดที่คุณต้องการ และให้คุณดาวน์โหลดไฟล์แต่ละไฟล์ได้ รวมถึงไฟล์ favicon.ico ที่มีหลายขนาด พร้อมทั้งแท็กลิงก์เพื่อเพิ่มลงในหน้าเว็บของคุณ
ทำไมคนจึงใช้เครื่องมือสร้าง Favicon
โลโก้ที่มีอยู่
ตัดโลโก้ให้เป็นรูปสี่เหลี่ยม และส่งออกทุกขนาดที่เบราว์เซอร์และโทรศัพท์มือถือต้องการ
แอปพลิเคชันเว็บและ PWA
ดาวน์โหลดไอคอน PNG ขนาด 192 และ 512 พิกเซล ที่ไฟล์ manifest ของเว็บแอปต้องการ รวมถึงไอคอน Apple touch ด้วย
อธิบายขนาดของ Favicon
favicon.ico is the classic file at the root of your site. This tool packs 16, 32 and 48 pixel versions into one ICO file. The 16×16 and 32×32 PNG files suit modern browsers, and 32×32 looks sharper on high-density screens. The 180×180 apple-touch-icon.png is used when someone adds your site to an iPhone or iPad home screen.
ไฟล์ PNG ขนาด 192×192 และ 512×512 เป็นขนาดที่ระบบ Android และแอปเว็บที่สามารถติดตั้งได้ใช้; โปรดระบุขนาดเหล่านี้ในไฟล์ manifest ของแอปเว็บของคุณ เครื่องมือค้นหาสามารถแสดง favicon ในผลการค้นหาได้เช่นกัน และ Google กำหนดให้ใช้ไอคอนรูปสี่เหลี่ยมที่มีขนาดเป็นจำนวนเท่าของ 48 พิกเซล ซึ่งไฟล์ขนาด 48 และ 192 พิกเซลสามารถรองรับได้
วิธีใช้เครื่องมือสร้าง Favicon
- เลือกข้อความหรือรูปภาพ สำหรับข้อความ ให้พิมพ์หนึ่งหรือสองตัวอักษร หรืออีโมจิ และเลือกสี สำหรับรูปภาพ ให้เลือกไฟล์
- เลือกรูปทรง: สี่เหลี่ยม, มุมมน หรือ วงกลม
- ดูตัวอย่างภาพในแต่ละขนาด ขนาดเล็กจะแสดงตามขนาดพิกเซลจริง
- ดาวน์โหลดไฟล์ที่คุณต้องการ หรือใช้ตัวเลือก “ดาวน์โหลดทั้งหมด” แล้วคัดลอกโค้ด HTML ไปวางในส่วน head ของหน้าเว็บของคุณ
เคล็ดลับง่ายๆ
- ตัวอักษรหนึ่งหรือสองตัวจะอ่านได้ชัดเจนที่สุดที่ขนาด 16 พิกเซล ส่วนคำที่ยาวจะดูเบลอ
- ใช้ความต่างสีที่ชัดเจนระหว่างไอคอนกับพื้นหลัง เพื่อให้ไอคอนยังคงอ่านได้ชัดเจนทั้งบนแท็บสีสว่างและสีมืด
- สำหรับโลโก้ที่มีรายละเอียดมาก ให้ใช้สัญลักษณ์ที่เรียบง่ายขึ้น หรือใช้ตัวอักษรตัวแรกเท่านั้น
- วางไฟล์ไว้ในโฟลเดอร์รากของเว็บไซต์เพื่อให้ลิงก์ในโค้ดตัวอย่างทำงานได้ หรือปรับเปลี่ยนเส้นทางให้ตรงกับโฟลเดอร์ของคุณ
ข้อจำกัดและความเป็นส่วนตัว
ความเป็นส่วนตัว
ภาพของคุณจะถูกวาดและปรับขนาดในเบราว์เซอร์ของคุณ ไม่มีข้อมูลใดถูกอัปโหลด และไฟล์จะถูกสร้างขึ้นบนอุปกรณ์ของคุณเมื่อคุณดาวน์โหลดมา
ข้อจำกัด
ไฟล์ ICO มีภาพขนาด 16, 32 และ 48 พิกเซลเท่านั้น ภาพจะถูกตัดให้เป็นรูปสี่เหลี่ยมจัตุรัสที่จัดให้อยู่ตรงกลาง ดังนั้นหากต้องการใช้ส่วนอื่นของโลโก้ ให้ตัดโลโก้ก่อน เบราว์เซอร์บางครั้งอาจเก็บ favicon เก่าไว้ในแคชเป็นเวลานาน ดังนั้นไอคอนใหม่อาจใช้เวลาสักพักกว่าจะปรากฏขึ้น
คำถามที่พบบ่อย
คำถามที่พบบ่อยเกี่ยวกับ Favicon Generator
Favicon คืออะไร?
Favicon คือไอคอนขนาดเล็กที่ปรากฏในแท็บของเบราว์เซอร์ บุ๊กมาร์ก และบางครั้งในผลการค้นหา ข้างชื่อเว็บไซต์ของคุณ
ฉันต้องการ favicon ขนาดใดบ้าง?
ไฟล์ favicon.ico (16, 32 และ 48 พิกเซล), ไฟล์ PNG ขนาด 32×32, ไอคอน Apple Touch ขนาด 180×180 และไฟล์ PNG ขนาด 192×192 และ 512×512 หากเว็บไซต์ของคุณสามารถติดตั้งเป็นแอปได้ เครื่องมือนี้จะสร้างไฟล์ทั้งหมดดังกล่าว
ทำอย่างไรเพื่อเพิ่ม favicon ลงในเว็บไซต์ของฉัน?
อัปโหลดไฟล์ไปยังเว็บไซต์ของคุณ (โดยทั่วไปคือโฟลเดอร์ราก) และวางแท็กลิงก์ที่สร้างขึ้นลงในส่วน head ของ HTML ของคุณ หากไฟล์ของคุณอยู่ในตำแหน่งอื่น ให้ปรับเปลี่ยนเส้นทางให้เหมาะสม
ฉันสามารถสร้าง favicon จากอีโมจิได้ไหม?
ใช่ครับ เลือก "Text" แล้วพิมพ์อีโมจิ หรือตัวอักษรหนึ่งหรือสองตัวก็ได้ เลือกสีพื้นและรูปทรง แล้วไอคอนจะถูกวาดให้คุณทันที
ควรอัปโหลดภาพอะไรดี?
ภาพรูปสี่เหลี่ยมที่มีขนาดอย่างน้อย 512×512 พิกเซลจะให้ผลลัพธ์ที่ดีที่สุด โดยใช้รูปแบบไฟล์ PNG, JPG หรือ WebP ส่วนภาพที่มีรูปทรงอื่น ๆ จะถูกตัดให้เหลือเป็นรูปสี่เหลี่ยมที่จัดให้อยู่ตรงกลาง
มันรองรับพื้นหลังโปร่งใสหรือไม่?
ใช่ครับ หากยกเลิกการเลือก "Fill background" และใช้ไฟล์ PNG ที่มีความโปร่งใส รูปภาพจะยังคงความโปร่งใสไว้ได้ ส่วนเมื่อมีข้อความ ตัวอักษรจะถูกวาดบนไอคอนที่โปร่งใส
ทำไมไอคอนเว็บไซต์ใหม่ของฉันไม่ปรากฏขึ้น?
เบราว์เซอร์จะเก็บ favicon ไว้ในแคชอย่างเข้มงวด ลองรีเฟรชแบบบังคับ ล้างแคช หรือเปิดเว็บไซต์ในหน้าต่างส่วนตัว เพื่อดูไอคอนใหม่
รูปภาพของฉันถูกอัปโหลดไปยังเซิร์ฟเวอร์แล้วหรือไม่?
ไม่ครับ ไอคอนนั้นถูกสร้างขึ้นในเบราว์เซอร์ของคุณ และไฟล์ถูกสร้างขึ้นบนอุปกรณ์ของคุณ
จากผู้ใช้เครื่องมือนี้
รีวิว
กำลังโหลดรีวิว…
อย่าหยุด
เครื่องมือเพิ่มเติมในกล่อง
หน้าหลักมีเครื่องมือฟรีอีกหลายสิบชนิดที่ไม่จำเป็นต้องใช้ API key