צילומי מסך מציגים את האפליקציה באנגלית. שמות ופקדים מוגדרים מראש זמינים גם בשפת האפליקציה שלך.

נקודת המוצא שלך

השתמש ב-משאבי iOS בכמה קני מידה ב-PixRinse, ולאחר מכן בדוק את ההגדרות הללו מול היעד האמיתי שלך.

הגדרות עבור זרימת עבודה זו
אמנת מקורמקור מייצג @3x
@3x100% של המקור
@2x⅔ של המקור
@1x⅓ של המקור
PixRinse משאבי iOS בכמה קני מידה מוגדר מראש עם שלוש נגזרות PNG
הגדרות המשמשות להדרכה זו. בחר את צילום המסך כדי לבדוק אותו בגודל מלא.

איך לעשות את זה

  1. הכן מקור @3x נקי

    מקור 900 × 600 px מייצג תמונה 300 × 200 pt ב-@3x. העדיפו מידות המתחלקות בשלוש כדי למנוע עיגול מעורפל.

  2. בחר משאבי iOS בכמה קני מידה

    סקור את שלושת הפלטים PNG. ההגדרה המוגדרת מראש שמה לקובץ בגודל מלא @3x, לקובץ שני שליש @2x ולקובץ שליש ללא סיומת קנה מידה.

  3. בדוק שקיפות ומידות

    בדוק משיכות עדינות בכל קנה מידה. המקור חייב להכיל מספיק פרטים; הקביעה המוגדרת מראש אינה מצייר מחדש סמלים או יוצר גרפיקה וקטורית.

  4. ייצא והוספה ל-Xcode

    הצב כל קובץ בחריץ קנה המידה התואם של נכס התמונה שלך. זהו סט סולם תמונה, לא קטלוג AppIcon שלם.

הקבצים מתוך ההליכה הזו

מה שהדוגמה הזו יצרה

המקור הוא 900 × 600 שקוף PNG המייצג @3x. זה מייצר את שלושת הגדלים למטה. הייצוא @3x שומר על הפיקסלים והאלפא המקוריים המפוענחים.

@3x
900 × 600
@2x
600 × 400
@1x
300 × 200
שְׁקִיפוּת
נשמר
קבצים מיוצאים בפועל
קוֹבֶץפוּרמָטפיקסליםבתים
badge.pngPNG300 × 20020,079
badge@2x.pngPNG600 × 40074,319
badge@3x.pngPNG900 × 600149,961
צור קבוצה של סולמות תמונה iOS: תוצאות מיוצאות בפועל
תוצאות ייצוא בפועל עבור קבצי הדוגמה המוצגים בהדרכה זו.

נמדד בקבצים לדוגמה המוצגים. התוצאות שלך תלויות במקורות ובהגדרות שלך. הדרכה זו משתמשת ביצירות אמנות PixRinse בבעלות על קנבסים מרובעים או שקופים לדוגמה.

כמה שאלות נפוצות

האם התמונות הקטנות השתנו אחת מהשנייה?

לא. כל נגזרת מגיעה ישירות מהמקור.

האם זה יוצר Assets.xcassets?

זה מייצא קבצי PNG עם שמות קבצים ספציפיים. הוסף קבצים אלה למשבצות נכסי התמונה המתאימים ב-Xcode.

הפעל את זרימת העבודה.

פתח את PixRinse, הוסף כמה תמונות והתחל עם ההגדרות שלמעלה.

הורדה ל‑Macחינם: עד 10 תמונות לכל אצווה ופלט אחד לכל מקור. הפלטים המרובים של זרימת העבודה הזו דורשים Pro. השווה חינם ופרו.