Inkscape utilizza il tipo di file .SVG per impostazione predefinita, che significa Scalable Vector Graphics. Questo tipo di file conserva oggetti e livelli modificabili creati nelle composizioni, consentendo in tal modo di riaprire il file in un secondo momento e continuare a modificare gli elementi originali delle composizioni.

Tuttavia, ci sono molti casi in cui vorresti esportare i tuoi file come un altro tipo di file, come un PNG, per rendere le tue composizioni più accessibili o più facili da aprire su un dispositivo (per le persone che non usano Inkscape). Potresti anche voler caricare il tuo disegno su un sito Web, oppure la tua stampante preferirebbe un file PNG su un file SVG.

PNG è l'acronimo di Portable Network Graphics e "contiene una bitmap di colori indicizzati e utilizza la compressione senza perdita, simile a un file .GIF ma senza limitazioni di copyright. I file PNG sono comunemente usati per archiviare la grafica per le immagini Web. "(Secondo FileInfo.com). I PNG tendono ad avere una qualità leggermente migliore rispetto a un JPEG, sebbene di conseguenza siano spesso leggermente più grandi nelle dimensioni del file. I PNG supportano anche la grafica che contiene uno sfondo trasparente (mentre i JPEG non lo fanno).

Qualunque sia la ragione per cui si desidera utilizzare un PNG, Inkscape consente di esportare facilmente su questo tipo di file nel caso sia necessario. Ecco come.

Sfondo di disegno del telefono isometrico nascosto

Per questo articolo, userò il mio Isometric Phone Design che ho creato in un recente video tutorial di Inkscape. Ho nascosto il mio livello di sfondo nel pannello dei livelli (indicato dalla freccia rossa nella foto sopra) e ho anche reso la mia tela uno sfondo a scacchiera in modo da poter vedere dove la composizione è trasparente (ti consiglio di controllare il mio tutorial su Come rendere la tua Inkscape Canvas simile alla tavola da disegno di Adobe Illustrator, dove vado oltre la configurazione delle proprietà del documento).

1. Esporta pagina in immagine PNG

Esportazione di file Immagine PNG Inkscape Tutorial

Una volta che tutto è pronto e pronto per l'esportazione, posso andare su File> Esporta immagine PNG (freccia rossa nell'immagine sopra).

Esporta in PNG Image Dialogue Box Inkscape

Verrà visualizzata la finestra di dialogo Esporta immagine PNG sul lato destro della tela (evidenziata in rosso nella foto). La mia prima opzione è selezionare una scheda sotto "Export Area", con quattro diverse impostazioni tra cui scegliere. Se voglio esportare tutto all'interno del bordo della tela (quindi, essenzialmente l'intera composizione), sceglierò l'opzione "Esporta area di pagina" (freccia verde). Vedrai due colonne e tre righe con dati numerici in questa sezione, così come una casella a discesa per selezionare un'unità (la mia immagine / tela è attualmente in px o pixel).

x0 e y0 immagine inkscape di esportazione inkscape

