PixRinseLes captures de pantalla mostren l'aplicació en anglès. Els noms i controls predefinits també estan disponibles en l'idioma de l'aplicació.
El teu punt de partida
Utilitzeu Recursos escalats d’iOS a PixRinse i, a continuació, reviseu aquesta configuració amb la vostra destinació real.
| Convenció de la font | L'original representa @3x |
|---|---|
| @3x | 100% de la font |
| @2x | ⅔ de la font |
| @1x | ⅓ de la font |
Com fer-ho
Prepareu una font @3x neta
Una font 900 × 600 px representa una imatge 300 × 200 pt a @3x. Preferiu dimensions divisibles per tres per evitar arrodoniments ambigus.
Seleccioneu Recursos escalats d’iOS
Reviseu les tres sortides PNG. El preajust anomena el fitxer de mida completa @3x, el fitxer de dos terços @2x i el fitxer d'un terç sense un sufix d'escala.
Inspeccioneu la transparència i les dimensions
Comproveu els traços fins a cada escala. L'original ha de contenir prou detall; el valor preestablert no torna a dibuixar icones ni crea il·lustracions vectorials.
Exporta i afegeix a Xcode
Col·loqueu cada fitxer a la ranura d'escala corresponent del vostre actiu d'imatge. Aquest és un conjunt d'escales d'imatge, no un catàleg d'AppIcon complet.
ELS FITXES D'AQUEST PASSEIG
Què va produir aquest exemple
La font és un 900 × 600 transparent PNG que representa @3x. Produeix les tres mides següents. L'exportació @3x conserva els píxels i l'alfa descodificats originals.
- @3x
- 900 × 600
- @2x
- 600 × 400
- @1x
- 300 × 200
- Transparència
- Retingut
| Fitxer | Format | Píxels | Bytes |
|---|---|---|---|
| badge.png | PNG | 300 × 200 | 20.079 |
| badge@2x.png | PNG | 600 × 400 | 74.319 |
| badge@3x.png | PNG | 900 × 600 | 149.961 |
Mesurat amb els fitxers de mostra mostrats. Els vostres resultats depenen dels vostres originals i configuració. Aquest tutorial utilitza obres d'art PixRinse pròpies en llenços de mostra quadrats o transparents.
Un parell de preguntes habituals
Les imatges petites es redimensionen les unes de les altres?
No. Tota derivada prové directament de l'original.
Genera Assets.xcassets?
Exporta fitxers PNG amb noms de fitxer específics. Afegiu aquests fitxers a les ranures de recursos d'imatge adequades a Xcode.
Posa el flux de treball a treballar.
Obriu PixRinse, afegiu unes quantes imatges i comenceu amb la configuració anterior.
Baixa per a MacGratuït: fins a 10 imatges per lot i una sortida per font. Les múltiples sortides d'aquest flux de treball requereixen Pro. Compara Gratuït i Pro.