Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Ottimizzare le immagini (seconda parte)

Salvare sezioni e mappe. Ottimizzazione HTML e con i CSS
Salvare sezioni e mappe. Ottimizzazione HTML e con i CSS
Link copiato negli appunti

Proseguiamo a vedere i vari elementi dell'interfaccia della finestra di Salva per Web.
In alto a sinistra troviamo alcuni strumenti:

  • Strumento Mano: cliccando e trascinando permette di muovere l'area dell'immagine visibile nel caso fosse più grande della finestra di Salva per Web
  • Strumento Selezione sezioni: nel caso l'immagine sia stata divisa in sezioni permette di selezionarne una o più di una (tenendo premuto il tasto Maiusc) per poi procedere all'ottimizzazione delle sezioni selezionate.
  • Strumento Zoom: permette di ingrandire o rimpicciolire l'immagine visualizzata. Cliccare per ingrandire, cliccare tenendo premuto Alt per rimpicciolire.
  • Strumento Contagocce: permette di selezionare un colore dall'immagine.
  • Colore selezionato: visualizza il colore selezionato dal contagocce.
  • Pulsante attiva/disattiva visibilità sezioni: cliccandolo una volta permette di visualizzare le linee di divisione tra sezioni, cliccandolo una seconda le nasconde.

Figura 1. Barra degli strumenti di «Salva per il web»
Barra degli strumenti di «Salva per il web»

Ottimizzare e salvare le sezioni

Se il lavoro contiene delle sezioni selezionarle con lo strumento Selezione sezioni, poi procedere all'ottimizzazione delle sezioni selezionate con le impostazioni a destra (lez 27).

Quando l'ottimizzazione è definitiva premere il pulsante Salva, decidere una cartella in cui salvare il lavoro e un nome. Nel campo «Salva come» decidere se:

  • Salvare HTML e immagini: salva una immagine per ogni sezione e crea un file .HTML con con all'interno le immagini sistemate in una tabella.
  • Salvare solo le immagini
  • Salvare solo l'HTML

Nel campo «Sezioni» decidere infine se salvare tutte le sezioni o solo quelle selezionate.

Salvare e ottimizzare mappe

Per salvare una mappa immagine, ottimizzarla nel modo più adeguato e poi premere Salva. Se nel campo «Salva come» si sceglie Salvare HTML e immagini verrà creato un file .HTML con all'interno la mappa immagine contenente i link impostati.

È possibile vedere l'anteprima di quello che verrà salvato (immagine e codice HTML) premendo il pulsante in basso a destra Anteprima nel browser predefinito.

Figura 2. Pulsante di anteprima
Pulsante di anteprima

Salvare livelli come elementi DIV in HTML

Se si ha intenzione di creare effetti dinamici nella pagine web, Illustrator ci aiuta con la possibilità di salvare ogni singolo livello (della palette Livelli) come immagine separata e inserendola dentro una DIV nel codice HTML.

Per utilizzare questa funzione è sufficiente marcare la casella Esporta come livelli CSS nella linguetta «Livelli» a destra.

Figura 3. Esportazione con livelli
Esportazione con livelli

Salvare poi impostando la voce Salva HTML e immagini nella casella «Salva come».

Ti consigliamo anche