ferzip.com

Ti serve un programmatore sistemista freelance…contattami!

Ottimizzare le immagini per un sito web

Dopo che un designer ha realizzato le immagini per un sito ci sono ancora alcuni passaggi consigliabili prima di poterle caricare sul server. Vediamo alcuni semplici comandi che ci permetteranno di ottimizzare anche di alcune decine di punti percentuali le immagini.

ottimizzazione FILE GIF

Come prima cosa si può vedere se il file GIF utilizza una tavolozza corretta ( per maggiori informazioni vedi GIF ) , per fare ciò si può usare la libreria IMAGEMAGICK diponibile per tutte le piattaforme.
Semplicemente con un comando del genere:

 identify -verbose image.gif

ed ecco un esempio di output gif identify 276x300 Ottimizzare le immagini per un sito webCome si vede in questo esempio l’immagine è in bianco ed nero ed giustamente la Mappa dei colori ne comprende solo 2, nel caso la mappa fosse stata composta da molti più colori c’era ancora possibilità di migliorare l’efficenza

Consiglio di provare la conversione da file GIF al formato PNG per verificare risparmio. Naturalmente più delle volte, c’è.
Spesso si esita ad usare il formato  PNG a causa del supporto limitato nei browser, ma questo è ormai un ricordo del passato si parla di internet explorer 5 . L’unico vero problema è l’alfa-trasparenza PNG, ma ricordiamoci che neanche il formato GIF utilizza dei “veri colori” e neanche lui supporta le semi trasparenze. Quindi, qualsiasi cosa possa fare un GIF, la puo fare anche un file PNG con un notevole risparmio di risorse.

Questo semplice comando fornito da  imagemagick permette di trasformare in maniera totalmente sicura un immagine da GIF a PNG

Schermata 300x79 Ottimizzare le immagini per un sito webcome si vede il risparmio c’è stato anche su immagini già ottimizzate e di piccole dimensioni

ottimizzare i FILE JPEG

I file jpeg / jpg contengono al loro interno una serie notevole di informazioni esempio i tag EXIF,commenti ecc un ottimo programma per la rimozione di tali dati e jpegtran: veloce affidabile e non lossless

Per reperirlo ad esempio su sistemi  ubuntu / debian basta digitare:

sudo apt-get install libjpeg-progs

e l’utilizzo è altrettanto semplice

jpegtran -copy none -optimize -perfect sorgente.jpg > destinazione.jpg

ed ecco un esempio

Schermata 2 300x69 Ottimizzare le immagini per un sito webottimizzare i FILE PNG

I file png sono già di standard molto ottimizzati ma si può recuperare ancora un po attraverso pngcrush un piccolo software (anch’esso presente nei repositi debian / ubuntu)  che analogamente a jpegtran permette un discreta pulizia dei file dalle informazioni non necessarie

pngcrush image.png -rem alla -reduce -brute result.png


.

  • Share/Bookmark
Tag: wshp

Leave a Reply

Get Adobe Flash playerPlugin by wpburn.com wordpress themes