Sei sulla pagina 1di 1

Il numero di pixel visualizzati per unit di lunghezza sul monitor variano a secon da della macchina che stai usando:

PC: ha una risoluzione del monitor pari a 96 dpi (punti per pollice) Mac: ha una risoluzione del monitor pari a 72 dpi Se consideri che la risoluzione usata per la stampa di 300 pixel per pollice, ca pisci quanto sia differente preparare un'immagine per il web piuttosto che un'im magine che debba poi essere stampata. Cosa vuol dire questo? Intuitivamente si capisce che se un'immagine ha una risol uzione pi alta della risoluzione del monitor, questa apparir molto pi grande delle sue dimensioni reali. Cose da tenere bene a mente Imposta sempre immagini con risoluzione a 72 dpi, in modo tale da permettere a tutti i tipi di computer di poter visualizzare correttamente le vostre immagi ni. Se devi ridimensionare un'immagine, ricordati che nel passaggio da un'alta r isoluzione a una bassa risoluzione non c' sostanziale perdita di qualit, ma quando cambi la risoluzione di un'immagine da una pi bassa a una pi alta il rischio di p erdere qualit dell'immagine. Quando imposti un'immagine per il web non difficile definire la dimensione i n cui l'immagine deve essere visualizzata, soprattutto se si usa un editor. Se l avori direttamente con il codice non devi far altro che impostare le dimensioni dell'immagine usando gli attributi width e HEIGHT. Qualsiasi sia la soluzione ch e vuoi adottare definisci sempre le dimensioni dell'immagine nel codice, anche s e sono uguali alle dimensioni reali. In questo modo faciliterai il browser a str utturare la pagina accelerando il caricamento. Non dimenticare mai di usare l'ALT TEXT, cio il testo alternativo. Specifica un testo alternativo da visualizzare al posto dell'immagine nei browser che non supportano la modalit grafica oppure sono configurati per lo scaricamento manuale delle immagini. Per gli utenti non vedenti che utilizzano sintetizzatori vocali con browser in modalit testo, questo testo viene riprodotto ad alto volume. In a lcuni browser, questo testo appare anche quando il puntatore si trova sopra l'im magine. Questa funzione inoltre comoda perch alcuni motori di ricerca usano quest o strumento per catalogare le pagine, usando questo testo come le parole chiave. Puoi approfondire l'argomento con la guida all'usabilit di HTML.it. Ultimo consiglio per questa lezione, anche se pu sembrare ovvio: quando organ izzi le immagini per il tuo sito di raggruppale tutte in una cartella (directory ) e di d dei nomi standard associati alle pagine. In questo modo sar pi agevole sos tituirle o ritrovarle tra le tante per modificarle. L'esportazione delle porzioni di immagini Se vuoi fare un'operazione un po' pi "complessa" del semplice inserimento di un'i mmagine in una tabella e - soprattutto - se il tipo di grafica che vuoi inserire complesso e occupa lo spazio dell'intera schermata, puoi tagliare l'elemento gr afico che hai creato in pi parti, che sono comunemente definite porzioni. Questo tipo di operazione denominata suddivisione in porzioni ed utile, ad esempio, per esportare alcune parti di un'immagine come file GIF e altre come file JPEG per usufruire poi di entrambi i formati. Potrai poi riassemblare tali parti sulla pa gine Web tramite una tabella HTML. La Guida a Fireworks 4 ha una lezione dedicat a alle porzioni.