ไฟล์ที่ประมวลผลในเบราว์เซอร์นี้รูปแบบที่รองรับ
เอกลักษณ์ของเว็บไซต์ สร้างขึ้นในไม่กี่วินาที

เครื่องมือสร้าง Favicon และไอคอน

สร้างชุดไอคอน Fav และไอคอนแอพที่สวยงามจากรูปภาพ อีโมจิ หรือตัวอักษรสองสามตัว ทุกอย่างทำงานภายในเบราว์เซอร์ของคุณ

ไฟล์ของคุณยังคงอยู่ในอุปกรณ์นี้ไม่จำเป็นต้องอัปโหลด

แหล่งที่มาของไอคอน

ใช้อักขระหนึ่งหรือสองตัวสำหรับไอคอนขนาดเล็กที่ดูสะอาดตา

ปรับแต่งสไตล์

ปรับน้ำหนักภาพสำหรับแพลตฟอร์มต่างๆ

รูปร่าง

PNG · ICO · Manifest

รวมรูปแบบและขนาดไอคอน

เริ่มต้นด้วย PNG, JPG, WebP, GIF, SVG, AVIF หรือ BMP ชุดไอคอนส่งออก favicon.ico ดั้งเดิมพร้อมเบราว์เซอร์, Apple และขนาด PNG ของ Android

PNGJPGWebPGIFSVGAVIFBMPICO

16 px first

เคล็ดลับการออกแบบไอคอนขนาดเล็ก

  • รักษาความเรียบง่ายไว้: รายละเอียดหายไปที่ 16×16 พิกเซล
  • เว้นช่องว่างไว้เล็กน้อยเพื่อให้เครื่องหมายไม่สัมผัสกับขอบแท็บเบราว์เซอร์
  • เลือกความแตกต่างที่ชัดเจนระหว่างพื้นหลังและตัวอักษรหรือโลโก้

กรณีการใช้งาน

ชุดไอคอนชุดเดียวในทุกที่ที่สำคัญ

01

แท็บเบราว์เซอร์

ไอคอน Fav ขนาด 16×16 และ 32×32 สำหรับแท็บและบุ๊กมาร์ก

02

อุปกรณ์แอปเปิ้ล

ไอคอนสัมผัส 180 × 180 สำหรับเพิ่มไปที่หน้าจอหลักของ Safari

03

แอนดรอยด์ และ กปภ

ไอคอน 192×192 และ 512×512 พร้อมรายการเว็บที่พร้อมใช้งาน

ส่วนตัวด้วยการออกแบบ

Image decoding, icon rendering, PNG export, and ZIP packaging all happen in this browser. Your source never leaves the device.

มันทำงานอย่างไร

วิธีสร้างชุดไอคอนของคุณ

Start with a simple mark, tune its contrast and shape, then export the sizes used by browsers, bookmarks, and mobile home screens.

  1. 01

    เลือกแหล่งที่มา

    พิมพ์ชื่อย่อหรืออีโมจิ หรืออัปโหลดโลโก้ที่มีอยู่

  2. 02

    ทำให้มันน่าอ่าน

    ใช้เครื่องหมายตัวหนา ช่องว่างภายในที่เพียงพอ และคอนทราสต์ที่ชัดเจน

  3. 03

    ส่งออกไปทุกที่

    ดาวน์โหลด PNG แต่ละอันหรือชุด favicon ที่สมบูรณ์เป็นไฟล์ ZIP

FAQ

คำถามที่พบบ่อยเกี่ยวกับตัวสร้าง Favicon

รวมไฟล์อะไรบ้าง?

ชุดประกอบด้วย favicon.ico, ขนาด favicon PNG ทั่วไป, ไอคอน Apple touch, ไอคอน Android Chrome, รายการเว็บ และข้อมูลโค้ด HTML

รูปภาพของฉันถูกอัปโหลดหรือไม่?

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

แหล่งใดทำงานได้ดีที่สุดสำหรับ favicon

โลโก้ที่เรียบง่ายและมีคอนทราสต์สูงหรือตัวอักษรตัวหนาหนึ่งตัวมักจะมองเห็นได้ชัดเจนที่สุดที่ขนาด 16×16 พิกเซล

ฉันสามารถใช้อีโมจิได้หรือไม่?

ใช่ อิโมจิและข้อความสั้นจะแสดงผลด้วยแบบอักษรที่มีในอุปกรณ์ของคุณ และส่งออกเป็นไอคอน PNG

เหตุใดจึงรวม favicon.ico และไฟล์ PNG ด้วย

ไฟล์ ICO ปรับปรุงความเข้ากันได้กับเบราว์เซอร์และเครื่องมือรุ่นเก่า ในขณะที่ไฟล์ PNG จะให้ไอคอนที่คมชัดสำหรับเบราว์เซอร์สมัยใหม่ อุปกรณ์ Apple และ PWA ของ Android

เครื่องมือที่เกี่ยวข้อง

คุณอาจต้องการ

คำแนะนำที่เกี่ยวข้อง

ปรับปรุงไซต์และทรัพย์สินแบรนด์ของคุณต่อไป