Salvare le immagini per il web con una mappatura Alpha

Immagini

Figura 1 Figura 2 Figura 3 Figura 4 Figura 5 Figura 6

Durante lo sviluppo di un sito web bisogna fare attenzione a mantenere basso per quanto possibile il peso delle pagine: elementi flash, script esterni ed immagini sono sicuramente gli oggetti da tenere maggiormente sotto controllo.

Ecco allora un bel modo per ottimizzare e salvare le immagini per il web, mantenendo la qualità dei dettagli pur abbassando notevolmente il peso dell'immagine.
Il trucco sta nell'abbassare la qualità delle aree non "importanti".

Prima: 108kb (figura 1)

Dopo: 64kb (figura 2)

La tecnica non è troppo complessa.
Per prima cosa bisogna salvare un canale Alfa

  1. premere Q sulla tastiera per entrare in modalità Quick Mask
  2. premere D per impostare i colori di primo piano e sfondo come Nero su Bianco
  3. pennellare l'oggetto da mantenere dettagliato (figura 3)
  4. premere Q per tornare in modalità normale
  5. selezionare i canali e salvare la selezione premendo l'icona ai piedi della palette canali (l'icone che sembra una lavatrice...)
  6. ctrl+D per selezionare (eventualmente)
  7. ctrl+I per invertire la maschera (figura 4). L'oggetto di cui vogliamo mantenere la qualità deve essere bianco nella maschera

A questo punto non ci resta che eseguire gli ultimi passsaggi per il salvataggio:

  1. Cliccare sul menù File> Salva per web
  2. dai settaggi sulla destra, scegliere Jpeg e premere ancora la piccola icona a forma di lavatrice affianco alla qualità (figura 5)
  3. caricare il canale alpha come maschera per l'immagine
  4. abbassare la qualità solo per lo sfondo (es.30%) (figura 6)

Ed il gioco è fatto: abbiamo ora ridotto quasi del 40% il peso originale, mantenendo la qualità dell'immagine centrale (sulla quale si focalizzerà principlamente l'occhio dell'utente).