Skærmbilleder viser den engelske app. Forudindstillede navne og kontroller er også tilgængelige på dit app-sprog.

Dit udgangspunkt

Brug iOS-ressourcer i flere skaleringer i PixRinse, og gennemgå derefter disse indstillinger i forhold til din faktiske destination.

Indstillinger for denne arbejdsgang
KildekonventionOriginal repræsenterer @3x
@3x100% af kilden
@2x⅔ af kilden
@1x⅓ af kilden
PixRinse iOS-ressourcer i flere skaleringer forudindstillet med tre PNG derivater
Indstillinger brugt til denne gennemgang. Vælg skærmbilledet for at inspicere det i fuld størrelse.

Sådan gør du

  1. Forbered en ren @3x-kilde

    En 900 × 600 px kilde repræsenterer et 300 × 200 pt billede ved @3x. Foretrækker dimensioner delelige med tre for at undgå tvetydig afrunding.

  2. Vælg iOS-ressourcer i flere skaleringer

    Gennemgå de tre PNG udgange. Forudindstillingen navngiver filen i fuld størrelse @3x, to-tredjedele-filen @2x og en tredjedel-fil uden et skala-suffiks.

  3. Undersøg gennemsigtighed og dimensioner

    Tjek fine streger på hver skala. Originalen skal indeholde nok detaljer; forudindstillingen gentegner ikke ikoner eller laver vektorillustrationer.

  4. Eksporter og tilføj til Xcode

    Placer hver fil i den matchende skala på dit billedaktiv. Dette er et billedskalasæt, ikke et komplet AppIcon-katalog.

FILERNE FRA DENNE GENNEMGANG

Hvad dette eksempel frembragte

Kilden er en 900 × 600 transparent PNG, der repræsenterer @3x. Den producerer de tre størrelser nedenfor. @3x-eksporten bevarer de originale afkodede pixels og alfa.

@3x
900 × 600
@2x
600 × 400
@1x
300 × 200
Gennemsigtighed
Beholdt
Faktisk eksporterede filer
FilFormatPixelsBytes
badge.pngPNG300 × 20020.079
badge@2x.pngPNG600 × 40074.319
badge@3x.pngPNG900 × 600149.961
Generer et sæt iOS billedskalaer: faktiske eksporterede resultater
Faktiske eksportresultater for eksempelfilerne vist i denne gennemgang.

Målt på de viste prøvefiler. Dine resultater afhænger af dine originaler og indstillinger. Denne gennemgang bruger ejet PixRinse-kunstværk på firkantede eller gennemsigtige prøvelærreder.

Et par almindelige spørgsmål

Er de små billeder ændret i forhold til hinanden?

Nej. Hver afledte kommer direkte fra originalen.

Genererer det Assets.xcassets?

Det eksporterer PNG filer med specifikke filnavne. Føj disse filer til de relevante billedaktivpladser i Xcode.

Sæt arbejdsgangen i gang.

Åbn PixRinse, tilføj et par billeder og start med indstillingerne ovenfor.

Hent til MacGratis: op til 10 billeder pr. batch og et output pr. kilde. Denne workflows flere output kræver Pro. Sammenlign gratis og pro.