Importazione ed esportazione

Questo articolo è una traduzione. La versione inglese è la versione di riferimento e quella che prevale in caso di dubbi.

Questo articolo copre entrambe le fasi del ciclo di vita del file in Designer. La prima parte riguarda l'importazione: tutti i modi in cui i contenuti arrivano nell'area di lavoro, da Aggiungi elementi al trascinamento, fino ai deep link da altre parti di Magnific. La seconda parte riguarda l'esportazione: il pannello Esporta, la distinzione tra Pagine e risorse, la configurazione per singolo elemento, i quattro formati di output, le specifiche PDF, le regole di scala e di denominazione e cosa fare in caso di errori

In questo articolo

• I cinque modi per importare file multimediali
• Le schede Aggiungi elementi
• Trascinare
• Incolla dagli appunti
• Copiare, tagliare e duplicare
• Trascina su un elemento esistente
• Deep link da altre sezioni di Magnific
• Strumenti IA all'interno di Designer
• Importazione in contenuti dinamici
• Dimensioni e qualità all'importazione
• Esportazione: i due metodi
• Apertura del pannello Esporta
• La Tab Pagine
• La Tab Risorse
• Il flow di esportazione end-to-end
• Configurazione di esportazione per singolo elemento
• Impostazioni predefinite a livello di documento
• Formati di esportazione: PNG, JPEG, WebP
• Esportazione PDF
• Scala, dimensioni e nomi dei file
• Risoluzione dei problemi di esportazione

I cinque modi per importare contenuti multimediali

Tutto ciò che viene inserito nell'area di lavoro (immagini, grafica vettoriale, frammenti di testo) arriva tramite uno dei vari meccanismi disponibili. Scegli quello più adatto alla posizione attuale dei tuoi contenuti

Le schede Aggiungi elementi

Se il contenuto è già in Magnific (caricato in precedenza, generato da un altro strumento o parte della biblioteca di elementi curata), le schede della barra laterale sono il modo più rapido per importarlo

• Immagini. La tua biblioteca di immagini: caricamenti, generazioni IA da altri strumenti Magnific, risorse usate di recente. Fai clic su una qualsiasi per rilasciarla nella pagina attiva
• Elementi. Grafica vettoriale curata: icone, illustrazioni, forme, risorse decorative. Fai clic per rilasciare nella pagina attiva

Le schede Aggiungi elementi supportano anche la ricerca e il filtraggio per categoria, utili quando la tua biblioteca è cresciuta oltre ciò che puoi sfogliare visivamente

Trascina e rilascia

Il modo più semplice per importare un file dall'esterno di Magnific

1. Trascina il file

   Trascina un file dal file manager del tuo sistema operativo (Finder su macOS, Esplora file su Windows) nell'area di lavoro

2. Rilascialo

   Rilascia. Il file viene caricato e diventa un elemento sulla pagina. La posizione di rilascio determina dove l'elemento viene posizionato inizialmente

Tipi di file supportati:

• Formati immagine. Formati raster comuni (PNG, JPEG, WebP)
• HEIC / HEIF. Convertiti automaticamente in un formato standard durante l'importazione. Non devi fare nulla
• Formati vettore. SVG e altri formati vettore diventano elementi grafici modificabili

La posizione di rilascio sull'area di lavoro determina dove viene posizionato inizialmente l'elemento. Dopo il rilascio, puoi spostarlo e ridimensionarlo come qualsiasi altro elemento

Se un tipo di file non è supportato, il rilascio viene rifiutato e un avviso ti informerà al riguardo

Tipi di file non supportati

Se un altro strumento di design utilizza un formato chiuso o proprietario che Designer non può aprire direttamente, prova prima a esportarlo dall'app originale in un formato supportato, oppure utilizza un convertitore di terze parti affidabile prima di importarlo in Designer

Incolla dagli appunti

Incollare (Cmd/Ctrl+V) è più potente del trascinamento perché gestisce diversi tipi di contenuti:

• Immagine dagli appunti. Incolla uno screenshot o un'immagine copiata da un'altra app. Designer crea un nuovo elemento immagine
• Testo. Incolla testo semplice. Designer crea un nuovo elemento di testo con il testo incollato
• Frammento di Designer. Incolla contenuti copiati da un altro documento o pagina di Designer. Designer ricostruisce gli elementi originali (testo, immagini, forme, gruppi) mantenendo tutte le loro proprietà (tipografia, colore, effetti, disposizione)

L'ultimo caso è importante da conoscere: il copia-incolla tra documenti Designer è strutturale, non solo visivo. Copiare un gruppo di elementi da un design e incollarlo in un altro ricostruisce gli stessi elementi sull'area di lavoro di Destination con tutte le loro proprietà intatte. Questo è l'unico modo per migrare parti di un design in un altro senza utilizzare modelli

Questo è l'unico modo per migrare parti di un design a un altro senza utilizzare modelli

Copia, taglia e duplica

All'interno di un documento Designer:

Le scorciatoie per i soli stile (Cmd/Ctrl+Alt+C e Cmd/Ctrl+Alt+V) sono il modo più rapido per far sì che più elementi condividano lo stesso trattamento visivo senza raggrupparli

Rilascia su un elemento esistente

Un motivo utile: rilascia una nuova immagine su un elemento esistente invece che su un'area vuota dell'area di lavoro. Designer riconosce il rilascio su:

• Un elemento immagine. Sostituisce la bitmap con l'immagine rilasciata. La cornice, la maschera, la modalità di ridimensionamento, le regolazioni e gli effetti rimangono invariati
• Un contenuto dinamico. Se il contenuto dinamico è un'immagine e il contenuto rilasciato è un'immagine, Designer riempie il contenuto dinamico. Se è attualmente collegato a un workflow, il rilascio di un'immagine statica interrompe il collegamento (previa conferma)

