Mantieni uno sfondo trasparente durante l'esportazione di PNG

Un asset trasparente contiene un canale alfa che descrive quali pixel sono visibili. che è diverso dall'immagine di una scacchiera. Se hai scaricato uno screenshot che mostra una scacchiera dietro un logo, quei quadrati potrebbero essere dei normali pixel visibili. Il salvataggio di quello screenshot come PNG non li rimuoverà. Apri la risorsa reale in un editor e controlla che lo sfondo possa effettivamente mostrare.

Questo flusso di lavoro è utile per un ritaglio esistente, un logo raster o un overlay che necessita di una versione di consegna più piccola. Non può identificare un soggetto, cancellare uno sfondo o sostituire un bordo gravemente tagliato. Apporta prima quelle modifiche nel design originale. Mantieni un master modificabile ed esporta un PNG trasparente da esso, quindi usa questa pagina quando hai bisogno di una dimensione raster diversa senza appiattire deliberatamente lo sfondo.

Il preset mantiene i pixel originali, seleziona PNG e disattiva l'affilatura. PNG è l'output qui che preserva la trasparenza esistente. Le esportazioni JPEG e WebP di questo strumento utilizzano uno sfondo bianco opaco, quindi non sceglierli per un asset che deve funzionare su diversi colori di pagina. Il cursore di qualità non controlla la compressione senza perdita di PNG.

Per una copia più piccola, scegli Fit Within e inserisci la casella disponibile. che preserva le proporzioni della sorgente senza tagliare i bordi. Le dimensioni esatte ritagliano nella forma scelta e possono rimuovere un'ombra o una parte del segno, quindi usala solo quando vuoi quel ritaglio. Evita un limite di byte non necessario su un asset principale. Raggiungere un cappuccio stretto può richiedere una riduzione dei pixel, che può rendere difficile la lettura di un piccolo logo o di un contorno stretto.

Visualizza il PNG scaricato su sfondi chiari e scuri. Un ritaglio può contenere pixel di bordo pallido da una precedente modifica di sfondo bianco. La trasparenza può essere tecnicamente intatta mentre l'alone sembra ancora sbagliato su una sezione scura. Allo stesso modo, un logo scuro potrebbe scomparire su una pagina scura anche se l'esportazione è corretta. Risolvi questi problemi di progettazione nella sorgente anziché comprimere ripetutamente.

Controllare l'immagine alla sua dimensione di visualizzazione effettiva. Le ombre semitrasparenti e i tratti stretti possono cambiare visivamente quando ridotti, anche con l'output PNG. Per la pubblicazione sul Web, impostare le dimensioni dell'elemento e fornire un utile testo alternativo quando l'immagine trasmette informazioni. Un overlay decorativo potrebbe richiedere un trattamento di accessibilità diverso da un logo aziendale collegato. Scarica un'esportazione di prova e inseriscila nel layout reale prima di elaborare un gruppo di risorse corrispondenti. La tua fonte rimane sul tuo dispositivo durante la conversione.

Prova un logo scuro con un'ombra morbida e un secondo logo progettato per uno sfondo scuro. Posiziona entrambi i PNG scaricati in una sezione di luce temporanea e una sezione scura del layout. Osserva i tratti stretti e il limite dell'ombra alla dimensione del display prevista. Se una versione diventa invisibile, seleziona la variante di origine giusta anziché appiattirla in un colore di sfondo diverso. Se appare un alone bianco, rivisita il ritaglio originale. Un file può mantenere il suo canale alfa ed essere comunque una scarsa corrispondenza visiva per una particolare pagina. Controllare entrambe le proprietà prima di applicare le impostazioni condivise a tutte le varianti.