Comprimere spietatamente immagini di grandi dimensioni per il Web

https://stackoverflow.com/questions/319403

11-07-2019
|

Domanda

Ho un'immagine di sfondo molto grande (circa 940x940 pixel) e mi chiedo se qualcuno ha dei suggerimenti per comprimere un file così grande da gestire Photoshop? La migliore compressione senza una grave perdita di qualità da Photoshop è PNG 8 (250 KB); qualcuno conosce un modo per comprimere un'immagine oltre questa (forse comprimere un PNG dopo che è stato salvato)?

Normalmente non mi occupo di ottimizzare immagini così grandi, quindi speravo che qualcuno avesse dei suggerimenti.

Soluzione

Dai un'occhiata a http://www.irfanview.com/ , è un vecchio ma un buono .

Ho scoperto che è in grado di eseguire una compressione multipag png abbastanza bene, e l'elaborazione batch è molto più veloce di PS.

C'è anche PNGOUT disponibile qui http://advsys.net/ken/utils.htm, che a quanto pare è molto buono.

Altri suggerimenti

Dipenderà innanzitutto dal tipo di immagine che stai cercando di comprimere. Le due categorie di base sono:

foto
Illustrazione

Per le foto (come le fotografie), una compressione con perdita di dati formato come JPEG sarà la cosa migliore, in quanto rimuoverà i dettagli che non sono facilmente rilevabili dalla vista umana percezione. Ciò consentirà tassi di compressione molto elevati per la qualità. Il rovescio della medaglia è che una compressione eccessiva si tradurrà in artefatti da compressione molto evidenti .

Per illustrazioni che contengono ampie aree dello stesso colore, utilizzando una compressione senza perdita come PNG o GIF sarà l'approccio migliore. Sebbene non sia tecnicamente corretto, puoi pensare a PNG e GIF che comprimono molto bene le ripetizioni dello stesso colore, simile a codifica run-length (RLE).

Ora, come hai menzionato in particolare PNG, entrerò in quella discussione dalla mia esperienza di utilizzo dei PNG.

Innanzitutto, comprimere ulteriormente un PNG non è un'opzione praticabile, in quanto non è possibile comprimere i dati che sono già stati compressi . Questo è vero con qualsiasi compressione dei dati; rimuovere la entropia dai dati di origine (sostanzialmente, ripetendo schemi che possono essere rappresentati in più modi compatti) porta alla riduzione della quantità di spazio necessario per memorizzare le informazioni. PNG utilizza già metodi per comprimere le immagini in modo efficiente senza perdita di dati.