I primi due valori nella parte superiore di questa sezione sono "x0" e "y0" (evidenziato in verde sopra). Questi valori rappresentano il punto in cui verrà posizionato il bordo sinistro inferiore o l'angolo dell'immagine (in altre parole, le coordinate iniziali dell'immagine). La variabile X rappresenta sempre la larghezza e Y rappresenta sempre l'altezza. Dal momento che stiamo per esportare l'intera pagina, la nostra immagine inizia dalle coordinate di 0 per xe 0 per y.

x1 e y1 immagine inkscape di esportazione inkscape

I valori successivi sono "x1" e "y1" (evidenziato in verde sopra). Questi valori rappresentano il punto in cui verrà posizionato il bordo in alto a destra o l'angolo dell'immagine (in altre parole, le coordinate finali del documento). La mia dimensione totale della tela per questa composizione era 1920 pixel di 1080 pixel, quindi la mia coordinata x1 è 1920 e la mia coordinata y1 è 1080 (ricorda, le mie unità di pagina sono impostate in pixel tramite il menu a discesa Unità in questa sezione).

Immagine png di esportazione in larghezza e altezza

Gli ultimi due valori in questa sezione sono Larghezza e Altezza e riflettono la dimensione totale della mia area di esportazione. My Width è mostrato come 1920 e my Height è 1080 perché questa è la dimensione dell'intero canvas. Quindi, il PNG avrà le stesse dimensioni della mia tela quando viene esportato.

Immagine dimensione e risoluzione inkscape esportazione immagine png

La prossima sezione del dialogo Esporta immagine PNG è la "Dimensione immagine" (evidenziata in verde sopra). Questa sezione ti consente di regolare la larghezza e l'altezza totali della dimensione dell'immagine finale in base alla risoluzione complessiva dell'immagine. La risoluzione è determinata dal numero di pixel, o "punti", che vuoi visualizzare per ogni centimetro della tua immagine (pixel e punti sono essenzialmente la stessa cosa - sono l'unità più piccola di un'immagine.Perché dpi, o Punti per pollice, è comunemente usato quando si lavora con le stampanti, poiché le stampanti producono punti e i pixel sono più comunemente usati quando si descrivono le immagini visualizzate su un computer). Più pixel o punti sono visualizzati in un'area, maggiore sarà la risoluzione dell'immagine. Tuttavia, c'è un compromesso con la risoluzione più alta in quanto rende più grande la dimensione complessiva del file. Puoi regolare la tua risoluzione tramite la casella evidenziata dalla freccia rossa nella foto sopra.

Aumentare la risoluzione dell'immagine in Inkscape

Quindi, per esempio, se so che ho bisogno che la mia immagine abbia una risoluzione finale di 300 dpi (punti per pollice), posso impostare la risoluzione digitando "300" nel campo dpi (freccia rossa). Se premo il tasto Tab, noterai che la larghezza e l'altezza della mia immagine cambieranno improvvisamente (area verde evidenziata). Poiché ho aumentato la risoluzione da 96 a 300, l'immagine ora sarà a più alta risoluzione (più punti visualizzati in ogni pollice dell'immagine). Di conseguenza, la mia dimensione complessiva dell'immagine è ora molto più grande (la mia larghezza e altezza sono passate da 1920 × 1080 a 6000 × 3375).

Riduzione della risoluzione dell'immagine in Inkscape

Se, d'altra parte, diminuisco la mia risoluzione digitando "72" nel primo campo dpi, vedrai che la mia dimensione dell'immagine si ridurrà a 1440 × 810. Questo perché ora ho un'immagine a bassa risoluzione, con meno punti visualizzati per ogni pollice nella mia immagine.

Cambierò il valore sul valore predefinito di 96 dpi.

Sezione Filename Esporta dialogo Immagine PNG

Sotto la sezione Dimensione immagine è l'opzione per impostare il nome del file che si desidera esportare come immagine, così come la posizione sul computer in cui si desidera esportarlo (evidenziato in verde). Esporterà il file nell'ultima posizione in cui è stato salvato qualsiasi altro file su Inkscape o qualunque sia la posizione predefinita attualmente impostata su Inkscape se non hai ancora salvato un file.

Per cambiare il nome del file o il punto in cui viene esportato, fai clic sul pulsante "Esporta come" (freccia rossa nella foto sopra).

Inkscape File Explorer Esportazione in PNG

Qui, sarai indirizzato alla finestra di ricerca di file o cercatore (a seconda del sistema operativo che stai utilizzando) in cui puoi cercare nel tuo computer il percorso del file in cui salvare. Nel mio caso, sono sul mio (D :) drive, in una cartella intitolata "Photos", e in un'altra cartella intitolata "Inkscape Photos" (puoi vedere il percorso completo della cartella nell'area verde evidenziata nell'immagine sopra).

Ho esportato questo file prima di utilizzare il nome "Phone Isometric Design Gen 3.png", quindi perché il mio nome file viene visualizzato come predefinito (freccia rossa). Cambierò il nome in "Isometric Phone Design No Background".

Salva come file di tipo Esporta tutorial di Inkscape

Se faccio clic sul menu a discesa "Salva come", "PNG" sarà l'unica opzione disponibile. Inkscape esporta solo in PNG. Se devi esportare qualcosa come un file JPEG o un altro tipo di file, dovrai esportare il tuo file in un PNG da Inkscape, quindi aprire un altro programma come GIMP (un altro fantastico programma gratuito, che ho centinaia di tutorial per) ed esportare su qualsiasi tipo di file desiderato.

Una volta pronto per l'esportazione, farò clic sul pulsante "Salva".

Inkscape Esporta in pulsante PNG

Ma aspetta! Non hai ancora finito - c'è un ultimo passaggio cruciale prima che l'immagine venga effettivamente esportata. Devi fare clic sul pulsante "Esporta" con il segno di spunta verde per esportare effettivamente il file (freccia rossa nell'immagine sopra). Se non fai clic su questo pulsante, il tuo file non verrà esportato. Dopo aver fatto clic su questo pulsante, il mio file SVG verrà ora esportato in un file PNG.

Nota: se si seleziona l'opzione "Chiudi quando completa" a sinistra del pulsante Esporta (delineato in blu nella foto sopra), la finestra di dialogo Esporta immagine PNG si chiude dopo aver completato l'esportazione.

2. Esporta disegno in immagine PNG

L'ultima sezione ha discusso l'opzione per esportare l'intera pagina in un file PNG, ma cosa succede se si desidera esportare il disegno solo sulla pagina e non lo spazio vuoto attorno ad esso?

Disegna l'area di esportazione in Inkscape

Bene, la seconda scheda sotto la sezione Export Area ti permette di fare proprio questo. Dopo aver selezionato File> Esporta immagine PNG per visualizzare la finestra di dialogo Esporta immagine PNG (supponendo che non sia già aperta dal passaggio precedente), puoi fare clic sulla scheda denominata "Disegno" nella sezione Area di esportazione (rosso freccia).

Questa opzione esporterà solo l'area della nostra immagine che contiene un disegno. Quindi, in questo caso, verrà esportata solo l'area che contiene il design del telefono. Tutto lo spazio vuoto tra il design del telefono e il limite del canvas non passerà al PNG finale esportato. Ciò si riflette nei nostri valori per le nostre coordinate dell'immagine, che ora sono cambiate rispetto a quelle che erano sotto l'impostazione "Pagina".

x0 e y0 disegnano l'area di esportazione inkscape

Ora, il mio valore x0 è 317.278 pixel, e il mio valore y0 è 121.273 pixel (evidenziato in verde). Questa è la nuova posizione per l'angolo in basso a sinistra della mia immagine (o le coordinate iniziali).

x1 e y1 disegnano l'area di esportazione inkscape

Inoltre, il mio valore x1 ora è 1602.722 pixel e il mio valore y1 è 911.076. Questa è la nuova posizione per l'angolo in alto a destra della mia immagine (o le coordinate finali).

larghezza e altezza disegnando l'area di esportazione inkscape

Quindi, la mia area di esportazione dell'immagine non coprirà più l'intera lunghezza della mia tela (1920 × 1080 pixel). Sarà più piccolo poiché si sta liberando dello spazio vuoto attorno al disegno. Ciò è confermato dalla nuova larghezza e altezza (delineato in verde). My Width ora è 1285.444 e il mio nuovo Height ora è 789.803 (entrambi i valori in pixel).

Inkscape per l'area di esportazione delle dimensioni dell'immagine

Sotto la sezione Dimensione immagine (delineata in verde nell'immagine sopra), posso ancora una volta modificare la risoluzione della mia immagine, che aumenterà o diminuirà la larghezza e l'altezza finali del PNG di esportazione. La larghezza e l'altezza appaiono come 1285 × 790 pixel perché i valori della sezione precedente sono stati arrotondati. Inkscape non può esportare una frazione di pixel, quindi i valori devono essere arrotondati al numero intero più vicino.

Esporta come disegno area di esportazione inkscape

Quando sei pronto per esportare il disegno, puoi ancora una volta fare clic sull'opzione "Esporta come" (freccia rossa) per cambiare il nome file e la posizione (ho cambiato il mio nome file in "Disegno telefono isometrico"), quindi fare clic sul pulsante "Esporta" per esportare il tuo SVG in PNG (freccia blu).

Disegno del telefono isometrico

Sopra è il disegno finale esportato. Se evidenzi la foto con il mouse, noterai che il limite dell'immagine finisce dove finisce il disegno (nota: è stato ridimensionato un po 'per questo articolo).

3. Esporta selezione in PNG

Oltre a esportare l'intera composizione ed esportare solo il disegno, puoi anche limitare l'area esportata a una selezione.

Selezione Area di esportazione Inkscape 2019

Quindi, ipoteticamente, voglio esportare solo la parte anteriore del mio telefono. Posso afferrare lo strumento di selezione dalla mia cassetta degli attrezzi (freccia rossa nella foto sopra), quindi spostare il clic su tutti gli elementi che voglio selezionare per esportare (ho fatto clic su tutte le forme che compongono la parte anteriore del telefono) . Con tutti questi elementi selezionati, ora vedrai che sotto la finestra di dialogo Esporta immagine PNG, la scheda Area esportazione è automaticamente cambiata nella scheda "Selezione" (freccia verde nella foto).

Selezione Esporta Esporta da SVG a PNG Inkscape

Le mie coordinate iniziali e finali ora riflettono i punti iniziale e finale delle mie aree selezionate, e la larghezza e l'altezza della mia immagine sono cambiate per adattarsi alle dimensioni di quest'area (delineate in verde nella foto sopra).

Posso ancora una volta modificare la risoluzione della mia immagine sotto la sezione Dimensione immagine (delineata in rosso), che aumenterà o diminuirà la dimensione complessiva dell'immagine a seconda della risoluzione impostata.



Posso anche cambiare il nome del mio file (l'ho cambiato questa volta in "Isometric Phone Front Face") e la posizione in cui voglio salvarlo utilizzando il pulsante Esporta come sotto la sezione Nome file (delineato in blu), quindi fai clic su "Esporta". "Per esportare la selezione in un PNG. Ci sono anche alcune altre opzioni che vale la pena menzionare. Innanzitutto, posso "esportare in serie" gli oggetti che ho selezionato, ovvero ogni oggetto verrà esportato come PNG separato. Al di sotto di questo, ho la possibilità di "Nascondere tutto tranne che selezionato", il che significa che qualunque cosa non abbia selezionato non verrà mostrata nella composizione finale. Se non controllo questa opzione, gli elementi che non ho selezionato verranno comunque visualizzati fino a quando si inseriranno nell'area del frame in cui sto esportando.

Esponi le aree di selezione nascoste e non nascoste

Sopra ci sono i due diversi risultati dell'esportazione della selezione: a sinistra è il risultato con l'opzione "Nascondi tutto tranne selezionare" deselezionata, e il risultato a destra è con quell'opzione selezionata.

4. Esporta l'area personalizzata in PNG

L'ultima sezione nella finestra di dialogo Esporta in immagine PNG è l'opzione per esportare un'area personalizzata della composizione. Qui, tutte le stesse regole si applicano dalle altre impostazioni (x0 e y0 sono le tue coordinate iniziali, x1 e y1 sono le tue coordinate finali, e Larghezza e Altezza saranno le dimensioni totali della tua composizione).

La differenza principale qui è che l'area impostata con questi valori sarà l'area esportata, indipendentemente dal fatto che ci sia o meno un disegno in quell'area. Quindi, è quasi come impostare un ritaglio poiché stai ritagliando qualcosa al di fuori dei valori impostati.

Area di esportazione personalizzata 2019 Inkscape Tutorial

Per dimostrare questa impostazione in azione, imposterò i valori x0 e y0 su 250 ei miei valori x1 e y1 su 1250. Questo creerà un'immagine con una larghezza e un'altezza di 1000 pixel. Cambierò il nome dell'immagine in "Area personalizzata telefono isometrico" e cliccherà su "Esporta".

area personalizzata del telefono isometrico

La mia composizione finale sarà un pixel quadrato 1000 x 1000, con parti del taglio del progetto dovunque il disegno fosse al di fuori dell'area di esportazione.

Questo è tutto per questo tutorial! Se ti è piaciuto, puoi controllare uno dei miei altri Inkscape aiuta gli articoli, Tutorial video Inkscape, o Tutorial su GIMP.

Iscriviti alla nostra newsletter GIMP

Iscriviti alla nostra mailing list per ricevere nuovi tutorial, aggiornamenti sui corsi GIMP e le ultime novità.

È stato sottoscritto con successo!

Pin It on Pinterest

Condividi questo