ตัวสร้าง Favicon
- ไฟล์ไม่ออกจากอุปกรณ์ของคุณ
- ทำงานในเบราว์เซอร์
- ฟรี ไม่ต้องสมัคร ไม่มีลายน้ำ
Artwork
Preview
Actual pixels
Zoomed 16 px
Home screen
Files
- Rendering icons…
Paste into <head>
Upload the files to your site, then add these tags.
วิธีใช้ ตัวสร้าง Favicon
สร้าง favicon โดยไม่ต้องใช้เครื่องมือออกแบบ: พิมพ์ตัวอักษรไม่กี่ตัว เลือกอีโมจิ หรือเลือกไอคอนจากคอลเลกชันโอเพนซอร์สแปดชุด แล้วจัดสไตล์พื้นหลังและรูปทรง คุณได้แพ็กเกจเต็ม (ICO, PNG, SVG, ไอคอน Apple และ Android, manifest) ที่สร้างในเบราว์เซอร์
- 1
ใต้งานศิลป์ เลือกตัวอักษร อีโมจิ หรือไอคอน
- 2
พิมพ์หนึ่งถึงสามตัวอักษรแล้วเลือกฟอนต์และน้ำหนัก พิมพ์หรือเลือกอีโมจิ (เรียกดูอีโมจิทั้งหมดเปิดรายการเต็ม) หรือค้นหาไอคอนเช่น rocket หรือ cloud แล้วคลิก
- 3
ในพื้นหน้า ตั้งสีและขนาด ในสไตล์ไอคอน เลือกพื้นหลัง รูปทรง รัศมีมุม และระยะเว้น
- 4
กรอกรายละเอียดไซต์และขนาดผลลัพธ์ ตรวจตัวอย่างแท็บสว่างและมืด และตัวอย่างหน้าจอโฮม
- 5
คลิกดาวน์โหลดแพ็กเกจ (ZIP) อัปโหลดไฟล์ไปยังไซต์ แล้วคัดลอกแท็กจากวางใน <head> ไปยังหน้าของคุณ
คำถามที่พบบ่อย
มีอะไรถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ได้ ไอคอนถูกวาดในเบราว์เซอร์ คอลเลกชันไอคอนถูกโหลดจาก XTools เฉพาะเมื่อคุณเปิดหรือค้นหา ดังนั้นครั้งแรกที่ใช้คอลเลกชันคุณต้องมีการเชื่อมต่อ
มีคอลเลกชันไอคอนใดบ้าง?
Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons และ Font Awesome Brands Lucide โหลดก่อน ขณะค้นหา ค้นหาทั้ง 8 คอลเลกชันจะดาวน์โหลดที่เหลือครั้งเดียว (ประมาณ 13 MB)
ใช้ไอคอนบนไซต์เชิงพาณิชย์ได้หรือไม่?
แต่ละคอลเลกชันมีสัญญาอนุญาตโอเพนซอร์สของตัวเอง ดังนั้นตรวจก่อนใช้ไอคอนเป็นโลโก้ Font Awesome Brands เป็นโลโก้ของบริษัทอื่น และไม่ควรใช้เป็นแบรนด์ของคุณเอง
ทำไมอีโมจิของฉันถึงดูต่างบนคอมพิวเตอร์อีกเครื่อง?
อีโมจิและตัวอักษรถูกวาดด้วยฟอนต์ของอุปกรณ์คุณ ดังนั้นไฟล์ PNG และ ICO แสดงสไตล์อีโมจิของระบบคุณ favicon.svg เก็บเป็นข้อความ ดังนั้นเบราว์เซอร์ของผู้เข้าชมแต่ละคนจะวาดด้วยฟอนต์ของตัวเอง
ใช้ตัวอักษรได้กี่ตัว?
หนึ่งถึงสามตัวใช้ได้ดีที่สุด ช่องรับได้ถึงสี่อักขระ ข้อความที่ยาวกว่าจะหดให้พอดีไอคอน และอักขระจีนหรือญี่ปุ่นก็ใช้ได้
favicon มีพื้นหลังโปร่งใสได้หรือไม่?
ได้ ตั้งพื้นหลังเป็นไม่มี ไอคอน Apple touch และไอคอน maskable ยังได้สี่เหลี่ยมสีขาว เพราะหน้าจอโฮมไม่แสดงความโปร่งใส