บทสรุป (TL;DR)
- ออกแบบตั้งแต่เริ่มต้น: ไม่มีโลโก้? ไม่มีปัญหา สร้างไอคอนระดับมืออาชีพโดยใช้ตัวอักษรย่อหรืออิโมจิยอดนิยม
- ดูตัวอย่างแบบเรียลไทม์: ดูว่าไอคอนของคุณมีลักษณะอย่างไรในโหมดสว่าง/มืดและในแท็บเบราว์เซอร์
- ชุดสมบูรณ์: ดาวน์โหลดแพ็คเกจพร้อม
favicon.ico, PNG ความละเอียดสูง และแท็ก HTML ที่จำเป็น
สร้างเมื่อไหร่ vs อัปโหลด?
- ใช้สิ่งนี้ หากคุณยังไม่มีโลโก้ หรือต้องการไอคอนตัวอักษรที่เรียบง่าย
- ใช้ ตัวแปลง หากคุณมีภาพโลโก้ที่เสร็จสมบูรณ์แล้ว
เคล็ดลับการออกแบบ (16x16 พิกเซล)
- คอนทราสต์สูง: ข้อความสีอ่อนบนพื้นหลังสีเข้มดีที่สุด
- หนึ่งหรือสองตัวอักษร: “เว็บไซต์ของฉัน” ใส่ไม่ได้ ใช้ “วข”
- ตัวหนา: ตัวอักษรบางจะหายไปในขนาดเล็ก
แพ็คเกจที่สมบูรณ์
คุณจะได้รับชุดเว็บมาตรฐาน:
favicon.ico: สำหรับเบราว์เซอร์เดสก์ท็อปicon-192.png&icon-512.png: สำหรับ Android/PWAapple-touch-icon.png: สำหรับ iOSsite.webmanifest: สำหรับ Android
คำถามที่พบบ่อย (FAQ)
ฉันสามารถใช้อิโมจิเหล่านี้อย่างถูกกฎหมายได้หรือไม่?
ได้ พวกมันถูกเรนเดอร์โดยใช้ฟอนต์ระบบหรือโอเพ่นซอร์ส และปลอดภัยสำหรับการสร้างแบรนด์ของคุณ
ฉันต้องการพื้นหลังโปร่งใสหรือไม่?
สำหรับไอคอนข้อความ/อิโมจิ เราแนะนำ รูปทรงทึบ (วงกลมหรือสี่เหลี่ยม) ข้อความลอยตัวแบบโปร่งใสอาจหายไปในโหมดมืด