Monu Tools

ตัวสร้าง Favicon

แปลงรูปภาพใด ๆ ให้เป็นชุด favicon ครบชุด ได้แก่ .ico, ขนาด PNG, Apple touch icon และ web manifest โดยสร้างในเบราว์เซอร์ของคุณ

วิธีใช้ ตัวสร้าง Favicon

  1. 01

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

  2. 02

    หากต้องการ เลือกสีพื้นหลังและกรอกชื่อเว็บไซต์สำหรับ web manifest

  3. 03

    ดาวน์โหลด ZIP และวาง HTML snippet ลงใน head ของหน้าเว็บ

What a favicon is

A favicon is the small icon shown in browser tabs, bookmarks and on phone home screens. It is a tiny detail that makes a site look finished and recognizable, and modern browsers expect several versions of it.

Why one image is not enough

That is the catch: one image is not enough any more. You need a multi-size .ico for classic browsers, separate PNG sizes, an Apple touch icon for iOS home screens, larger PNGs for Android, and a web manifest if the site should be installable.

This generator builds the entire set from a single image, including a real multi-size .ico, and gives you the exact HTML snippet to drop into your page head, so you do not have to assemble or hand-write any of it.

What image to upload

For the best result, upload a square image of at least 512 px, ideally a simple logo or mark rather than a detailed photo, since the icon is often shown very small. A non-square image is centered and padded to a square, so detail near the edges may end up in the margins.

Background color and site name

You can optionally set a background color and your site name. The site name goes into the web manifest used when someone adds the site to their home screen.

Runs in your browser

Everything runs locally in your browser with the Canvas API, so your image is never uploaded. You download a ZIP with all the files and the snippet to paste in.

คำถามที่พบบ่อย

มีอะไรบ้างในแพ็กเกจ favicon?

favicon.ico ที่มีขนาด 16, 32 และ 48 px, PNG แยกต่างหากขนาด 16 และ 32 px, Apple touch icon ขนาด 180 px, PNG ขนาด 192 และ 512 px สำหรับ Android, site.webmanifest และ HTML snippet สำหรับวางใน head ของหน้าเว็บ

ควรอัปโหลดรูปภาพแบบไหน?

รูปภาพสี่เหลี่ยมจัตุรัสขนาดอย่างน้อย 512 px จะให้ผลดีที่สุด ควรเป็นโลโก้หรือสัญลักษณ์ที่เรียบง่าย รูปที่ไม่เป็นสี่เหลี่ยมจัตุรัสจะถูกจัดกึ่งกลางและเติมพื้นที่ให้เป็นสี่เหลี่ยมจัตุรัส ดังนั้นรายละเอียดที่ขอบอาจอยู่ในพื้นที่ขอบ

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

ไม่มี ไอคอนถูกสร้างในเบราว์เซอร์ของคุณด้วย Canvas API ดังนั้นรูปภาพของคุณจะไม่ออกจากอุปกรณ์เลย

แหล่งข้อมูล

ฝังเครื่องมือนี้

เพิ่มเครื่องมือนี้ลงในเว็บไซต์ของคุณเอง คัดลอกสคริปต์ด้านล่าง โดยจะอัปเดตให้เป็นปัจจุบันโดยอัตโนมัติ

<iframe src="https://monu.tools/embed/th/favicon-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

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