iOS วิธีการตั้งค่าไอคอนแอปและเปิดภาพ


172

ฉันจะตั้งค่ารูปภาพเพื่อให้สามารถเก็บและตรวจสอบแอพของฉันได้อย่างไร? หน้าจอมีลักษณะดังนี้:

ป้อนคำอธิบายรูปภาพที่นี่

ดังนั้นก่อนที่หนึ่งกล่าวว่าแต่แล้วก็ยังพูดว่า29pt 2xดังนั้นฉันจะใส่29x29ภาพหรือ58x58ภาพหรือไม่? แล้วฉันจะเอาอันอื่นไปไว้ที่ไหน? (ฉันรู้ว่ามีขนาดมากกว่า29, 40และ60)

อย่างไรก็ตามสิ่งที่ฉันพยายามคือฉันลาก29x29png ไปยังช่องแรก, 40x40ไปยังที่สอง, และ60x60ไปยังที่สามและสี่ เมื่อฉันไปProduct->Archiveฉันได้

/ Users / kendon / Documents / iPhone Apps / เครื่องมือการขาย / เครื่องมือการขาย / Images.xcassets: ชุดไอคอนแอพที่ชื่อว่า "AppIcon" ไม่มีเนื้อหาใด ๆ ที่เกี่ยวข้อง


เลือกตัวตรวจสอบแอปพลิเคชันและแตะนอกจากนี้ยังแสดงมิติที่ต้องการ 29x29 สำหรับ 1x และ 58x58 สำหรับ 2x ฯลฯ
Muhammad Adnan

3
คุณสามารถใช้เว็บไซต์นี้เพื่อสร้างไอคอนแอปทั้งหมดmakeappicon.com
AL̲̳I

9
เหตุใดเราไม่สามารถทำสิ่งนี้ใน Xcode ได้เองไม่มีแอปหรือเว็บไซต์พิเศษ ภาพขนาดใหญ่เพียงภาพเดียวเท่านั้นซึ่งจะง่ายเกินไปใช่ไหม นี่คือวิธีที่ฉันทำใน Unity
tsukimi

ดูเหมือนว่าภาพนั้นอยู่ใกล้กับขอบของพื้นหลังสีขาวในไอคอนมากเกินไปมีวิธีที่จะทำให้ภาพเล็กลงหรือไม่ แต่ต้องมีอัตราส่วนพิกเซลต่อพิกเซลเท่ากันที่จำเป็น? นี้เกิดขึ้นหลังจากใช้ makeappicon.com
nenur

มันไม่ได้ใช้ใน iOS 13 อีกต่อไป
Manish

คำตอบ:


211

ปรับปรุง:ถ้าคุณรักการปรับขนาดไอคอนหนึ่งโดยหนึ่งตรวจสอบคำตอบของ Schmoudi มันง่ายกว่ามาก

ขนาดไอคอน

ป้อนคำอธิบายรูปภาพที่นี่

ภาพด้านบนจากการออกแบบสำหรับ iOS 9 พวกเขาเป็นเหมือนกันสำหรับ iOS 10

วิธีการตั้งค่าไอคอนแอพ

คลิกAssets.xcassetsในโครงการนำทางแล้วเลือกAppIcon

ป้อนคำอธิบายรูปภาพที่นี่

สิ่งนี้จะทำให้คุณมีไอคอนชุดแอพที่ว่างเปล่า

ป้อนคำอธิบายรูปภาพที่นี่

ตอนนี้เพียงลากภาพขนาดที่เหมาะสม (ในรูปแบบ. png) จาก Finder ไปยังทุกช่องว่างในชุดแอป ไอคอนแอพควรได้รับการตั้งค่าเรียบร้อยแล้ว

วิธีการสร้างภาพขนาดที่เหมาะสม

รูปภาพที่อยู่ด้านบนสุดบอกขนาดพิกเซลสำหรับแต่ละขนาดของจุดที่ต้องการใน iOS 9 อย่างไรก็ตามแม้ว่าฉันจะไม่ได้รับคำตอบที่ได้รับการอัปเดตสำหรับ iOS รุ่นต่อไปคุณยังสามารถหาขนาดพิกเซลที่ถูกต้องได้โดยใช้ วิธีการด้านล่าง

ดูว่ามีกี่แต้ม (pt) ในแต่ละชุดภาพเปล่า หากภาพเป็น 1x พิกเซลจะเหมือนกันกับคะแนน สำหรับ 2x สองเท่าของคะแนนและ 3 เท่าของคะแนน ตัวอย่างเช่นในช่องว่างแรกด้านบน (29pt 2x) คุณจะต้องมีภาพขนาด 58x58 พิกเซล

คุณสามารถเริ่มต้นด้วยภาพขนาด 1024x1024 พิกเซลจากนั้นปรับขนาดให้เล็กลงตามขนาดที่ถูกต้อง คุณสามารถทำได้ด้วยตัวเองหรือมีเว็บไซต์และสคริปต์เพื่อให้ได้ขนาดที่เหมาะสม ค้นหา "ios app icon generator" หรืออะไรที่คล้ายกัน

