Generare risorse di immagini dai livelli

Aggiungendo estensioni file ai nomi dei livelli, attivi il Generatore di Photoshop che crea automaticamente i file di immagine ogni volta che salvi.Così elimini i passaggi di esportazione ripetitivi per progetti web, app e multi-dispositivo che richiedono più formati o dimensioni.

Questo flusso di lavoro è ideale quando ti servono esportazioni coerenti e ripetibili in più formati o risoluzioni, ad esempio per produrre versioni @1x, @2x e @3x per design responsive.Per esportazioni una tantum o se ti servono controlli specifici per il formato, usa invece File > Esportazione > Esporta come

Il generatore crea una cartella dedicata per le risorse e aggiorna automaticamente i file mentre lavori.Puoi generare più formati da un singolo livello, specificare le impostazioni di qualità, ridimensionare le risorse in diverse misure e organizzare gli output in sottocartelle, tutto tramite le convenzioni di denominazione dei livelli.

• Documento Photoshop con livelli o gruppi di livelli denominati
• Documento salvato in una posizione nota, altrimenti le risorse vengono visualizzate sul Desktop
• Conoscenza dei formati di output richiesti per il progetto

Abilita la generazione di risorse di immagine

Photoshop crea il file di immagine in una sottocartella accanto al documento salvato.Se il documento non è ancora stato salvato, le risorse vengono visualizzate in una nuova cartella sul Desktop.Il generatore resta attivo: qualsiasi modifica ai livelli con il generatore abilitato attiva l’aggiornamento automatico delle risorse corrispondenti.

Genera più formati da un livello

Un singolo livello può produrre contemporaneamente risorse in formati, dimensioni e livelli di qualità diversi.Separa ogni specifica della risorsa nel nome del livello con una virgola o un segno più.

Photoshop genera tre file distinti dallo stesso contenuto del livello, eliminando la necessità di esportare manualmente la stessa grafica in formati diversi.

Controllo della qualità e ridimensionamento delle risorse per diversi screens

I suffissi di qualità controllano la compressione per i file JPG (1-100) e la profondità di bit per i file PNG (8, 24 o 32).I prefissi di dimensione accettano percentuali per il ridimensionamento relativo o dimensioni assolute in pixel.Puoi combinare le unità di misura, ad esempio "10in x 5cm banner.jpg", e omettere una dimensione per ridimensionare in modo proporzionale: "1080 x icon.png" imposta la Larghezza su 1080 px, mantenendo le proporzioni.

Esempi di ridimensionamento relativo:

200% logo.png raddoppia le dimensioni della risorsa

50% thumbnail.jpg riduce la risorsa a metà delle dimensioni

Esempi di dimensionamento assoluto:

300 x 200 hero.png crea un'immagine di 300×200 pixel

10in x 5cm banner.jpg combina unità di misura diverse (10 pollici di larghezza, 5 centimetri di altezza)

1080 x icon.png imposta la Larghezza su 1080 px, l’altezza si adatta in modo proporzionale

Organizza le risorse in sottocartelle

Per impostazione predefinita, tutte le risorse generate vengono salvate in un’unica cartella accanto al file PSD.L’aggiunta del nome di una sottocartella prima del nome del file indica al generatore di creare e utilizzare automaticamente quella sottocartella.In questo modo le risorse correlate restano organizzate senza dover gestire manualmente le cartelle.

Includi il percorso della sottocartella nel nome del livello usando le barre oblique: subfolder/filename.png o icons/logo.svg.Puoi annidare più livelli: assets/icons/logo.png.

Esportazione delle risorse in cartelle specifiche

Photoshop crea automaticamente la struttura delle cartelle e inserisce ogni risorsa nella posizione designata. La combinazione di sottocartelle con prefissi di dimensione e impostazioni di qualità offre il pieno controllo sull'organizzazione delle risorse: mobile/200% button@2x.png, desktop/button.jpg90.

Impostazione dei valori predefiniti del documento

Crea un Livello speciale per definire le impostazioni baseline da applicare a tutte le risorse generate. In questo modo si evita di specificare ripetutamente i parametri nei nomi dei singoli livelli.

Crea un Livello vuoto e assegnagli un nome che inizi con “default” seguito dalle impostazioni che preferisci. Le configurazioni più comuni includono “default 200%” per ridimensionare tutte le risorse al 200%, “default assets/” per salvare tutto in una sottocartella assets oppure “default @2x” per aggiungere il suffisso @2x a tutti i nomi file.

Puoi combinare più valori predefiniti: "default 200% retina/ @2x" ridimensiona tutte le risorse al 200%, le salva in una sottocartella retina e aggiunge il suffisso @2x ai nomi dei file.Le impostazioni del singolo utente Livello sostituiscono quelle predefinite del documento: se il valore predefinito specifica “default 200%” ma il nome di un Livello include “50% thumbnail.png”, quel Livello viene generato al 50%.

Lavora con documenti cloud

I documenti cloud archiviano le risorse generate in locale anziché direttamente accanto al file PSD. Photoshop mantiene questa separazione per distinguere tra contenuto locale e contenuto sincronizzato nel cloud.

Le risorse per i documenti cloud vengono visualizzate in queste posizioni:

• Windows: C:\Usersusername>\Documents\Adobe\Photoshop Cloud Associates
• macOS: /Users//Documents/Adobe/Photoshop Cloud Associates

Ogni documento cloud crea una propria sottocartella all’interno di questa directory. Le risorse vengono generate automaticamente mentre lavori, ma restano sul computer locale finché non le condividi o sincronizzi esplicitamente in Creative Cloud.

Disabilita la generazione di risorse

Una volta attivata, la generazione delle risorse immagine per un documento resta attiva anche nelle sessioni successive. La funzione rigenera automaticamente le risorse ogni volta che salvi e questo può rallentare le prestazioni con i documenti complessi.

Per disattivare la generazione per il documento corrente, deseleziona File > Automatizza > Plug-in generatore > Risorse immagine. In questo modo interrompi la creazione automatica delle risorse, ma mantieni le risorse esistenti e la denominazione dei livelli.

Per disattivare il generatore a livello globale per tutti i documenti, seleziona Modifica > Preferenze > Plug-in, deseleziona Attiva generatore e seleziona OK.In questo modo disattivi completamente la funzionalità del generatore, finché non la riattivi nelle Preferenze.