เครื่องมือสร้าง Favicon ฟรี
เครื่องมือสร้าง Favicon
เครื่องมือสร้าง Favicon ฟรี: จากข้อความ อีโมจิ หรือรูปภาพ (PNG + ICO) | We.Inc
สร้าง favicon ฟรีจากตัวอักษร อีโมจิ หรือโลโก้ ดาวน์โหลด PNG ขนาด 16 ถึง 512, favicon.ico และแท็ก HTML สำหรับลิงก์ไฟล์ ใช้งานในเบราว์เซอร์ของคุณ
สร้างไอคอนเล็ก ๆ ที่แสดงบนแท็บเบราว์เซอร์ บุ๊กมาร์ก และหน้าจอหลักของโทรศัพท์ เริ่มจากตัวอักษรหนึ่งหรือสองตัว อีโมจิ หรือโลโก้ของคุณ แล้วดาวน์โหลดทุกขนาดที่ต้องใช้ พร้อม favicon.ico และ HTML สำหรับวาง รูปภาพของคุณจะไม่ออกจากเบราว์เซอร์
- เลือกรูปแบบข้อความ อีโมจิ หรือรูปภาพ สำหรับข้อความและอีโมจิ เลือกสีและรูปทรง (สี่เหลี่ยม สี่เหลี่ยมมุมมน หรือวงกลม)
- ไอคอนจะวาดบน canvas ในเบราว์เซอร์ของคุณและปรับขนาดเป็น 16, 32, 48, 180, 192 และ 512 พิกเซล
- ดาวน์โหลดไฟล์ PNG แต่ละขนาดหรือ favicon.ico (ซึ่งรวมขนาด 16, 32 และ 48 พิกเซลไว้ในไฟล์เดียว) แล้ววางแท็กลิงก์ในส่วน head ของเว็บไซต์
- ทำให้เรียบง่าย: ที่ขนาด 16 พิกเซล ตัวอักษรหนาหนึ่งหรือสองตัวอ่านง่ายกว่าโลโก้เต็มรูปแบบมาก
- ใช้คอนทราสต์สูงระหว่างตัวอักษรกับพื้นหลัง เพื่อให้เห็นได้บนแท็บเบราว์เซอร์ทั้งสีสว่างและมืด
- อัปโหลดรูปภาพสี่เหลี่ยมจัตุรัส โลโก้แนวนอนจะถูกจัดให้อยู่ในกรอบสี่เหลี่ยมและมีพื้นที่รอบ ๆ
- วางไฟล์ไว้ในโฟลเดอร์รากของเว็บไซต์ เพื่อให้ /favicon.ico ใช้งานได้แม้ไม่มีแท็กลิงก์
- เบราว์เซอร์เก็บ favicon ไว้ในแคชนาน หากยังไม่เห็นไอคอนใหม่ ให้เปิดเว็บไซต์ในหน้าต่างส่วนตัว
คำถามที่พบบ่อย
Favicon ต้องมีขนาดใดบ้าง
16x16 และ 32x32 สำหรับแท็บเบราว์เซอร์, 48x48 สำหรับ Windows, 180x180 สำหรับ Apple touch icon และ 192x192 กับ 512x512 สำหรับ Android และ web app manifest เครื่องมือนี้สร้างให้ครบทุกขนาด
ยังต้องมีไฟล์ favicon.ico ไหม
เบราว์เซอร์สมัยใหม่ใช้ไฟล์ PNG จากแท็กลิงก์ แต่เครื่องมือบางอย่างและเบราว์เซอร์รุ่นเก่ายังขอ /favicon.ico การใส่ไว้เป็นหลักประกันราคาถูก เครื่องมือนี้จึงสร้างให้ด้วย
โลโก้ที่อัปโหลดถูกส่งไปยังเซิร์ฟเวอร์ไหม
ไม่ เบราว์เซอร์ของคุณอ่านและปรับขนาดรูปภาพเอง ไม่มีการอัปโหลด
ใช้ emoji เป็น favicon ได้ไหม
ได้ เลือกโหมดอีโมจิแล้วพิมพ์หรือวางอีโมจิได้ รูปลักษณ์อีโมจิแตกต่างกันเล็กน้อยในแต่ละระบบปฏิบัติการ ดังนั้นไฟล์ PNG ที่ดาวน์โหลดจะวาดด้วยฟอนต์อีโมจิบนอุปกรณ์ของคุณ
ต้องวางแท็กลิงก์ไว้ที่ใด
วางภายใน <head> ของทุกหน้า โดยทั่วไปอยู่ใน layout หรือ header template ของเว็บไซต์ เว็บบิลเดอร์มักมีช่องให้อัปโหลด favicon โดยตรง
เริ่มต้นฟรี · ไม่ต้องใช้บัตรเครดิต
Product
Who It's For
Features
Resources
Company
View Sitemap