ฉันไม่คิดว่าชื่อมีความสำคัญตราบใดที่คุณมีมิติที่ถูกต้อง แต่หลักการตั้งชื่อทั่วไปมีดังนี้:

Icon-29.png      // 29x29 pixels
Icon-29@2x.png   // 58x58 pixels
Icon-29@3x.png   // 87x87 pixels

เปิดภาพ

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

เอกสารที่เป็นประโยชน์

อิมเมจ Xcode ในโพสต์นี้สร้างด้วย Xcode 7


สำหรับฉันใน XCode 7.2 XCode ไม่อนุญาตให้คุณลากภาพไปยังกล่องเหล่านั้น คุณช่วยฉันได้ไหม
ahitt6345

1
@ ahitt6345: ฉันทดสอบมันอีกครั้งด้วย Xcode 7.2 และมันก็ยังใช้งานได้ เปิด Finder และค้นหาภาพของคุณในโฟลเดอร์ใดก็ได้ที่คุณมี จากนั้นลากไปไว้ในตำแหน่งแอพไอคอนที่ถูกต้องใน Xcode ดังที่แสดงด้านบน หากภาพของคุณอยู่ในรูปแบบที่ไม่ถูกต้องแสดงว่าอาจไม่ทำงาน ใช้รูปแบบ. png
Suragch

พวกเขาเป็นรูปแบบ. png ฉันได้ลองลากแล้วปล่อยอีกครั้งและมันก็ยังไม่ทำงาน
ahitt6345

@ ahitt6345 ลองดูบทแนะนำวิดีโอ YouTubeนี้ มันอาจช่วยให้เห็นว่ากำลังดำเนินการอยู่
Suragch

ฉันมีปัญหาในการลากพวกเขาเช่นกันจนกว่าฉันจะเปลี่ยนรูปแบบของ png เพื่อให้ตรงกับตำแหน่งที่ฉันลากมัน นี่คือกับ Xcode 8.3
curt

177

ฉันเพิ่งพบแอพนี้ชื่อว่าIcon Set CreatorในApp Storeซึ่งฟรีโดยไม่มีโฆษณาอัปเดตการเปลี่ยนแปลงใหม่ส่งตรงและทำงานได้ดีสำหรับขนาดไอคอนที่เป็นไปได้ใน OSX, iOS และ WatchOS:

ในผู้สร้างชุดไอคอน:

  1. ลากภาพของคุณลงในมุมมอง
  2. เลือกแพลตฟอร์มเป้าหมายของคุณ
  3. ส่งออกโฟลเดอร์ชุดไอคอน

iconSetCreator

ใน XCode:

  1. นำทางไปยังโฟลเดอร์Assets.xcassets
  2. ลบ AppIcon ที่มีอยู่ก่อน
  3. คลิกขวา -> นำเข้าชุดไอคอนที่คุณสร้างเป็นAppIconและคุณทำเสร็จแล้ว


1
สิ่งนี้กลายเป็นทรัพย์สินที่ยอดเยี่ยมสำหรับฉันในขณะที่ฉันต่อสู้ด้วยความเข้าใจระบบไอคอนแอพสำหรับแอพ Enterprise ของฉัน ถึงแม้ว่ามันจะคุ้มค่าที่จะกล่าวถึงความชัดเจนในการใช้งาน แอพไม่ได้บอกชื่อหรือตำแหน่งที่คุณบันทึกภาพที่สร้างขึ้นใหม่โดยเฉพาะ นี่เป็นแอปพลิเคชั่น iOS ฉันต้องใช้เวลาสักพักกว่าจะรู้ว่าแอพสร้างโฟลเดอร์ชื่อ 'iOS' แล้วบันทึกภาพที่อยู่ภายในโฟลเดอร์อื่นที่ชื่อว่า 'Appicon.appiconset' เมื่อพร้อมที่จะนำเข้าสู่โครงการมันเป็นโฟลเดอร์นี้คุณควรเลือก
Bill Norman

ประหยัดเวลาทั้งหมดของฉัน ... ฉันทำทุกอย่างให้เสร็จภายใน 15 นาที
NduJay

22

เพื่อประหยัดเวลา:

1) คุณสามารถทำเครื่องหมายภาพไอคอนแอปของคุณทั้งหมดในตัวค้นหาและลากลงในแคตตาล็อกสินทรัพย์ของคุณได้ในคราวเดียวโดยการลากลงในช่องว่างหนึ่งในชุดไอคอนอิมเมจ เมื่อคุณกดค้างไว้เหนือสล็อตสล็อตอื่น ๆ ที่เลือกไว้จะมีลักษณะหลายแบบและเมื่อคุณวางสิ่งเหล่านี้จะถูกเติมเต็มทันที โปรดทราบว่านี่ใช้งานได้ใน XCode 8 (ฉันยังไม่ได้ลอง XCode 7) แต่ใน XCode 9 รุ่นเบต้ายังไม่

