แปลงรูปภาพเป็นไอคอน
เปลี่ยนรูปภาพเดียวให้เป็นชุดไอคอนครบครัน
ตัวแปลงรูปภาพเป็นไอคอน
อัปโหลดรูปภาพ จัดกรอบ ดูตัวอย่างขนาดเล็ก แล้วดาวน์โหลดชุดไอคอนทั้งหมดในคลิกเดียว
อัปโหลดรูปภาพ
ลากและวางรูปภาพ คลิกเพื่อเลือกไฟล์ หรือวางจากคลิปบอร์ด (Ctrl+V)
JPG, PNG, WebP ขนาดไม่เกิน 25MB — ประมวลผลบนอุปกรณ์ของคุณ
อัปโหลดรูปภาพเพื่อดูตัวอย่างชุดไอคอนของคุณ
รูปภาพของคุณไม่เคยออกจากอุปกรณ์ การแปลงรูปเป็นไอคอนทั้งหมดทำงานในเครื่องของคุณ
ชุดไอคอนประกอบด้วยอะไรบ้าง
การแปลงรูปเป็นไอคอนหนึ่งครั้งให้ไฟล์ทุกอย่างที่เว็บไซต์จริงต้องการ — แท็บเบราว์เซอร์ หน้าจอหลัก หน้าต่างติดตั้ง ครบทุกอย่าง
Favicon หลายขนาด
favicon.ico16, 32, 48 px
ไฟล์ ICO เดียวที่ฝังสามขนาดสำหรับแท็บเบราว์เซอร์รุ่นเก่า ทางลัดบนเดสก์ท็อป และส่วนแสดงผลของระบบ
Apple Touch Icon
apple-touch-icon.png180 x 180 px
ไอคอนสี่เหลี่ยมมุมโค้งที่ iOS ใช้เมื่อผู้เยี่ยมชมบันทึกเว็บคุณไว้บนหน้าจอหลัก
ไอคอน PWA และ Android
android-chrome-*.png192 & 512 px
PNG ความละเอียดสูงสำหรับหน้าต่างติดตั้ง PWA ตัวรันแอป และหน้าจอหลักของ Android
Manifest และ HTML
site.webmanifest + snippetJSON + links
web manifest ที่ตั้งค่าไว้แล้ว พร้อมแท็ก link ที่แน่นอนสำหรับวางในส่วน head ของเอกสาร
การแปลงรูปภาพเป็นไอคอนคืออะไร?
ตัวแปลงรูปภาพเป็นไอคอนเปลี่ยนรูปต้นฉบับหนึ่งรูปให้เป็นชุดไฟล์ไอคอนที่เว็บไซต์ต้องการ — favicon, ไอคอนแอป และ manifest
ตัวแปลงรูปภาพเป็นไอคอนรับรูปต้นฉบับเพียงรูปเดียวแล้วสร้างไฟล์ไอคอนทั้งหมดที่เว็บไซต์จริงใช้ เบราว์เซอร์ต้องการภาพสี่เหลี่ยมเล็ก 16 พิกเซลสำหรับแท็บ, iOS ต้องการ Apple Touch Icon 180 พิกเซลสำหรับหน้าจอหลัก และ PWA ที่ติดตั้งได้ต้องการ PNG ขนาด 192 และ 512 พิกเซลพร้อม web manifest การทำเองทั้งหมดหมายถึงต้องย่อขนาด ตั้งชื่อ และอ้างอิงไฟล์เกือบสิบไฟล์ เครื่องมือแปลงรูปเป็นไอคอนนี้จัดการทุกขนาดจากการอัปโหลดครั้งเดียว บน canvas ในเบราว์เซอร์ของคุณ — รูปต้นฉบับจึงไม่เคยออกจากอุปกรณ์ของคุณ
- ✓ทำงานบนอุปกรณ์ของคุณทั้งหมด — ไม่ต้องอัปโหลด ไม่มีการส่งข้อมูลไปเซิร์ฟเวอร์ในการแปลงรูปเป็นไอคอน
- ✓สร้าง favicon.ico, PNG หลายขนาด, Apple Touch Icon, ไอคอน PWA, manifest และ HTML ในชุดเดียว
- ✓สามโหมดรูปทรง — ครอปสี่เหลี่ยม จัดพอดีพร้อมขอบ และยืดภาพ — โลโก้แนวกว้างก็ใช้ได้
- ✓ปรับขอบภายใน ความโค้งมุม และสีพื้นหลังได้ เพื่อไอคอนที่เรียบร้อยสวยงาม
- ✓ดูตัวอย่างสดที่ 16, 32, 180 และ 512 พิกเซล เพื่อให้มั่นใจว่าขนาดเล็กยังอ่านออกชัดเจน
ขนาดที่ดีที่สุดสำหรับผลลัพธ์การแปลงรูปเป็นไอคอน
| ขนาด | การใช้งานทั่วไป |
|---|---|
| 16x16 | แท็บเบราว์เซอร์ขนาดเล็กและการแสดง favicon แบบเดิม |
| 32x32 | PNG favicon สมัยใหม่และการแสดงผลแท็บความหนาแน่นสูง |
| 48x48 | ทางลัดบนเดสก์ท็อปและส่วนแสดงผลบางอย่างของระบบ |
| 180x180 | Apple Touch Icon สำหรับลิงก์ที่บันทึกไว้บนหน้าจอหลัก |
| 192x192 / 512x512 | ไอคอนติดตั้ง PWA และ Android |
ถ้าตัวอย่างขนาด 16 พิกเซลอ่านยาก ลองครอปให้เด่นขึ้น เพิ่มขอบภายใน หรือใช้พื้นหลังสีพื้น รูปทรงที่อยู่กึ่งกลางพร้อมคอนทราสต์ชัดเจนจะทนการย่อจากภาพใหญ่เป็นขนาดไอคอนได้ดีกว่าภาพที่ซับซ้อนมาก
ทำไมต้องใช้ตัวแปลงรูปภาพเป็นไอคอน?
การทำไฟล์ favicon และไอคอนแอปด้วยตนเองน่าเบื่อและเสี่ยงผิดพลาดง่าย เครื่องมือแปลงรูปเป็นไอคอนนี้แก้ปัญหาที่พบบ่อยเหล่านั้น
ปัญหาของการทำไอคอนจากรูปภาพด้วยตนเอง
ต้องย่อขนาดและตั้งชื่อไฟล์เอง
คุณต้องมี PNG ขนาด 16, 32, 48, 180, 192 และ 512 พิกเซลพร้อม ICO โดยใช้ชื่อไฟล์เฉพาะ การทำทีละไฟล์ในโปรแกรมแต่งภาพช้าและผิดพลาดง่าย
ไม่มี manifest หรือ HTML
แม้ย่อขนาดแล้ว คุณยังต้องเขียน site.webmanifest และแท็ก link ที่ถูกต้องเอง ถ้าพลาดสักอัน ไอคอนหน้าจอหลักหรือการติดตั้ง PWA จะเสียโดยไม่มีการเตือน
เว็บอัปโหลดออนไลน์มีความเสี่ยง
เว็บแปลงรูปเป็นไอคอนจำนวนมากส่งโลโก้ของคุณไปเซิร์ฟเวอร์ สำหรับโลโก้ลูกค้าส่วนตัวหรือผลิตภัณฑ์ที่ยังไม่เปิดตัว นั่นคือปัญหาใหญ่
สิ่งที่เครื่องมือแปลงรูปเป็นไอคอนนี้ทำได้ดี
เป็นส่วนตัวโดยการออกแบบ
การแปลงรูปเป็นไอคอนทั้งหมดทำงานบน canvas ในเบราว์เซอร์ของคุณ โลโก้ของคุณไม่ถูกอัปโหลดไปที่ใดเลย
ชุดไอคอนในคลิกเดียว
ดาวน์โหลด favicon.ico, PNG ทุกขนาด, Apple Touch Icon, ไอคอน PWA, manifest และโค้ด HTML ในไฟล์ ZIP เดียว
ดูตัวอย่างขนาดเล็กสด
เห็นชัดว่า favicon ดูเป็นอย่างไรที่ 16 และ 32 พิกเซลก่อนเผยแพร่ — ซึ่งเป็นขนาดที่ไอคอนส่วนใหญ่ล้มเหลว
รูปทรง ขอบ ความโค้ง
ครอปโลโก้แนวกว้างเป็นสี่เหลี่ยม จัดโลโก้ทั้งหมดพร้อมขอบ โค้งมุม หรือใส่พื้นหลังสีพื้น — ได้แบบเรียลไทม์
ICO หลายขนาดที่ถูกต้อง
favicon.ico รวม 16, 32 และ 48 พิกเซลไว้ในไฟล์เดียว เบราว์เซอร์รุ่นเก่า ทางลัดเดสก์ท็อป และแถบที่อยู่จึงแสดงไอคอนที่ถูกต้อง
ฟรี ไม่ต้องสมัคร ไม่มีลายน้ำ
เปิดหน้าเว็บแล้วเริ่มแปลงได้เลย ไม่ต้องมีบัญชี ไม่ต้องมีอีเมล ไม่มีลายน้ำบนผลลัพธ์
วิธีแปลงรูปภาพเป็นไฟล์ไอคอน
ห้าขั้นตอนสั้น ๆ จากรูปต้นฉบับเดียวสู่ชุดไอคอนครบครันพร้อมนำไปใช้งาน
อัปโหลด
วางไฟล์ PNG, JPG หรือ WebP รูปสี่เหลี่ยมที่สะอาดให้ผลดีที่สุด แต่ภาพแนวกว้างก็ใช้ได้ — เลือกจัดพอดีพร้อมขอบเพื่อคงภาพทั้งหมด
จัดรูปทรง
เลือกครอปสี่เหลี่ยม จัดพอดีพร้อมขอบ หรือยืดภาพ ตัวอย่างสดจะอัปเดตขณะคุณปรับกรอบสำหรับทุกขนาดไอคอน
ตกแต่งสไตล์
เพิ่มขอบภายใน โค้งมุม คงพื้นหลังโปร่งใส หรือเลือกสีพื้นเพื่อไอคอนที่ดูเรียบร้อย
ดูตัวอย่าง
ตรวจสอบตัวอย่างขนาด 16 พิกเซลก่อนส่งออก ถ้าเวอร์ชันเล็กอ่านออกชัด ไอคอนแอปขนาดใหญ่กว่าก็จะดูดีเช่นกัน
ดาวน์โหลด
คลิกดาวน์โหลดชุดไอคอนเพื่อรับ favicon.ico, PNG ทุกไฟล์, manifest และโค้ด HTML ใน ZIP เดียว
ฟีเจอร์การแปลงรูปภาพเป็นไอคอน
ทุกอย่างที่คุณต้องการเพื่อเปลี่ยนรูปภาพหนึ่งรูปให้เป็นชุดไอคอนครบครันพร้อมใช้งาน
เป็นส่วนตัว ทำงานในเบราว์เซอร์
การแปลงรูปเป็นไอคอนทั้งหมดทำงานบนอุปกรณ์ของคุณ รูปต้นฉบับของคุณไม่ถูกอัปโหลดไปที่ใดเลย
ชุดไอคอนครบครัน
favicon.ico, PNG หลายขนาด, Apple Touch Icon, ไอคอน PWA, site.webmanifest และ HTML — รวมเป็นไฟล์ ZIP เดียวในการดาวน์โหลด
ปรับรูปทรงและสไตล์ได้
ครอป จัดพอดี หรือยืดรูปต้นฉบับ แล้วปรับขอบภายใน ความโค้งมุม และสีพื้นหลังพร้อมตัวอย่างสด
favicon.ico หลายขนาด
ไฟล์ ICO ที่ถูกต้องหนึ่งไฟล์ ฝังเฟรม 16, 32 และ 48 พิกเซลไว้ เบราว์เซอร์ทุกตัวจึงเลือกขนาดที่เหมาะสมได้
ดูตัวอย่างขนาดเล็กสด
เห็น favicon ขนาด 16 และ 32 พิกเซลก่อนเผยแพร่ เพื่อมั่นใจว่าขนาดเล็กที่สุดยังอ่านออก
Manifest และโค้ด HTML
web manifest ที่ตั้งค่าไว้และแท็ก link พร้อมวาง — ใส่ในส่วน head ของคุณแล้วจบ
ผลลัพธ์การแปลงรูปเป็นไอคอนถูกใช้ที่ไหนบ้าง
ทุกโปรเจกต์ที่มีเว็บไซต์ แอป หรือ PWA ย่อมต้องการชุดไอคอน นี่คือผู้ที่ใช้ชุดไอคอนจากการแปลงรูปเป็นไอคอน
นักพัฒนาเว็บ
วางไฟล์ที่สร้างแล้วลงในโฟลเดอร์ public แล้ววางโค้ด HTML
- •เว็บไซต์แบบ static และ landing page
- •โปรเจกต์ Next.js, Astro และ Vite
- •เว็บไซต์เอกสารและบล็อก
Indie Hacker
ส่งมอบ favicon และไอคอน PWA สำหรับ side project ของคุณได้ในไม่กี่นาที
- •MVP และการเปิดตัวผลิตภัณฑ์
- •Side project และเดโม
- •งานส่งเข้าแข่งขันแฮ็กกาธอน
นักออกแบบ
ส่งมอบชุดไอคอนที่ครบถ้วนและตั้งชื่อถูกต้องให้ลูกค้าจากการส่งออกโลโก้ครั้งเดียว
- •งานส่งมอบแบรนด์ให้ลูกค้า
- •ส่งมอบงาน design system
- •ตัวอย่าง favicon เพื่อตรวจสอบ
เอเจนซี
สร้างชุดไอคอนที่สม่ำเสมอบนเว็บไซต์ลูกค้าหลายแห่งโดยไม่ต้องทำซ้ำ
- •เปิดตัวเว็บหลายไซต์
- •การติดตั้งแบบ white-label
- •เทมเพลตและ starter kit
ผู้สร้าง PWA
รับ PNG ขนาด 192 และ 512 พิกเซลพร้อม web manifest ที่ PWA ที่ติดตั้งได้ต้องการ
- •เว็บแอปที่ติดตั้งได้
- •PWA แบบ offline-first
- •ตัวรันจากหน้าจอหลัก
ผู้ดูแลโอเพนซอร์ส
เพิ่ม favicon และไอคอนแอปลงในโฟลเดอร์ public ของ repo ได้ในขั้นตอนเดียว
- •เว็บไซต์ GitHub Pages
- •เว็บไซต์เอกสารและเดโม
- •หน้า landing page ของโปรเจกต์
ผู้ใช้พูดถึงเราอย่างไร
นักพัฒนา นักออกแบบ และ indie maker ใช้เครื่องมือแปลงรูปเป็นไอคอนนี้เพื่อส่งมอบไอคอนได้ไร้ข้อขัดข้อง
“เมื่อก่อนฉันต้องย่อ PNG หกไฟล์และเขียน manifest เองทุกครั้งที่เริ่มโปรเจกต์ใหม่ ตอนนี้แค่วางโลโก้ ปรับขอบ แล้วชุดไอคอนทั้งหมดก็พร้อมในไม่กี่วินาที ตัวอย่าง 16px ช่วยฉันจาก favicon ที่เละได้หลายครั้ง”
Sofia Almeida
นักพัฒนา frontend
“การที่มันรันในเบราว์เซอร์คือเหตุผลหลักที่ฉันใช้ โลโก้ลูกค้าไม่ถูกอัปโหลดไปที่ใดเลย แต่ฉันยังได้ favicon.ico, Apple Touch Icon และไอคอน PWA ใน ZIP เดียว เป็นสิ่งที่ favicon generator ควรเป็นเลย”
Jonas Weber
Indie maker
“ตอนนี้ฉันส่งมอบชุดไอคอนให้ลูกค้าจากเครื่องมือนี้ โหมดครอปและจัดพอดีจัดการโลโก้แนวกว้างได้ดีมาก มุมโค้มดูประณีต และชื่อไฟล์ตรงกับที่นักพัฒนาคาดหวังจริง ๆ เป็น workflow แปลงรูปเป็นไอคอนที่สะอาดที่สุดที่ฉันเคยเจอ”
Mei Tanaka
นักออกแบบแบรนด์
คำถามที่พบบ่อยเกี่ยวกับการแปลงรูปเป็นไอคอน
คำตอบสั้น ๆ เกี่ยวกับตัวแปลงรูปเป็นไอคอน — มันทำอะไร ทำงานอย่างไร ความเป็นส่วนตัว และราคา
อัปโหลดรูปภาพ รับชุดไอคอนครบครัน
favicon.ico, PNG หลายขนาด, Apple Touch Icon, ไอคอน PWA, manifest และ HTML — ดาวน์โหลดครั้งเดียว พร้อมใช้งาน ฟรีตลอดไป ไม่ต้องสมัครสมาชิก