Tangkapan skrin menunjukkan apl bahasa Inggeris. Nama dan kawalan pratetap juga tersedia dalam bahasa apl anda.

Titik permulaan anda

Gunakan Aset iOS Pelbagai Skala dalam PixRinse, kemudian semak tetapan ini terhadap destinasi sebenar anda.

Tetapan untuk aliran kerja ini
Konvensyen sumberAsal mewakili @3x
@3x100% daripada sumber
@2x⅔ daripada sumber
@1x⅓ daripada sumber
PixRinse Aset iOS Pelbagai Skala pratetap dengan tiga PNG derivatif
Tetapan yang digunakan untuk panduan ini. Pilih tangkapan skrin untuk memeriksanya pada saiz penuh.

Bagaimana untuk melakukannya

  1. Sediakan sumber @3x yang bersih

    Sumber 900 × 600 px mewakili imej 300 × 200 pt di @3x. Pilih dimensi yang boleh dibahagikan dengan tiga untuk mengelakkan pembundaran yang tidak jelas.

  2. Pilih Aset iOS Pelbagai Skala

    Semak tiga output PNG. Pratetap menamakan fail bersaiz penuh @3x, fail dua pertiga @2x dan fail satu pertiga tanpa akhiran skala.

  3. Periksa ketelusan dan dimensi

    Periksa pukulan halus pada setiap skala. Asal mesti mengandungi perincian yang mencukupi; pratetap tidak melukis semula ikon atau membuat karya seni vektor.

  4. Eksport dan tambah pada Xcode

    Letakkan setiap fail dalam slot skala padanan aset imej anda. Ini ialah set skala imej, bukan katalog AppIcon yang lengkap.

FAIL DARI JALAN RAYA INI

Apa yang dihasilkan oleh contoh ini

Sumbernya ialah 900 × 600 lutsinar PNG mewakili @3x. Ia menghasilkan tiga saiz di bawah. Eksport @3x mengekalkan piksel dan alfa yang dinyahkod asal.

@3x
900 × 600
@2x
600 × 400
@1x
300 × 200
Ketelusan
dikekalkan
Fail yang dieksport sebenar
FailFormatPikselBait
badge.pngPNG300 × 20020,079
badge@2x.pngPNG600 × 40074,319
badge@3x.pngPNG900 × 600149,961
Hasilkan set iOS skala imej: hasil eksport sebenar
Hasil eksport sebenar untuk fail sampel yang ditunjukkan dalam panduan ini.

Diukur pada fail sampel yang ditunjukkan. Hasil anda bergantung pada asal dan tetapan anda. Panduan ini menggunakan karya seni PixRinse milik pada kanvas sampel segi empat sama atau lutsinar.

Beberapa soalan biasa

Adakah imej kecil diubah saiz antara satu sama lain?

Tidak. Setiap terbitan datang terus daripada asal.

Adakah ia menjana Assets.xcassets?

Ia mengeksport PNG fail dengan nama fail tertentu. Tambahkan fail ini pada slot aset imej yang sesuai dalam Xcode.

Letakkan aliran kerja berfungsi.

Buka PixRinse, tambahkan beberapa imej dan mulakan dengan tetapan di atas.

Muat turun untuk MacPercuma: sehingga 10 imej setiap kelompok dan satu output bagi setiap sumber. Output berbilang aliran kerja ini memerlukan Pro. Bandingkan Percuma & Pro.