ลากไปที่ไอคอนแอพรูปภาพชุดสินทรัพย์

2) ไซต์เอกสารแอปเปิ้ล"เทคนิคถาม & ตอบ QA1686"มีขนาดต่อช่องไอคอนแอปคำนวณแล้วสำหรับคุณในภาพที่ดีและยังมีการประชุมชื่อภาพที่ถูกต้อง

ขนาดไอคอนแอป



10

ฉันใช้เครื่องมือที่ชื่อว่า Prepo เพื่อผลิตขนาดภาพที่ถูกต้องทั้งหมด คุณเพียงแค่ป้อนไฟล์ภาพของแอพและมันจะคายแต่ละไฟล์ที่จำเป็นด้วยชื่อที่เหมาะสม

เมื่อคุณทำเช่นนี้คุณสามารถลากไฟล์ที่เหมาะสมหรือเพียงชี้ไปที่โฟลเดอร์ส่งออก Prepo ของคุณ


มันไม่ได้ทำไอคอน 167x167 สำหรับไอแพดรุ่นล่าสุด
Yernar Amergaliyev

มันจะสร้าง 167x167 เมื่อคุณส่งออกภาพ มันไม่แสดงขนาดนั้น (และขนาดอื่น ๆ ) ในหน้าต่างแสดงตัวอย่าง
tiguchi

8

ตอนนี้การตั้งค่า app-icon เป็นเรื่องง่ายเพียงแค่ไปที่ https://makeappicon.com/เพิ่มภาพของคุณพวกเขาจะส่งขนาด App-icon ให้คุณ (สำหรับการดู & iTunes ด้วย) ตอนนี้คลิกสินทรัพย์ .xcassets ใน Project navigator จากนั้นเลือก AppIcon ตอนนี้คุณเพียงแค่ต้องลากและวางไอคอนตามที่ต้องการ


5

ในรายการด้านซ้ายคลิกขวาที่ "AppIcon" และคลิกที่ "เปิดในตัวค้นหา" โฟลเดอร์ที่ชื่อ "AppIcon.appiconset" จะเปิดขึ้น วางกราฟิกทั้งหมดที่มีความละเอียดที่ต้องการที่นั่น เมื่อทำเสร็จแล้วภาพเหล่านั้นทั้งหมดจะปรากฏในหน้าจอเดียวกันนี้ (หนึ่งภาพในหน้าจอของคุณ) จากนั้นลากไปยังกล่องที่เหมาะสม เพิ่มไอคอนแอพแล้ว กระบวนการเดียวกันสำหรับเรียกใช้อิมเมจ เปิดตัวรูปภาพผ่านกระบวนการนี้จะถูกเพิ่มสำหรับ iOS 7 และต่ำกว่า สำหรับไฟล์ LaunchScreen.xib ที่แยกต่างหากของ iOS 8 จะทำตามค่าเริ่มต้น


5

ฉันพบแอพชื่อว่า Iconizer คุณสามารถหาพื้นที่เก็บข้อมูลบนGitHub Iconizer สามารถสร้างไอคอนแอพสำหรับOS X, iPad, iPhone, CarPlayและApple Watchด้วยภาพเดียว

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

หลังจากนั้นเพียงแค่แทนที่ (ลบและนำเข้า) AppIcon ของคุณในAssets.xcassets


2

นี่เป็นส่วนหนึ่งที่น่าผิดหวังของ XCode เช่นเดียวกับหลาย ๆ ฉันเสียเวลากับเรื่องนี้เมื่อฉันเปลี่ยนเป็น xcode รุ่นที่ใหม่กว่า (เวอร์ชั่น 8) ทางออกสำหรับฉันคือการเปิดคุณสมบัติสำหรับโครงการของฉันและภายใต้ "ไอคอนแอปและรูปภาพเริ่มต้น" เลือกตัวเลือก "โยกย้าย" สำหรับไอคอน สิ่งนี้ไม่สมเหตุสมผลสำหรับฉันเนื่องจากฉันมีไอคอนทั้งหมดอยู่ที่นั่นแล้ว แต่มันก็ใช้ได้! น่าเสียดายที่ตอนนี้ฉันดูเหมือนจะมีไอคอนตัวเรียกใช้งานของฉันสองชุดในโครงการ


นี่คือสิ่งที่ฉันต้องการสำหรับการอัปเดตโปรเจ็
กต์

1

ตามเวอร์ชั่นที่อัปเดตแล้ว (Xcode 8.3.3) ฉันเห็นว่าต้องมีความละเอียดด้านล่างสำหรับฟิลด์ทุกAppIconชุด

40x40
58x58
60x60
80x80
87x87
120x120
180x180

มันมาพร้อมกับ hdpi, xhdpi, xxhdpi เป็นต้นหวังว่ามันจะช่วยผู้อื่นได้

แก้ไขถึง 120x120

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.