แปลงฟรี

ไอคอนแอพ เครื่องกำเนิดไฟฟ้า

สร้างไอคอนแอปในทุกขนาดที่จำเป็นของ iOS และ Android ได้ทันที ฟรี ปลอดภัย และทำงานได้อย่างสมบูรณ์ในเบราว์เซอร์ของคุณ

ลากและวางรูปภาพที่นี่

รองรับ PNG, JPG, SVG, WebP สูงสุด 10MB

หรือ

เกี่ยวกับเครื่องมือนี้

ไอคอนแอปบนอุปกรณ์เคลื่อนที่ต้องมีการจัดส่งหลายขนาด แอพ iOS ต้องใช้ขนาด 1024×1024 สำหรับ App Store รวมถึงหน้าจอหลัก การตั้งค่า การแจ้งเตือน Spotlight และ Apple Watch ที่มีขนาดเล็กกว่าอีกหลายสิบขนาด แอป Android ต้องใช้ไอคอนที่มีความหนาแน่นหลายระดับ (mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi) รวมถึงไอคอนแบบปรับเปลี่ยนได้ซึ่งมีเลเยอร์พื้นหน้าและพื้นหลังแยกกัน การสร้างสิ่งเหล่านี้ทั้งหมดจากอิมเมจต้นฉบับเดียวจะช่วยประหยัดเวลาในการส่งออกด้วยตนเอง และหลีกเลี่ยงความไม่สอดคล้องกันระหว่างขนาด

ตัวสร้างนี้ใช้อิมเมจต้นฉบับที่มีความละเอียดสูงและส่งเอาต์พุตชุดไอคอนแบบเต็มสำหรับ iOS และ Android ขนาด iOS ได้แก่ 20pt, 29pt, 40pt, 60pt, 76pt และ 83.5pt ที่ระดับ @2x และ @3x รวมถึงไอคอนการตลาด 1024×1024 ขนาดของ Android ประกอบด้วยไอคอน Launcher มาตรฐานที่ถังความหนาแน่นทั้งหมด รวมถึงไอคอนที่ปรับเปลี่ยนได้ส่วนหน้า/พื้นหลัง

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณโดยใช้การสุ่มตัวอย่างแบบ Canvas ไม่มีการอัปโหลด ไม่มีการเรียก API ไม่มีการจำกัดอัตรา zip เอาต์พุตมีโครงสร้างไดเร็กทอรีเต็มรูปแบบที่พร้อมจะวางลงใน Xcode หรือ Android Studio

เหตุใดจึงต้องใช้เครื่องมือสร้างไอคอนแอป

การส่งออกขนาดที่ต้องการทั้งหมดด้วยตนเองจากเครื่องมือออกแบบเป็นเรื่องที่น่าเบื่อและเกิดข้อผิดพลาดได้ง่าย iOS และ Android ต่างก็มีรูปแบบการตั้งชื่อและโครงสร้างไดเรกทอรีเฉพาะ ระบบอัตโนมัติที่ผลิตสิ่งเหล่านี้อย่างถูกต้องจะหลีกเลี่ยงข้อผิดพลาดเล็กๆ น้อยๆ มากมายที่ทำให้การส่ง App Store หยุดชะงัก

เครื่องกำเนิดไฟฟ้ายังบังคับใช้วินัยในการออกแบบด้วย แหล่งที่มาเดียวกันผลิตทุกขนาด ดังนั้นขนาดที่เล็กกว่าจึงรับประกันว่าจะตรงกับขนาดที่ใหญ่กว่า การส่งออกด้วยมืออาจทำให้เกิดความแตกต่างเล็กน้อยได้ หากตัวออกแบบใช้การตั้งค่ามาตราส่วนที่แตกต่างกันสำหรับขนาดที่แตกต่างกัน

วิธีใช้งาน

อัปโหลดภาพต้นฉบับ เลือกแพลตฟอร์มเป้าหมาย ดาวน์โหลด

  1. อัปโหลดแหล่งที่มาของไอคอนของคุณ: ใช้รูปภาพสี่เหลี่ยมจัตุรัสที่มีขนาดอย่างน้อย 1024×1024 พิกเซล แหล่งที่มาควรเติมเต็มผืนผ้าใบให้สมบูรณ์ iOS ใช้มาสก์มุมของตัวเอง ไอคอนแบบปรับเปลี่ยนได้ของ Android ต้องมีเลเยอร์พื้นหน้าและพื้นหลังแยกกัน
  2. เลือกแพลตฟอร์มเป้าหมาย: iOS, Android หรือทั้งสองอย่าง แต่ละแพลตฟอร์มมีข้อกำหนดด้านขนาดและแบบแผนการตั้งชื่อของตัวเอง เครื่องกำเนิดไฟฟ้าจะจัดการขนาดที่ต้องการทั้งหมดสำหรับแพลตฟอร์มที่คุณเลือก
  3. กำหนดค่าเลเยอร์ไอคอนแบบปรับเปลี่ยนได้ (Android): ไอคอนแบบปรับได้ของ Android จะแสดงพื้นหน้าภายในมาสก์ตัวแปร (วงกลม สี่เหลี่ยม วงกลม ฯลฯ) บนตัวเรียกใช้งานที่แตกต่างกัน จัดเตรียมรูปภาพพื้นหน้าและพื้นหลังแยกกันเพื่อรองรับการปรับเปลี่ยนอย่างเหมาะสม
  4. ดาวน์โหลดและบูรณาการ: บันทึกไฟล์ zip ที่สร้างขึ้น วางโฟลเดอร์ iOS ลงใน Assets.xcassets ของ Xcode วางโฟลเดอร์ Android ลงในไดเร็กทอรี res ของโมดูลแอป โครงสร้างตรงกับสิ่งที่ Xcode และ Android Studio คาดหวัง