Ecco come sostituire rapidamente un'immagine hero in un design quasi finito senza dover ricostruire l'elemento

Deep link da altre sezioni di Magnific

Designer è il luogo naturale in cui continuare a lavorare sulle risorse generate altrove. Diverse interfacce di Magnific offrono azioni di deep link che aprono Designer con la risorsa già importata:

• Dal visualizzatore multimediale, dopo aver generato un'immagine. Azioni come 'Apri in Designer' e 'Livelli automatici' inviano l'immagine a Designer e aprono lo strumento appropriato
• Da una scheda di creazione Magnific. Punti di ingresso simili

Quando arrivi in Designer tramite un deep link, il design si apre con l'elemento pertinente preselezionato e (per i deep link specifici dello strumento) lo strumento corrispondente già aperto. Puoi agire immediatamente

Strumenti IA all'interno di Designer

Se il contenuto che desideri non esiste ancora, generalo o trasformalo sull'area di lavoro:

• Rimuovi sfondo. Elimina lo sfondo da un'immagine esistente, lasciando il soggetto su un livello trasparente
• Livelli automatici. Trasforma un'immagine esistente in livelli modificabili
• Chiedi all'agente su un'immagine esistente. Descrivi una modifica e genera una nuova versione

Questi non sostituiscono l'importazione, ma la potenziano. Gli strumenti IA in Designer hanno una guida dedicata

Importazione in contenuti dinamici

Quando un contenuto dinamico è vuoto (non collegato a una connessione, senza fallback statico), puoi riempirlo:

• Collegandolo a una connessione dal workflow
• Trascinando direttamente un'immagine o un testo sul contenuto dinamico
• Incollando il contenuto mentre il contenuto dinamico è selezionato (l'incollamento avviene sull'elemento selezionato)

Dopo l'importazione, il contenuto dinamico diventa statico. Per renderlo di nuovo dinamico, collega una connessione

Dimensioni e qualità all'importazione

• Le immagini vengono caricate alla loro risoluzione originale. Designer non riduce la risoluzione all'importazione
• Preferisci i file sorgente agli screenshot. Un PNG di un logo è più nitido di uno screenshot del logo sullo schermo

Alcune cose che sorprendono i nuovi utenti

Non è necessario importare in una pagina specifica. Trascina un file sull'area di lavoro e verrà inserito nella pagina attualmente attiva. Incollare preserva più informazioni rispetto al trascinamento: copiare da un altro documento Designer e incollare ricostruisce l'intera struttura, mentre il trascinamento gestisce solo i contenuti basati su file. HEIC funziona automaticamente: non è necessario convertirlo prima in JPEG. Inoltre, i deep link aprono strumenti specifici, non solo l'editor: arrivare tramite un deep link dal visualizzatore multimediale non apre solo Designer, spesso lo apre con uno strumento specifico già attivo

Esportazione: i due metodi

L'esportazione è l'atto di trasformare il tuo documento Designer in uno o più file consegnabili. Il pannello di esportazione è dove decidi cosa esportare (pagine o singoli elementi), mentre la configurazione per elemento nell'ispettore decide come ogni cosa viene esportata (formato, scala, denominazione)

Il modello di esportazione di Designer si basa su una singola distinzione:

• Pagine. Intere pagine del documento, esportate come un file ciascuna. Usalo quando il design è il prodotto finale: un poster, una social card, una diapositiva
• Risorse. Elementi specifici che hai contrassegnato dall'area di lavoro, esportati come file individuali. Usalo quando solo parti del tuo design sono i prodotti finali, ad esempio un logo e alcune icone estratte da una disposizione più ampia

Entrambi condividono il pannello e i formati. Differiscono per ciò che viene considerato un'unità esportabile

Apertura del pannello Esporta

Il pannello Esporta si apre dall'azione Esporta nell'intestazione. Questa Option è disponibile solo nella versione standalone di Designer

Esportazione quando Designer è un nodo

Quando Designer viene utilizzato come nodo in un workflow di Spaces, il pannello Esporta non è disponibile. In alternativa, usa il pulsante Esporta nell'inspector mentre sei all'interno del nodo, oppure accedi alle opzioni di esportazione tramite le Pagine quando lavori all'esterno del nodo

Il pannello è una sovrapposizione mobile che occupa la parte destra dell'area di lavoro. È composto da:

• Un'intestazione con il titolo, il controllo segmentato Pagine/risorse e un pulsante di chiusura
• Una descrizione per la Tab attiva
• Un'area di contenuto con gli elementi disponibili nella Tab attiva
• Un piè di pagina con i pulsanti di azione

Puoi passare da Pagine a Risorse tramite il controllo segmentato. Il piè di pagina si adatta alla Tab attiva

La Tab Pagine

La Tab Pagine elenca ogni pagina del tuo documento. Ogni pagina appare come una scheda con:

• Una miniatura della pagina
• Un'etichetta: il numero di pagina o il nome della pagina (ad esempio, 'Pagina 1')
• Una casella di selezione per attivare o disattivare l'inclusione della pagina in questa esportazione

Sopra le schede, il pannello descrive la Tab:

Esporta le pagine dal tuo documento con il formato e le dimensioni predefiniti

Il 'formato e le dimensioni predefiniti' si riferiscono alla configurazione di esportazione a livello di documento, impostata nell'inspector quando non è selezionato nulla

Selezione delle pagine

• Fai clic su una scheda per attivarne o disattivarne la selezione
• Usa l'interruttore Seleziona tutte le pagine nel piè di pagina per selezionare o deselezionare tutto
• I pulsanti di azione nel piè di pagina rimangono disabilitati finché non viene selezionata almeno una pagina. Passa il mouse sopra l'azione quando è disabilitata per visualizzare 'Seleziona almeno una pagina'

Esportazione pagine in corso