Detto questo, c'è almeno un modo possibile per ridurre ulteriormente le dimensioni di un PNG: riducendo il numero di colori memorizzati nell'immagine . Utilizzando "colori indicizzati" (fondamentalmente incorporando una palette personalizzata nell'immagine stessa), potresti essere in grado di ridurre le dimensioni del file. Tuttavia, se l'immagine ha molti colori per cominciare (ad esempio con sfumature di colore o un'immagine fotografica), potresti non essere in grado di ridurre il numero di colori utilizzati in un'immagine senza una sensibile perdita di qualità.

Fondamentalmente si tratterà di alcuni tentativi ed errori per vedere se le modifiche all'immagine causeranno cambiamenti nella qualità dell'immagine e nella dimensione del file.

Il commento di Paul Fisher mi ha ricordato che probabilmente non consiglierei nemmeno di usare GIF. Paul sottolinea che PNG comprime la grafica statica meglio della GIF per quasi ogni situazione.

Vorrei anche sottolineare che GIF supporta solo immagini a 8 bit, quindi se un'immagine ha più di 256 colori, dovrai ridurre i colori utilizzati.

Inoltre, il commento di Kent Fredric sulla riduzione della profondità del colore, in alcune situazioni, ha causato un aumento delle dimensioni del file. Sebbene si tratti di speculazioni, potrebbe essere possibile che dithering sta rendendo l'immagine meno comprimibile (poiché il dithering introduce pixel con colori diversi per simulare un certo altro colore, un po 'come mescolare un pigmento di vernice di colore diverso per finire con un altro colore) introducendo più entropia nell'immagine.

Ecco un punto in cui gli altri poster potrebbero non aver notato che l'ho scoperto sperimentalmente:

In alcune installazioni, il comportamento predefinito è quello di salvare una copia completa del profilo colore delle immagini insieme all'immagine.

Cioè, la mappa di calibrazione del dispositivo, di solito SRGB o qualcosa di simile, che dice agli agenti come mappare meglio il colore su colori del mondo reale anziché su quelli indipendenti dal dispositivo.

Questo profilo di immagine è comunque abbastanza grande e può rendere alcuni dei file che ti aspetteresti di essere molto piccoli per essere molto grandi, ad esempio un'immagine 1px per 1px che consuma un enorme 25kb. Anche un formato BMP puro (non compresso) può rappresentare 1 pixel in meno.

Questo profilo non è generalmente necessario per il Web, quindi, quando si salvano le immagini di Photoshop, assicurarsi di esportarle senza questo profilo e si noterà un netto miglioramento delle dimensioni.

Puoi rimuovere questi dati usando un altro strumento come gimp, ma può richiedere un po 'di tempo se ci sono molti file.

pngcrush può ulteriormente comprimere i file PNG senza alcuna perdita di dati, applica diverse combinazioni della codifica e opzioni di compressione per vedere quale funziona meglio.

Se l'immagine è di natura fotografica, JPEG la comprime molto meglio di PNG8 per la stessa perdita di qualità.

Smush.It afferma di andare " oltre i limiti di Photoshop " ;. Ed è gratuito e basato sul web.

Dipende molto dal tipo di immagine. Se ha molti colori e motivi solidi, allora PNG o GIF sono probabilmente la soluzione migliore. Ma se si tratta di un'immagine fotorealistica, allora JPG sarà migliore - e puoi ridurre la qualità di JPG al punto in cui ottieni il compromesso di compressione / qualità che stai cercando (Photoshop è molto bravo a mostrarti un'anteprima di l'immagine finale mentre si regola la qualità).

Il " comprime un PNG dopo che è stato salvato " la parte mi sembra un grande malinteso. Non puoi comprimere magicamente oltre un certo punto senza perdita di informazioni.

Il primo punto da considerare è se la risoluzione deve essere così grande. Riducendo la risoluzione del 10% in entrambe le direzioni si riduce la dimensione del file del 19%.

Successivamente, prova diversi algoritmi di compressione con diversi gradi di compressione rispetto a perdita di informazioni / qualità. Se l'immagine è imprecisa, potresti scappare con una compressione JPEG abbastanza rigorosa.

Lo piastrellerei, a meno che tu non sia assolutamente sicuro che il tuo pubblico abbia larghezza di banda.

il prossimo è jpeg2k.

Per ottenere di più da un file JPEG, puoi utilizzare le "Impostazioni di qualità modificate" di " Salva come Web " finestra di dialogo.

Crea una maschera / selezione che contenga bianco nel punto in cui desideri conservare il maggior numero di dettagli, ad esempio intorno a Testo. Puoi usare la maschera veloce per disegnare la maschera con un pennello. Aiuta a sfumare la selezione, questo si traduce in una piacevole transizione dal bianco al nero nel passaggio successivo.
salva questa maschera / selezione come canale e dai un nome al canale
Usa File- > Salva come Web
Seleziona JPEG come formato file
Accanto alla casella Qualità è presente un piccolo pulsante con un cerchio su di esso. Clicca quello. Seleziona il canale salvato al passaggio 2 e gioca con l'impostazione della qualità per la parte bianca e nera del contenuto del canale.

http://www.jpegmini.com è un nuovo servizio che crea jpg standard con dimensioni di file straordinariamente piccole . Ho avuto un buon successo con esso.

Per immagini singole di migliore qualità, consiglio vivamente RIOT . Puoi vedere l'immagine originale, a parte quella cambiata.

Lo strumento è gratuito e vale davvero la pena provarlo.

JPEG2000 fornisce rapporti di compressione su immagini di qualità fotografica significativamente superiori a JPEG (o PNG). Inoltre, JPEG2000 ha entrambi "lossy" e "senza perdita di dati" opzioni di compressione che possono essere adattate abbastanza bene alle tue esigenze individuali.

Ho sempre avuto molta fortuna con jpeg. Assicurati di configurare Photoshop per non salvare automaticamente le anteprime nei jpeg. Nella mia esperienza ottengo il miglior rapporto bang / buck utilizzando la compressione progressiva a 3 passaggi, sebbene l'ottimizzazione della linea di base funzioni piuttosto bene. Scegli livelli di qualità molto bassi (ad esempio 2 o 3) e sperimenta fino a quando non avrai trovato un buon compromesso.

Le immagini PNG sono già compresse internamente, in un modo che non beneficia di una maggiore compressione (e potrebbe effettivamente espandersi se si tenta di comprimere).

Puoi:

Riduci la risoluzione da 940x940 a qualcosa di più piccolo come 470x470.
Riduci l'intensità del colore
Comprimi usando uno strumento di compressione con perdita come JPEG

modifica: Naturalmente 250 KB sono grandi per uno sfondo web. Potresti anche voler ripensare la progettazione grafica che lo richiede.

Cesio è lo strumento migliore che abbia mai visto.

http://tools.dynamicdrive.com/imageoptimizer ti consente di generare GIF, JPG o PNG file da ciascuno di quei formati e ti dice da quanto viene compressa l'immagine (in percentuale della dimensione del file originale).

Puoi quindi scegliere quanta qualità sei disposto a scendere a compromessi per un'immagine più piccola. Ha funzionato bene per me.

Autorizzato sotto: CC-BY-SA insieme a attribuzione

Non affiliato a StackOverflow