Come ridurre le dimensioni del file PNG per il web?

Ho un file PNG-24 con sfondo trasparente e la sua dimensione attuale è di 1,5 MB. Come ridurre le dimensioni o utilizzare il formato file PNG-8 e mantenere la stessa qualità?

File PNG da qui: http://www19.zippyshare.com/v/69590430/file.html

Esempio Immagine caricata Ho provato tutti i suggerimenti, ma nessun buon risultato si prega di avvisare

Grazie

PNG è un formato di compressione senza perdita: senza modificare il materiale di origine nel file, c'è ben poco modo per aumentare la compressione oltre la compressione di livello più alto predefinita. L'unico vero modo per ridurre le dimensioni sarà cambiare l'immagine, riducendo la risoluzione o l'intensità del colore in modo che la compressione PNG abbia meno complessità con cui lavorare.

Se desideri elevati livelli di compressione per l'immagine e non ti interessa la memorizzazione dei dati senza perdita di dati, usa JPEG.

RIOT può farlo, e molto altro.

Radical Image Optimization Tool (in breve RIOT) è un ottimizzatore di immagini gratuito che ti permetterà di regolare visivamente i parametri di compressione mantenendo le dimensioni minime del file.

Si utilizza con un'interfaccia affiancata (doppia visualizzazione) o singola vista per confrontare l'originale con l'immagine ottimizzata in tempo reale e vedere immediatamente le dimensioni del file risultante.

L'ottimizzatore di immagini è leggero, veloce e semplice da usare, ma potente per utenti esperti. Sarai in grado di controllare la compressione, il numero di colori, le impostazioni dei metadati e molto altro e selezionare il formato immagine (JPEG, GIF o PNG) per il tuo file di output.

Un'altra possibilità è usare una combinazione di pngquant, pngout e pngcrush, come descritto qui , ma questo proviene dalla riga di comando.

Ecco le istruzioni su come convertire immagini png24 in png8 per bontà ie6, tutto attraverso la riga di comando usando strumenti open source (penso) pngquant + pngout + pngcrush.

1- quantizza l'immagine in 256 (quindi sostanzialmente png8 sembra schifo con grandi sprite o sprite con una vasta gamma di colori).

pngquant 256 some_24_bit.png

2- convertire l'immagine da un png24 a un png8

pngout -c3 -d8 -y -force some_24_bit.png some_8_bit.png

3- comprimere l'immagine

pngcrush some_8_bit.png -bit_depth 8 -brute -rem alla -reduce some_8_bit_small.png

Prova TinyPNG

Dal loro sito Web:

Come funziona?

Quando carichi un file PNG (Portable Network Graphics), vengono combinati colori simili nell'immagine. Questa tecnica si chiama "quantizzazione". Poiché il numero di colori è ridotto, i file PNG a 24 bit possono essere convertiti in immagini a colori indicizzate a 8 bit molto più piccole. Anche tutti i metadati non necessari vengono eliminati. Il risultato: piccoli file PNG con supporto al 100% per la trasparenza.

Hanno due opzioni:

• Trascina e rilascia le immagini sul loro sito Web e verrà elaborato automaticamente. Servizio gratuito. (Fino a 20 immagini. Max 5 MB ciascuna)
• Plugin Photoshop. Questo costa $.

Non ho provato il plug-in PS, quindi non posso commentare su come funziona.

Se non ti dispiace la riga di comando, dai un'occhiata a OptiPNG , potrebbe essere quello che stai cercando .

OptiPNG è un ottimizzatore PNG che ricomprime i file di immagini a dimensioni inferiori, senza perdere alcuna informazione. Questo programma converte anche formati esterni (BMP, GIF, PNM e TIFF) in PNG ottimizzato ed esegue controlli e correzioni dell'integrità del PNG.

Utilizzare la combinazione di pngoutedeflopt . pngoutdeterminerà automaticamente se i tuoi colori PNG si adattano a PNG-8 e lo utilizzerà. defloptspremerà alcuni byte extra dall'immagine già ottimizzata - è utile lavorare con qualsiasi dato sgonfiato e PNG è uno di quelli.

Una buona idea per gestire PNG con canale alfa nel contesto dello sviluppo del sito Web sarebbe quella di lasciare che il server faccia il trucco per te: separare dinamicamente i dati dell'immagine dal canale alfa sul server, ottimizzarli entrambi separatamente e ricombinarli usando il elemento canvas e alcuni JavaScript nel browser. Ta-Da! Funziona con tutti i browser moderni.

Ecco spiegato come è fatto:

http://headers-already-sent.com/artikel/shrinkimage-1/

Troverai anche un pacchetto ZIP completo con lo script PHP e un plugin jQuery. Facci sapere cosa ne pensi.

Se hai davvero bisogno di ridurre un'immagine, e tutti i suggerimenti facili non funzionano, la risposta finale è quella di spezzare l'immagine in pezzi comprimibili e ricombinarli sul client con lo scripting.

L'immagine della domanda sembra una sfumatura di colore con linee verticali e alcune macchie / disturbi. Suddividilo nei seguenti livelli:

1. Il gradiente di colore senza linee o disturbi. Questo comprimerà bene in PNG e molto bene in JPEG. Ancora meglio, usa JavaScript per generare il gradiente di colore sul client. Probabilmente potresti farlo in meno di 200 byte di JS.
2. Le linee verticali senza colore o rumore. È possibile comprimerlo fino a un singolo canale a 4 bit (alfa o grigio). Hai solo bisogno di un'immagine alta 1 pixel, che puoi allungare. Ciò si comprimerebbe molto bene in PNG.
3. Il rumore. Ancora una volta, tutto ciò che serve è un singolo canale a 4 bit (alfa o grigio). Senza colore o linee, questo dovrebbe comprimersi molto bene in PNG o JPEG.

Combina i livelli in un'unica immagine con JavaScript e l'intera "immagine" potrebbe essere pari o inferiore a 15 KB.

Questo tipo di lavoro è stato lo standard del settore in Games per decenni, e lo è ancora. La cosa fantastica è che Photoshop ha già tutti quei livelli separati, se hai creato la tua immagine come un professionista.

I file PNG standard sono già il formato di immagine più compresso che è possibile utilizzare, quindi perché i file PNG vengono utilizzati così tanto per le immagini sui siti Web, in particolare a fini di progettazione.

Ma c'è ancora un modo per comprimere ulteriormente i file PNG; diminuendo il numero di colori utilizzati nell'immagine. Questo può spesso ridurre la dimensione del file fino al 70% o anche più.

Il miglior software gratuito automatizzato con la più alta percentuale di compressione complessiva che ho trovato per questo è FileOptimizer che utilizza più motori (ad es. PngOptimizer, PNGOUT, pngwolf, ecc.) Per comprimere l'immagine alla dimensione più piccola possibile.

Un altro strumento online che ho trovato con buoni risultati è questo: http://www.giftofspeed.com/png-compressor/

Consentitemi di presentare FileOptimizer . Combina vari metodi per l'ottimizzazione delle immagini (inclusa la rimozione EXIF ​​per il salvataggio di pochi byte extra - può essere disattivata).

Risultati dei test e confronto con altre soluzioni.

ScriptPNG http://css-ig.net/scriptpng

ti dà circa 10 diverse opzioni tra cui lossy! Ho provato un sacco e questo file batch di Windows (con un mucchio di .exes) è fantastico

Lo uso personalmente per comprimere a 8 bit con perdita. Non sono sicuro di come funzioni, ma i miei screenshot sembrano uguali. Lo uso per comprimere schermate. Avevo circa 2 GB di png, ora solo 700 MB