Il piè di pagina della scheda Pagine offre fino a tre azioni:

• Annulla. Chiudi il pannello senza esportare
• Esporta PDF. Combina le pagine selezionate in un unico PDF e scaricalo
• Esporta. Esporta le pagine selezionate singolarmente utilizzando il formato predefinito del documento

Durante l'esportazione, l'azione mostra uno stato di avanzamento ('Esportazione in corso...' o 'Creazione PDF in corso...') con un indicatore di caricamento. La griglia viene oscurata durante il processo

La scheda Risorse

La Tab Risorse elenca gli elementi che hai contrassegnato per l'esportazione dall'inspector. Un elemento viene contrassegnato attivando Includi nell'esportazione su di esso

Sopra le schede, il pannello descrive la Tab: 'Esporta gli elementi che hai contrassegnato dall'inspector.'

Ogni elemento contrassegnato appare come una scheda con:

• Una miniatura del singolo elemento (non dell'intera pagina)
• Un'etichetta: il nome dell'elemento o un'alternativa come 'Elemento 3'
• I nomi dei file che verranno generati. Ogni configurazione di esportazione per questo elemento produce il proprio file, con il motivo del nome visibile
• Una casella di selezione

Stato vuoto

Quando nessun elemento è contrassegnato, la Tab Risorse mostra uno stato vuoto invece delle schede:

Nessuna risorsa contrassegnata. Contrassegna qualsiasi elemento dall'inspector per includerlo in questa esportazione

Lo stato vuoto offre un breve link al video demo e un link a questa documentazione. Non c'è un footer nello stato vuoto; l'unica via d'uscita è il pulsante di chiusura nell'header

Selezione delle risorse

• Fai clic su una scheda per attivarne o disattivarne la selezione
• Il toggle Seleziona tutte le risorse nel footer seleziona o deseleziona tutto
• L'azione Esporta è disabilitata finché non viene selezionata almeno una risorsa. Passa il mouse sopra per visualizzare 'Seleziona almeno una risorsa'

Esportazione delle risorse

Il footer della Tab Risorse offre:

• Annulla: chiudi il pannello
• Esporta: esporta ogni risorsa selezionata utilizzando la sua configurazione per elemento (che può includere formati e scale multipli. Una risorsa può produrre diversi file)

Un singolo clic su Esporta può produrre molti file. Il footer mostra il conteggio dei file selezionati

Il flow di esportazione end-to-end

1. Crea il tuo design

   Crea il design sull'area di lavoro come di consueto

2. Decidi cosa esportare

   Pagine (l'intero design come file) o risorse (elementi specifici)

3. Per le risorse: contrassegna ogni elemento

   Seleziona l'elemento, quindi attiva Includi nell'esportazione nel pannello di controllo

4. Apri il pannello Esporta

   Fai clic su Esporta nell'intestazione. Scegli la Tab corretta: Pagine o Risorse

5. Seleziona cosa esportare

   Fai clic sulle schede per attivarle o disattivarle, oppure usa Seleziona tutto

6. Scegli l'azione

   Esporta (per elemento) o Esporta PDF (solo scheda Tab)

7. Attendi e scarica

   Attendi il completamento del processo. I file verranno scaricati nel browser

Una notifica conferma il completamento. Possibili esiti:

Configurazione esportazione per singolo elemento

La Tab Risorse del pannello Esportazione elenca i singoli elementi che hai deciso di esportare. La configurazione per ogni elemento (formati, scale, nomi dei file) si trova nell'inspector di tale elemento

L'esportazione di un singolo elemento è un processo in due passaggi:

1. Contrassegna l'elemento come esportabile. Si esegue nell'inspector con l'interruttore Includi nell'esportazione
2. Configura i suoi output. Ogni elemento può avere una o più configurazioni di output: formato, scala, denominazione del file. Si esegue nella sezione Esportazione dell'inspector per quell'elemento

Una volta contrassegnato e configurato, l'elemento appare nella Tab Risorse del pannello Esportazione, pronto per essere selezionato ed esportato

Contrassegnare un elemento

1. Seleziona l'elemento

   Fai clic su un'immagine, un testo, una forma, una grafica o un gruppo nell'area di lavoro

2. Apri la sezione Esportazione

   Nell'inspector, scorri fino alla sezione Esportazione

3. Attiva Includi nell'esportazione

   L'elemento ora fa parte dell'elenco delle risorse e appare nella Tab Risorse del pannello Esportazione

Per deselezionare, disattiva l'interruttore. L'elemento rimane nell'area di lavoro, ma non appare più nell'elenco delle risorse

Configurazioni di output

Ogni elemento contrassegnato contiene una o più configurazioni di output. Una configurazione è la ricetta per produrre un singolo file dall'elemento:

• Formato. PNG, JPEG, WebP o PDF
• Scala. Il moltiplicatore di dimensioni o la dimensione assoluta
• Affisso. Un prefisso o suffisso opzionale aggiunto al nome del file
• Sfondo trasparente. Per i formati che supportano la trasparenza (PNG, WebP). Disponibile solo quando è selezionata una pagina; quando è selezionato un singolo elemento, l'interruttore non appare

Un elemento semplice potrebbe avere una configurazione (PNG a 1x). Un elemento più sofisticato potrebbe averne tre:

• PNG a 1x, sfondo trasparente, suffisso logo
• PNG a 2x, sfondo trasparente, suffisso logo@2x
• JPEG a 1x, suffisso anteprima

Quando esporti questo elemento, tutte e tre le configurazioni vengono eseguite, producendo tre file con un unico clic di esportazione. Questa è la potenza della configurazione per singolo elemento: un logo può produrre il suo PNG piccolo per i social media, il suo PNG ad alta risoluzione e la sua anteprima JPEG compressa con una sola azione, ogni volta

Aggiunta, modifica e rimozione delle configurazioni

Nella sezione Esporta dell'inspector per l'elemento selezionato, fai clic su Aggiungi configurazione (pulsante +). Appare una nuova riga con i valori predefiniti: PNG, scala 1x, nessun affisso. Ogni riga di configurazione mostra i controlli in linea:

• Selettore di formato. Menu a tendina con PNG, JPEG, WebP, PDF. Ogni Option mostra la sua etichetta nel selettore
• Input di scala. La specifica delle dimensioni. Valori comuni: 1x, 2x, 4x. Sono supportati anche valori basati su larghezza e altezza (500w per 'largo 500px', 300h per 'alto 300px')
• Input di affisso. Una stringa opzionale aggiunta al nome del file. Abbinala a un selettore di prefisso (appare all'inizio del nome dell'elemento) o di suffisso (appare alla fine del nome dell'elemento) per sceglierne la posizione
• Sfondo trasparente. Per PNG e WebP, l'interruttore che controlla se lo sfondo deve essere trasparente o riempito con il colore di sfondo effettivo dell'elemento

Le modifiche vengono salvate immediatamente nei metadati dell'elemento. Non esiste un'azione 'Salva configurazione'; ogni modifica viene acquisita man mano che procedi

Ogni riga di configurazione ha un'azione di rimozione (una piccola icona meno prima della configurazione). Rimuovere l'ultima configurazione su un elemento non deseleziona l'elemento dall'esportazione; lo lascia semplicemente senza configurazioni di output. Per rimuovere completamente l'elemento dalla Tab Risorse, disattiva Includi nell'esportazione

Esempi di configurazioni multiple

Alcuni motivi realistici:

Impostazioni predefinite a livello di documento

La scheda Pagine del pannello Esporta non utilizza configurazioni per singolo elemento. Utilizza le impostazioni predefinite a livello di documento

1. Deseleziona tutto

   Fai clic sull'area di lavoro vuota o premi Escape

2. Apri le impostazioni del documento

   L'ispettore passa alle impostazioni del documento

3. Imposta i valori predefiniti

   Trova la sezione Configurazione esportazione predefinita. Scegli il formato e la scala predefiniti per tutte le pagine

La scheda Pagine utilizzerà queste impostazioni predefinite quando esporti le pagine da essa. Ogni singola pagina non ha la propria configurazione di esportazione; ecco perché la scheda Pagine è più semplice della scheda Risorse

Se desideri una configurazione per singola pagina (formati diversi per pagine diverse), il workflow è: contrassegna gli elementi importanti di ogni pagina tramite la scheda Risorse, configurando ciascuno come necessario

Alcune cose che sorprendono i nuovi utenti

Le configurazioni sono per elemento, non per formato: lo stesso formato può apparire più volte su un elemento a scale diverse. Contrassegnare un elemento non lo configura automaticamente: finché non aggiungi una configurazione, l'elemento non ha output. Più PDF su un singolo elemento ricevono un prefisso numerico: se due configurazioni sono PDF, alla seconda viene aggiunto automaticamente il prefisso pdf-2 per evitare conflitti di nomi. Inoltre, la scheda Pagine non visualizza le configurazioni per elemento: sono esclusive della scheda Risorse

Formati di esportazione: PNG, JPEG, WebP

Designer supporta quattro formati di esportazione: PNG, JPEG, WebP e PDF. Questa sezione copre i tre formati raster. Il PDF ha una sezione dedicata perché è fondamentalmente diverso: è un formato documento, non una singola immagine

PNG

PNG è l'opzione predefinita sicura per la maggior parte delle esportazioni. Cosa ti offre il formato PNG:

• Compressione senza perdita. Ogni pixel esportato è lo stesso pixel visualizzato nell'editor
• Trasparenza alfa completa. Le aree trasparenti sull'area di lavoro rimangono trasparenti nel file
• Assistenza universale. Ogni browser, ogni sistema operativo, ogni strumento di design legge i file PNG

Compromessi: dimensioni dei file maggiori rispetto a JPEG o WebP per i contenuti fotografici. Una foto 4K in formato PNG pesa diversi megabyte; la stessa foto in formato JPEG potrebbe occuparne solo una frazione

Quando usare il PNG: loghi, risorse del brand, icone; design che richiedono uno sfondo trasparente (una grafica da sovrapporre a un video o a una disposizione web); qualsiasi elemento con bordi netti, testo o linee sottili (il PNG preserva la nitidezza, mentre il JPEG può sfocare o introdurre aloni attorno ai bordi); e quando hai dubbi e la dimensione del file non è critica

Trasparenza nel PNG. Per impostazione predefinita, le esportazioni PNG preservano la trasparenza dell'area di lavoro. L'interruttore Sfondo trasparente della configurazione controlla questa funzione. Attivo: le aree trasparenti rimangono trasparenti. Disattivo: le aree trasparenti vengono riempite con il colore di riempimento dell'elemento o con lo sfondo della pagina

JPEG

Il JPEG è il formato fotografico. Cosa ti offre il JPEG:

• Compressione eccellente per i contenuti fotografici. Dimensioni dei file ridotte per un'elevata fedeltà visiva
• Assistenza universale

Compromessi:

• Compressione lossy. Ogni esportazione JPEG reintroduce lievi artefatti a livello di pixel. Solitamente sono invisibili alle scale di visualizzazione, ma si accumulano se si riesporta molte volte
• Nessuna trasparenza. Il JPEG non ha un canale alfa. Qualsiasi elemento trasparente diventa solido (solitamente bianco)
• I bordi netti e il testo non si comprimono bene. I bordi ad alto contrasto producono aloni visibili alla tipica qualità JPEG

Quando usare JPEG: esportazioni fotografiche per il web (immagini hero, post sui social media in cui il contenuto principale è la fotografia); quando la dimensione del file conta più di una fedeltà perfetta; quando il design non richiede trasparenza

Trasparenza in JPEG. JPEG non supporta la trasparenza. L'interruttore per lo sfondo trasparente è irrilevante per JPEG: qualsiasi trasparenza nella sorgente viene appiattita sul colore di sfondo della pagina (o bianco se non è impostato alcuno sfondo) durante l'esportazione. Se ti serve la trasparenza, usa PNG o WebP

WebP

WebP è il formato web moderno. È progettato per sostituire sia PNG che JPEG per la distribuzione web, offrendo una compressione migliore di entrambi a parità di qualità

Cosa ti offre WebP:

• Una compressione che supera PNG per la grafica e JPEG per le foto
• Trasparenza opzionale (WebP senza perdita di dati supporta il canale alfa)
• Un unico formato che copre sia i casi d'uso con perdita che senza perdita di dati

Compromessi:

• Non universalmente supportato dai software datati. La maggior parte dei browser e dei sistemi operativi moderni supporta WebP, ma alcuni strumenti desktop legacy (versioni precedenti di Adobe, versioni precedenti di Microsoft Office) no
• Meno riconoscibile per i destinatari non tecnici. Inviare via e-mail un file .webp a un cliente potrebbe confonderlo se si aspetta un .jpg

Quando usare WebP: per la distribuzione web in cui controlli la fruizione (il tuo sito web, un CMS che accetta WebP, una pipeline di immagini moderna); quando le dimensioni del file sono importanti e l'Audience utilizza browser moderni; per design che richiedono sia trasparenza che dimensioni ridotte del file

Trasparenza in WebP. WebP supporta la trasparenza esattamente come PNG. L'interruttore per lo sfondo trasparente ne controlla il mantenimento. Per la maggior parte dei casi d'uso, considera WebP come un 'PNG con una compressione migliore'

Scegliere tra i formati

PNG vs WebP solitamente dipende dall'Audience e dagli strumenti. PNG ha la compatibilità più ampia (la scelta più sicura quando non sai cosa farà il Recipient con il file). WebP ha file più piccoli, stessa fedeltà e supporta la trasparenza (ideale quando la pipeline di fruizione è moderna). In una configurazione multi-output, puoi esportare entrambi: PNG per la compatibilità, WebP per la pipeline web. Lo stesso elemento, due formati, un clic su Esporta

JPEG vs WebP per contenuti fotografici: JPEG è universale, accettato ovunque, atteso dalla maggior parte dei Recipient non tecnici. WebP è più piccolo a parità di qualità, ma il Recipient potrebbe dover sapere come gestirlo. WebP a 'qualità alta' produce file notevolmente più piccoli rispetto a JPEG a parità di qualità visiva. Se le dimensioni del file sono importanti e il sistema di fruizione è moderno, WebP vince

Insidie dei formati

JPEG appiattisce silenziosamente la trasparenza: un logo con sfondo trasparente esportato come JPEG arriva con uno sfondo bianco (o del colore dello sfondo della pagina). Riesportare in JPEG degrada la qualità: ogni esportazione è una nuova compressione con perdita. Evita di usare JPEG come formato di lavoro se dovrai riesportare molte volte. WebP funziona bene nei browser ma è complesso in alcune app: verifica che la tua Destination accetti WebP prima di standardizzarlo. Inoltre, le dimensioni del file PNG per le fotografie sono elevate: se le dimensioni del file sono un problema, passa a WebP o JPEG per le esportazioni fotografiche

Esportazione PDF

PDF è l'unico formato di documento che Designer esporta. Ogni altro formato produce un file per elemento o per pagina. PDF è diverso: può combinare più pagine in un unico file

Quando usare PDF

• Consegna per la stampa. Le tipografie solitamente richiedono file PDF
• Risorse multipagina. Una brochure di 4 pagine in un unico file è molto più facile da gestire rispetto a quattro file PNG separati
• Contenuti misti (raster + vettore + testo). Il PDF mantiene gli elementi vettoriali come vettori e gli elementi raster come raster, entrambi alla massima qualità. Il testo nel PDF è selezionabile e ricercabile
• Distribuzione a destinatari con strumenti sconosciuti. Tutti hanno un lettore PDF. Questo formato è quanto di più vicino esista a un artefatto universale per il design

Non è la scelta migliore quando ti serve un'immagine raster da inserire in una pipeline web (usa PNG, JPEG o WebP), o quando ti serve una singola pagina da un design multipagina e non vuoi le altre (seleziona gli elementi che ti servono nella scheda Risorse)

Combinazione di pagine (scheda Pagine)

La funzione PDF più potente è combinare le pagine selezionate in un unico PDF

1. Seleziona pagine

   Dalla scheda Pagine del pannello Esporta, seleziona le pagine che vuoi includere nel PDF

2. Fai clic su Esporta PDF

   Usa l'azione Esporta PDF nel piè di pagina

3. Attendi la creazione

   Designer combina le pagine selezionate in un unico file PDF, seguendo l'ordine del documento. Durante l'elaborazione, l'azione mostra 'Creazione PDF in corso…'

4. Scarica

   Il singolo file viene scaricato quando è pronto

Il PDF combinato contiene una pagina per ogni pagina selezionata dal documento. L'ordine delle pagine nel PDF corrisponde all'ordine delle pagine nel documento, non all'ordine in cui le hai selezionate

Se selezioni 5 pagine e fai clic su Esporta PDF, non ottieni 5 PDF, ma un unico PDF con 5 pagine. Per produrre 5 PDF separati, configura ciascuna pagina come una risorsa a sé stante con una configurazione PDF. Se selezioni 5 pagine e fai clic su Esporta (non Esporta PDF), ottieni 5 file separati nel formato predefinito del documento

PDF nelle configurazioni per singolo elemento (scheda Risorse)

Nella scheda Risorse, puoi configurare i singoli elementi per l'esportazione in PDF. Ogni configurazione PDF produce un PDF di una pagina contenente solo quell'elemento

Per configurarlo: contrassegna l'elemento con Includi nell'esportazione, aggiungi una configurazione con formato PDF e l'elemento produrrà un PDF di una pagina al momento dell'esportazione

Trasparenza in PDF

Il formato PDF supporta la trasparenza con alcune limitazioni. Gli elementi vettoriali e di testo con riempimenti trasparenti vengono esportati correttamente. Le immagini raster con canali alfa vengono incorporate mantenendo il loro canale alfa. Alcuni lettori PDF (specialmente quelli meno recenti) gestiscono la trasparenza in modo incoerente. Se la trasparenza esatta è fondamentale, esegui un test nel visualizzatore del Recipient

L'interruttore Sfondo trasparente nella configurazione di esportazione controlla se lo sfondo della pagina è trasparente o riempito

Quando le esportazioni PDF diventano pesanti

I PDF multipagina con molte immagini ad alta risoluzione possono diventare pesanti. Strategie per gestire le dimensioni: per le pagine composte principalmente da foto, valuta di esportare la foto come JPEG separatamente e di incorporare il JPEG in un PDF più leggero (Designer al momento non offre questa possibilità come singola Option). Se solo alcune pagine devono essere in formato PDF, contrassegnale come risorse con la configurazione PDF invece di selezionare tutte le pagine

Errori

Modalità di errore comune: il PDF richiede troppo tempo per essere generato e il browser va in timeout. Designer segnala questo problema e offre la possibilità di riprovare. Per PDF multipagina molto grandi, può essere utile suddividere l'esportazione in file separati. Consulta la sezione dedicata alla risoluzione dei problemi per il riferimento completo sugli errori

Avvertenze sui PDF

Esporta PDF ed Esporta sono azioni diverse nella Tab Pagine: Esporta genera un file per pagina nel formato predefinito del documento, Esporta PDF genera un unico PDF multipagina. Sono posizionate una accanto all'altra; scegli con attenzione. Il PDF preserva i vettori come tali, a differenza delle esportazioni raster. Le tipografie possono ridimensionare un PDF senza perdita di qualità. Il testo nel PDF è ricercabile e selezionabile: i Recipient possono copiare il testo dal PDF esportato. Inoltre, il PDF non sostituisce WebP o PNG per l'uso sul web: ogni formato ha il suo scopo

Scala, dimensioni e nomi dei file

I campi scala e nome file sembrano semplici, ma racchiudono funzionalità davvero potenti: la sintassi dell'input scala ti permette di specificare le dimensioni dell'output in tre modi diversi, mentre le regole di denominazione dei file ti consentono di generare file di output organizzati e prevedibili

La sintassi dell'input scala

Ogni configurazione di esportazione ha un campo input scala. Accetta tre diverse sintassi. Scegli quella più adatta al modo in cui pensi all'output

Scala (moltiplicatore). La sintassi più comune: un moltiplicatore della dimensione di origine

• 1x: stessa dimensione dell'area di lavoro
• 2x: raddoppia le dimensioni (4x pixel)
• 4x: quadruplica le dimensioni (16x pixel)
• 0,5x: dimezza le dimensioni

Sono consentiti valori decimali: 1,5x, 2,5x. I moltiplicatori preservano il rapporto d'aspetto dell'origine. Una pagina 1080x1080 esportata a 2x diventa 2160x2160

I moltiplicatori di scala (1x, 2x, 3x) sono il modo in cui gestisci le diverse densità dello schermo. 1x è la dimensione base; 2x copre i display Retina (la maggior parte dei telefoni e MacBook moderni); 3x copre gli schermi ad alta densità come gli iPhone di fascia alta. Se il tuo logo è 200x200 px nell'area di lavoro, una configurazione 2x lo esporta a 400x400 px, senza bisogno di ridimensionamento manuale

Larghezza (w). Specifica la larghezza dell'output in pixel. L'altezza viene calcolata per preservare il rapporto d'aspetto. Esempi: 500w (l'output è largo 500 pixel), 1920w (larghezza HD), 4000w. Una pagina quadrata 1080x1080 esportata a 500w diventa 500x500. Una pagina orizzontale 1920x1080 esportata a 1280w diventa 1280x720

Altezza (h). Specifica l'altezza dell'output in pixel. La larghezza viene calcolata per preservare il rapporto d'aspetto. Esempi: 300h, 1080h. Una pagina verticale 1080x1920 esportata a 400h diventa 225x400

Risoluzione manuale (w o h) si usa quando la Destination ha un requisito di pixel fisso che un moltiplicatore non produrrebbe. Invece di un fattore di scala, imposti l'esatta larghezza o altezza di cui hai bisogno, ad esempio 1200 px di larghezza per un banner social media, e Designer calcola l'altra dimensione per preservare il rapporto d'aspetto

Perché tre sintassi? Modelli mentali diversi si adattano a compiti diversi. I moltiplicatori sono naturali quando vuoi un rapporto pulito di 'doppia risoluzione' rispetto alla sorgente. La larghezza è naturale quando la Destination ha una larghezza fissa, come una colonna in un CMS o uno spazio banner di dimensioni note. L'altezza è naturale quando la Destination ha un'altezza fissa, come una riga di intestazione o un elemento della barra di navigazione

Dimensione massima

Esiste un limite superiore per le dimensioni dell'output. Il massimo sicuro attualmente consigliato è 8192 pixel sul lato lungo. Superarlo attiva un avviso: 'La dimensione finale supera la dimensione massima consentita'. Riduci la scala, la larghezza o l'altezza per rimanere entro il limite

Regole di denominazione dei file

Ogni configurazione di esportazione produce un file con un nome specifico. Il nome è composto da un massimo di cinque parti, in ordine:

1. Prefisso dell'affisso utente (se imposti la posizione dell'affisso su prefisso)
2. Prefisso Automatico per la scala (ad esempio, @2x, jpg-2)
3. Nome elemento (ad esempio, logo, o asset-3 se l'elemento non ha un nome)
4. Suffisso affisso utente (se imposti la posizione dell'affisso su suffisso)
5. Estensione file corrispondente al formato

Se esporti la stessa immagine a scale diverse, puoi aggiungere un prefisso o un suffisso per distinguerle usando il menu a tendina Prefisso/Suffisso e aggiungere testo personalizzato nel campo del nome file

Prefisso Automatico

Designer aggiunge un prefisso automatico per distinguere gli output:

• Per scale raster diverse da 1x, il prefisso è @{scale}: ad esempio, @2x, @4x, @500w, @300h
• Per configurazioni PDF multiple sullo stesso elemento, il secondo PDF e i successivi ottengono il prefisso pdf-{N}: ad esempio, pdf-2, pdf-3

Il prefisso automatico non è opzionale. Serve a evitare che due configurazioni producano file con lo stesso nome

Affisso utente

Il prefisso/suffisso utente è una stringa che puoi scegliere. Puoi anche selezionarne la posizione: prefisso (posizionato all'inizio del nome) o suffisso (posizionato alla fine del nome, prima dell'estensione). La posizione predefinita è suffisso

Comportamento del prefisso/suffisso: il prefisso/suffisso utente prevale sul prefisso automatico quando impostato. In concreto, se imposti un prefisso/suffisso utente, questo è l'unico ad essere applicato (il prefisso automatico viene soppresso). Se non imposti un prefisso/suffisso utente, il prefisso automatico viene applicato automaticamente. Questa è una scelta intenzionale: il prefisso automatico esiste come fallback per garantire nomi univoci. Se hai già preso il controllo della denominazione con un tuo prefisso/suffisso, Designer rispetta la tua scelta

Esempi di denominazione

Nome elemento: logo. Formato: PNG (salvo diversa indicazione)

L'interazione tra il prefisso automatico e l'affisso utente è la parte del sistema che viene fraintesa più facilmente. Se vuoi che tutti i tuoi file esportati abbiano lo stesso nome indipendentemente dalla scala, imposta un affisso utente. Se vuoi che il Designer li distingua per te, lascia vuoto l'affisso utente

Denominazione e file system

• Designer non inserisce le esportazioni in sottocartelle per impostazione predefinita. Ogni file finisce nella posizione di download dell'utente con il nome prodotto dalle regole sopra indicate. Se hai bisogno di una struttura a cartelle, organizzala dopo il download o usa l'affisso utente per codificare manualmente i prefissi delle 'cartelle'
• Designer non pulisce i caratteri insoliti negli affissi. Evita /, \, :, ?, ", <, >, | negli affissi utente, poiché interrompono i nomi dei file su alcuni sistemi operativi
• Gli Spaces sono consentiti ma producono 'my logo.png'. Considera l'uso di trattini bassi o trattini per nomi più puliti se elaborerai i file a livello programmatico

Insidie di scala e denominazione

Il prefisso Automatico viene soppresso quando imposti un affisso utente: se imposti dark come suffisso su una configurazione 2x, il tuo file sarà logo-dark.png, non logo-dark@2x.png. Per mantenere il prefisso Automatico, lascia vuoto l'affisso utente. Gli input di larghezza e altezza influenzano solo quell'asse: l'altro asse è derivato dal rapporto d'aspetto. Le scale decimali funzionano ma producono dimensioni non arrotondate: 1,5x di una pagina 1080x1080 è 1620x1620. Per numeri arrotondati, usa w o h. Inoltre, due configurazioni con denominazione identica producono nomi di file identici e il browser potrebbe sovrascriverne uno con l'altro. Varia sempre il formato, la scala o l'affisso tra le configurazioni

Risoluzione dei problemi di esportazione

Le esportazioni solitamente vengono eseguite correttamente, ma alcune condizioni possono fallire o comportarsi in modo imprevisto. Questa sezione copre gli errori che potresti visualizzare, cosa significa ciascuno di essi e come risolvere

Il vocabolario dei toast

La dimensione finale supera il massimo consentito

Il toast o il banner riporta: 'La dimensione finale supera la dimensione massima consentita'

Questo accade quando la scala (4x di una pagina già grande) supera la dimensione massima di output, o quando un input di larghezza/altezza supera il massimo. Il massimo sicuro attualmente consigliato è 8192 pixel sul lato lungo

Come risolvere: riduci la scala (2x di una pagina HD è raramente necessario; prova 1x per la consegna, 2x per retina), usa un valore di larghezza/altezza inferiore, oppure, per requisiti di output molto grandi, dividi il design in più pagine più piccole ed esportale separatamente, quindi assemblale in un altro strumento

Nessun elemento nella scena

Il pannello Esporta mostra: 'Nessun elemento nella scena'. Una pagina selezionata non ha elementi da sottoporre a rendering. Esportare una pagina vuota non produce nulla

Come risolvere: verifica che la pagina corretta sia selezionata nella Tab Pagine, aggiungi almeno un elemento alla pagina prima di esportare, oppure, se la pagina deve essere vuota, deselezionala nella Tab Pagine (non può essere esportata se è vuota)

Ancora nulla da esportare (Tab Risorse)

La Tab Risorse è vuota. Lo stato vuoto riporta: 'Nessuna risorsa contrassegnata. Contrassegna qualsiasi elemento dall'inspector per includerlo in questa esportazione.'

Come risolvere: seleziona un elemento sull'area di lavoro e, nella sezione Esporta dell'inspector, attiva Includi nell'esportazione. L'elemento apparirà nella Tab Risorse. Se hai molti elementi che desideri esportare, ripeti l'operazione per ciascuno

L'esportazione richiede molto tempo

I design di grandi dimensioni con molte immagini ad alta risoluzione, effetti pesanti o contenuti vettoriali complessi possono richiedere tempo per il rendering. Fattori che contribuiscono a rallentare le esportazioni:

• Molte pagine selezionate in una singola esportazione PDF
• Valori di scala elevati (4x o superiori) su pagine di grandi dimensioni
• Molte immagini ad alta risoluzione su una pagina
• Effetti di sfocatura intensa, ombre esterne o filtri su elementi di grandi dimensioni

Come risolvere: esporta meno pagine o risorse alla volta, oppure utilizza una scala inferiore

Problemi di configurazione per singolo elemento

Il mio elemento non è apparso nella Tab Risorse. Verifica che l'opzione Includi nell'esportazione sia attiva nell'inspector per quell'elemento. Se è disattivata, l'elemento non fa parte dell'elenco delle risorse

Il nome del file non è quello che mi aspettavo. Le regole di denominazione dei file combinano un prefisso automatico (per la scala) con un suffisso utente (se ne hai impostato uno). Il prefisso automatico viene soppresso quando hai impostato un suffisso utente. Se desideri entrambi, dovrai includere manualmente le informazioni sulla scala nel tuo suffisso utente. Ad esempio, invece di lasciare il suffisso vuoto su una configurazione 2x (che genera @2x), imposta un suffisso utente 2x-dark per ottenere logo-2x-dark.png

Problemi specifici del formato

Il mio JPEG ha uno sfondo bianco (o strano) invece di essere trasparente. Il formato JPEG non supporta la trasparenza. La trasparenza sull'area di lavoro viene appiattita su un colore solido durante l'esportazione. Cambia il formato della configurazione in PNG o WebP. Entrambi supportano la trasparenza

Il mio PDF è enorme. I PDF con molte immagini raster ad alta scala aumentano rapidamente di dimensioni. Usa la scala 1x a meno che tu non abbia specificamente bisogno di una risoluzione maggiore, riduci il numero di pagine nell'esportazione oppure, per contenuti fotografici, valuta di esportare le foto come JPEG separatamente e di assemblarle al di fuori di Designer

Il mio file WebP non si apre in alcune app. Strumenti meno recenti o specializzati potrebbero non supportare il formato WebP. Cambia la configurazione in PNG o JPEG per quei destinatari

Problemi specifici del workflow

Il mio contenuto dinamico mostra il contenuto errato durante l'esportazione. Verifica che il contenuto dinamico sia collegato alla connessione corretta. Il valore attuale della connessione è quello che viene esportato. Se il contenuto dinamico mostra il fallback statico quando ti aspettavi quello dinamico, il collegamento potrebbe essere stato rimosso. Ricollegalo tramite l'inspector

Il mio design viene esportato in modo diverso da come lo vedo sull'area di lavoro. Alcuni comportamenti specifici da conoscere:

• Il ritaglio della pagina viene rispettato durante l'esportazione. Se il ritaglio è disattivato e gli elementi superano i bordi della pagina, l'eccedenza viene inclusa nel rendering dell'esportazione. Per evitarlo, attiva il ritaglio della pagina o sposta gli elementi all'interno della pagina
• Gli elementi nascosti non vengono esportati. Se un elemento è nascosto tramite il pannello livello, risulta invisibile sull'area di lavoro e assente dall'esportazione. Rendi visibile se necessario
• Gli elementi bloccati vengono comunque esportati. Il blocco impedisce solo la selezione; non influisce sul rendering
• Rendering di effetti pesanti durante l'esportazione. Ciò che vedi è ciò che ottieni. Se una sfocatura intensa appare leggermente diversa nell'esportazione, solitamente è dovuto alla Precision del rendering piuttosto che a una differenza sostanziale

Il progresso dell'esportazione è bloccato. Se l'indicatore di progresso dell'esportazione smette di avanzare per un periodo prolungato: attendi prima (le esportazioni di grandi dimensioni possono richiedere tempo, specialmente i PDF multipagina); se il pannello offre un'azione di annullamento, utilizzala; aggiorna la pagina se necessario, quindi riprova con una scala inferiore o meno elementi

Annullamento

Puoi annullare un'esportazione in corso dal pannello. L'annullamento invia una notifica di 'Esportazione annullata'. Tutti i file completati prima dell'annullamento vengono comunque consegnati. L'annullamento non annulla ciò che è già stato scaricato; interrompe solo il resto

Segnalazione di un problema

Se un'esportazione fallisce costantemente nonostante i tentativi di risoluzione sopra indicati, raccogli:

• Il nome o l'URL del design
• Le pagine o le risorse selezionate e le relative configurazioni
• Il testo esatto della notifica o dell'errore
• Dettagli su browser e sistema operativo se il fallimento potrebbe essere specifico della piattaforma

Segnala tramite i canali di assistenza standard di Magnific

Problemi comuni di risoluzione

Il successo parziale è inteso per file: un'esportazione multi-file con un errore consegna comunque il resto. Controlla il toast per il conteggio. Le autorizzazioni di download del browser sono importanti: se il browser blocca i download multi-file, il primo file potrebbe essere scaricato, ma i successivi no. Controlla le impostazioni del browser. La dimensione massima è un limite, non un avviso generico: se lo superi, l'esportazione non viene eseguita. Riduci. Inoltre, Designer arrotonda l'output in scala a numeri interi: una scala 1,5x su una pagina 1080x1080 produce 1620x1620, non 1620,0x1620,0. Per output interi prevedibili, usa la sintassi w o h

Se non trovi ciò di cui hai bisogno, usa il pulsante Contatta l'assistenza nel centro assistenza