วิธีใช้งาน ตัวสร้างไอคอนแอป
- 1
เพิ่มภาพไอคอนของคุณ
วางไฟล์ PNG, JPG, WebP หรือ SVG ที่เป็นสี่เหลี่ยมจัตุรัส ควรมีขนาด 1024 × 1024 พิกเซลขึ้นไป โลโก้ที่มีพื้นหลังโปร่งใสก็ใช้ได้ดีเช่นกัน
- 2
เลือกแพลตฟอร์ม
เลือก iOS, Android และเว็บและ PWA ไว้ทั้งหมด หรือยกเลิกเครื่องหมายแพลตฟอร์มที่ไม่ได้ใช้ แล้วเลือกชุดขนาดของ Xcode ครบทุกขนาดหรือไอคอน 1024 px เพียงไฟล์เดียว
- 3
ปรับหน้าตาไอคอน
ตั้งค่าระยะขอบ สีพื้นหลัง และขนาดของภาพในไอคอน adaptive และ maskable พร้อมตรวจดูเส้นนำสายตาของโซนปลอดภัยและรูปทรงของตัวเปิดแอปแบบต่าง ๆ
- 4
ดาวน์โหลด ZIP
คลิกดาวน์โหลด ZIP แล้วคัดลอกแต่ละโฟลเดอร์ไปยังโปรเจกต์ของคุณ ไฟล์ README ข้างในจะบอกว่าแต่ละไฟล์ต้องวางไว้ที่ใด
ข้อจำกัดและ Pro
ใช้ฟรี ไม่มีลายน้ำ: ครั้งละ 1 ภาพต้นฉบับ ขนาดไม่เกิน 50 MB, ไอคอน PNG สูงสุด 44 ไฟล์ต่อ ZIP (ค่าเริ่มต้น 39 ไฟล์ และเพิ่มอีก 5 ไฟล์เมื่อใช้เลเยอร์ไอคอนตามธีม) ดาวน์โหลดได้ไม่จำกัด
เกี่ยวกับ ตัวสร้างไอคอนแอป
ตัวสร้างไอคอนแอปเปลี่ยนรูปภาพเพียงรูปเดียวให้เป็นชุดไอคอนครบถ้วนที่แอปมือถือหรือ Progressive Web App ต้องใช้ โดยตั้งชื่อไฟล์และจัดโฟลเดอร์ตามที่ Xcode, Android Studio และเบราว์เซอร์คาดหวัง เมื่อเลือกทุกแพลตฟอร์ม ไฟล์ ZIP จะมี PNG 39 ไฟล์ ได้แก่ 15 ไฟล์สำหรับ asset catalog ของ iPhone และ iPad รวมไอคอน App Store ขนาด 1024 px, ภาพ launcher ของ Android 15 ไฟล์ในความหนาแน่นตั้งแต่ mdpi ถึง xxxhdpi, ไอคอน Google Play ขนาด 512 px และไอคอนเว็บ 8 ไฟล์ ซึ่งครอบคลุมขนาด 192 และ 512 px สำหรับ manifest, เวอร์ชัน maskable, apple-touch-icon ขนาด 180 px และ favicon ขนาด 16, 32 และ 48 px
นอกจากรูปภาพแล้ว ยังมี Contents.json สำหรับ AppIcon.appiconset, XML ของ mipmap-anydpi-v26 สำหรับไอคอน adaptive ของ Android 8 พร้อมรีซอร์สสีพื้นหลัง, favicon.ico ที่รวมสามขนาด, บล็อก icons ของ manifest.webmanifest และแท็ก link ของ HTML ไฟล์ iOS ถูกสร้างโดยไม่มีช่องอัลฟา เพราะ Xcode ไม่ยอมรับไอคอน App Store ที่มีช่องนี้ และทุกขนาดถูกย่อจากต้นฉบับ 1024 px ทีละครึ่ง เพื่อให้ไอคอนเล็กยังคมชัด
เครื่องมือนี้ไม่ได้ออกแบบไอคอนหรือลบพื้นหลังให้ และใช้สีพื้นเรียบสำหรับเลเยอร์พื้นหลังของ adaptive แทนการใช้รูปที่สอง ตัวอย่างสควิร์เคิล หยดน้ำ และวงกลมเป็นการจำลองตัวเปิดแอปที่นิยม แต่ผู้ผลิตโทรศัพท์แต่ละรายใช้มาสก์ของตัวเอง จึงควรตรวจผลลัพธ์บนอุปกรณ์จริงอีกครั้ง
ความเป็นส่วนตัว
ภาพของคุณถูกถอดรหัส ปรับขนาด และรวมเป็น ZIP ภายในแท็บเบราว์เซอร์นี้ โดยใช้ canvas และ Web Worker ในเครื่อง ภาพจึงไม่ออกจากอุปกรณ์ของคุณ และไม่มีการอัปโหลดหรือจัดเก็บใด ๆ
คุณสมบัติ
Xcode asset catalog
AppIcon.appiconset พร้อม Contents.json ครบทุกขนาดของ iPhone และ iPad เป็น PNG ที่ไม่มีช่องอัลฟา
ไอคอน Android adaptive
เลเยอร์หน้า รีซอร์สสีพื้นหลัง ไอคอนทรงกลม เลเยอร์ตามธีม และไอคอน Play Store ขนาด 512
PWA และ favicon
ไอคอน manifest เวอร์ชัน maskable, apple-touch-icon, favicon.ico และแท็ก HTML พร้อมใช้