กรณีการใช้งานทั่วไป

รายละเอียดทางเทคนิค

ขนาดไอคอน iOS (เป็นพิกเซลที่ @1x, @2x, @3x): 20×20 (40, 60), 29×29 (58, 87), 40×40 (80, 120), 60×60 (120, 180), 76×76 (152), 83.5×83.5 (167) บวก 1,024 × 1,024 สำหรับการตลาดของ App Store

ความหนาแน่นของ Android: mdpi 48×48, hdpi 72×72, xhdpi 96×96, xxhdpi 144×144, xxxhdpi 192×192 ขนาดไอคอนที่ปรับเปลี่ยนได้ 108×108 dp = 432×432 พิกเซลที่ xxxhdpi สำหรับโซนปลอดภัย โดยภาพเต็มจะขยายเป็น 432×432 สำหรับเนื้อหาที่มาสก์

การสุ่มตัวอย่างแบบ Canvas จะสร้างแต่ละขนาดจากแหล่งที่มา สำหรับขนาดที่เล็กและมีความแม่นยำสูงสุด การปรับด้วยมือในขนาดที่เล็กที่สุด (16-48 พิกเซล) มักจะปรับปรุงความชัดเจนมากกว่าการสุ่มตัวอย่างแบบอัลกอริธึม พิจารณาการปรับขนาดที่สำคัญด้วยมือรุ่นแล้วรุ่นเล่า

แนวทางปฏิบัติที่ดีที่สุด

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

ฉันสามารถปรับแต่งเอาต์พุตที่สร้างขึ้นได้หรือไม่
ใช่. เครื่องมือนี้มีตัวเลือกการปรับแต่งที่หลากหลายเพื่อปรับแต่งผลลัพธ์ให้ตรงตามความต้องการเฉพาะของคุณ ปรับการตั้งค่าก่อนสร้างหรือสร้างใหม่ด้วยตัวเลือกต่างๆ
เนื้อหาที่สร้างขึ้นใช้งานได้ฟรีหรือไม่?
ใช่. ทุกสิ่งที่คุณสร้างด้วยเครื่องมือนี้เป็นของคุณเพื่อใช้เพื่อวัตถุประสงค์ส่วนตัว การศึกษา หรือเชิงพาณิชย์โดยไม่มีข้อจำกัดหรือข้อกำหนดการระบุแหล่งที่มา
สิ่งนี้จำเป็นต้องมีบัญชีหรือไม่?
ไม่ เครื่องมือนี้พร้อมใช้งานทันทีโดยไม่ต้องสมัคร ไม่มีอีเมล และไม่ต้องลงทะเบียน เพียงเปิดหน้าและเริ่มสร้าง
ข้อมูลอินพุตของฉันถูกเก็บไว้เป็นส่วนตัวหรือไม่?
ใช่. การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ข้อมูลอินพุตและเอาต์พุตที่สร้างขึ้นจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ภายนอกใดๆ
ฉันจะถูกปฏิเสธจาก App Store เนื่องจากปัญหาเกี่ยวกับไอคอนหรือไม่
การปฏิเสธทั่วไป ได้แก่ ขนาดที่หายไป พื้นที่โปร่งใส (ไอคอน App Store จะต้องทึบแสงทั้งหมด) และมุมโค้งมน (iOS จะเพิ่มของตัวเอง แหล่งที่มาควรเป็นสี่เหลี่ยมจัตุรัส) เครื่องกำเนิดไฟฟ้ารองรับข้อกำหนดด้านขนาด ตรวจสอบให้แน่ใจว่าแหล่งที่มาของคุณเป็นไปตามกฎการออกแบบ
รูปภาพของฉันถูกอัพโหลดไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ การสร้างเกิดขึ้นในเบราว์เซอร์ของคุณ
แล้วไอคอน Apple Watch ล่ะ?
watchOS ใช้ไอคอนขนาดเล็กกว่าในขนาดที่กำหนด (24, 27.5, 29, 40, 44, 50, 86, 98, 108 พิกเซล) เครื่องกำเนิดไฟฟ้าส่วนใหญ่รวมสิ่งเหล่านี้ไว้ข้างไอคอน iOS; ตรวจสอบเอาต์พุตของเครื่องกำเนิดไฟฟ้าเพื่อดูความครอบคลุมของ watchOS
ฉันจำเป็นต้องมีไอคอนแยกต่างหากสำหรับ iPad หรือไม่
iPad ใช้บางขนาดที่ iPhone ไม่มี (76×76 และ 83.5×83.5) ตัวสร้างเอาต์พุตขนาดเฉพาะของ iPad เมื่อเลือก iOS