Dovresti essere consapevole di alcuni fattori chiave ...
Innanzitutto, esistono due tipi di compressione: Lossless e Lossy .
- Senza perdita di dati significa che l'immagine viene ridotta, ma senza compromettere la qualità.
- Perdita significa che l'immagine viene resa (anche) più piccola, ma a scapito della qualità. Se si salvasse ripetutamente un'immagine in un formato Lossy, la qualità dell'immagine peggiorerebbe progressivamente.
Esistono anche diverse profondità di colore (palette): Colore indicizzato e Colore diretto .
- Indicizzato significa che l'immagine può memorizzare solo un numero limitato di colori (di solito 256), controllato dall'autore, in qualcosa chiamato Mappa dei colori
- Diretto significa che è possibile memorizzare molte migliaia di colori che non sono stati scelti direttamente dall'autore
BMP : senza perdita / indicizzato e diretto
Questo è un vecchio formato. È senza perdita di dati (al momento del salvataggio non vengono persi dati sulle immagini), ma la compressione è minima o nulla, il che significa salvare poiché BMP comporta file di dimensioni MOLTO grandi. Può avere tavolozze sia indicizzate che dirette, ma questa è una piccola consolazione. Le dimensioni dei file sono così inutilmente grandi che nessuno usa mai questo formato.
Buono per: niente di veramente. Non c'è nulla che ecceda BMP o che non sia migliorato da altri formati.
GIF - Solo senza perdita / indicizzato
GIF utilizza la compressione senza perdita di dati, il che significa che è possibile salvare l'immagine più e più volte e non perdere mai alcun dato. Le dimensioni del file sono molto più piccole di BMP, poiché in realtà viene utilizzata una buona compressione, ma può solo memorizzare una tavolozza indicizzata. Ciò significa che per la maggior parte dei casi d'uso , nel file possono essere presenti al massimo 256 colori diversi. Sembra una piccola quantità, e lo è.
Le immagini GIF possono anche essere animate e avere trasparenza.
Buono per: loghi, disegni al tratto e altre immagini semplici che devono essere di piccole dimensioni. Utilizzato davvero solo per i siti Web.
JPEG - Perdita / diretta
Le immagini JPEG sono state progettate per ridurre al minimo le immagini fotografiche dettagliate rimuovendo le informazioni che l'occhio umano non noterà. Di conseguenza è un formato Lossy e il salvataggio ripetuto dello stesso file comporta la perdita di più dati nel tempo. Ha una tavolozza di migliaia di colori ed è quindi ottimo per le fotografie, ma la compressione con perdita di dati significa che è dannosa per i loghi e i disegni a tratteggio: non solo appariranno sfocati, ma tali immagini avranno anche una dimensione del file più grande rispetto alle GIF!
Consigliato per: fotografie. Inoltre, gradienti.
PNG-8 - Senza perdita / indicizzato
PNG è un formato più recente e PNG-8 (la versione indicizzata di PNG) è davvero un buon sostituto delle GIF. Purtroppo, ha alcuni inconvenienti: in primo luogo non può supportare l'animazione come GIF può (beh può, ma solo Firefox sembra supportarla, a differenza dell'animazione GIF che è supportata da ogni browser). In secondo luogo, presenta alcuni problemi di supporto con browser meno recenti come IE6. In terzo luogo, software importanti come Photoshop hanno un'implementazione molto scarsa del formato. (Accidenti a te, Adobe!) PNG-8 può memorizzare solo 256 colori, come le GIF.
Buono per: la cosa principale che PNG-8 fa meglio delle GIF è avere il supporto per Alpha Transparency.
Nota importante: Photoshop non supporta la trasparenza Alpha per i file PNG-8. (Maledizione a Photoshop!) Tuttavia, ci sono modi per convertire Photoshop PNG-24 in file PNG-8 mantenendo la loro trasparenza. Un metodo è PNGQuant , un altro è quello di salvare i file con Fireworks .
PNG-24 - Lossless / Direct
PNG-24 è un formato eccezionale che combina la codifica Lossless con il colore diretto (migliaia di colori, proprio come JPEG). È molto simile a BMP a questo proposito, tranne per il fatto che PNG comprime effettivamente le immagini, quindi risulta in file molto più piccoli. Sfortunatamente i file PNG-24 saranno ancora molto più grandi di JPEG, GIF e PNG-8, quindi devi ancora considerare se vuoi davvero usarne uno.
Anche se i PNG-24 consentono migliaia di colori pur avendo compressione, non sono destinati a sostituire le immagini JPEG. Una foto salvata come PNG-24 sarà probabilmente almeno 5 volte più grande di un'immagine JPEG equivalente, con un miglioramento molto piccolo della qualità visibile. (Naturalmente, questo potrebbe essere un risultato desiderabile se non sei preoccupato per le dimensioni del file e vuoi ottenere la migliore qualità dell'immagine che puoi.)
Proprio come PNG-8, PNG-24 supporta anche la trasparenza alfa.
SVG - Lossless / Vector
Un tipo di file che sta attualmente crescendo in popolarità è SVG, che è diverso da tutto quanto sopra in quanto è un formato di file vettoriale (i precedenti sono tutti raster ). Ciò significa che in realtà comprende linee e curve anziché pixel. Quando ingrandisci un'immagine vettoriale, vedi ancora una curva o una linea. Quando ingrandisci un'immagine raster, vedrai i pixel.
Per esempio:
Ciò significa che SVG è perfetto per i loghi e le icone che si desidera mantenere la nitidezza sugli schermi Retina o con dimensioni diverse.
Inoltre, i file SVG sono scritti in XML e quindi possono essere aperti e modificati in un editor di testo, che può essere manipolato al volo, se lo si desidera. Ad esempio, è possibile utilizzare JavaScript per modificare il colore di un'icona SVG su un sito Web proprio come si farebbe con un po 'di testo (cioè non è necessaria una seconda immagine).
Spero che aiuti!
