I file immagine hanno diverse terminazioni, vediamone alcune:

Tagged Image File Format (.tiff) : è un formato usato nei lavori professionali (pubblicazioni di libri, progetti). Costituisce il punto di riferimento per l’aspetto della qualità, occupa molta memoria.

Questi sono i formati che potremmo incontrare sul web:

Microsoft Windows Bitmap (.bmp, .rle, .dib): Le immagini bitmap, chiamate anche tipo-paint o raster sono composte da una serie di piccoli punti, in modo simile alla carta per grafici con specifici quadrati riempiti per formare un'immagine. Le bitmap vengono create e modificate tramite programmi di grafica, ad esempio Microsoft Paint. Tutte le immagini e le fotografie digitalizzate sono bitmap. Quando vengono modificate le dimensioni queste immagini perdono definizione e i punti individuali che compongono l'immagine diventano visibili.Il modo in cui i colori vengono visualizzati in una bitmap viene modificato regolando la luminosità e il contrasto, convertendo i colori in bianco e nero o in gradazioni di grigio, oppure tramite la creazione di aree trasparenti. Per modificare colori specifici in una bitmap, è necessario utilizzare un programma di per la modifica delle fotografie. Le immagini generate, chiamate anche immagini vettoriali, sono composte da linee, curve, rettangoli e altri oggetti. Le singole linee possono essere modificate, spostate e ridisposte. Quando una immagine viene ridimensionata, il computer disegna nuovamente le linee e le forme in modo che mantengano la definizione e la prospettiva originali. Le Forme sono immagini generate. Poiché una immagine generata è fatta di linee e forme, è possibile raggruppare e separare, riordinare e modificare il colore di una o di tutte le componenti dell'immagine. Le immagini generate vengono salvate nel formato dell'applicazione che le ha create. Ad esempio, i Metafile di Microsoft Windows (clip art) vengono salvati con estensione .wmf (Windows Metafile Graphics). Le immagini bitmap vengo spesso salvate con estensione BMP, PNG, JPG o GIF.

Joint Photographic Export Group (.jpg) : è il formato principe per l’interscambio di immagini in internet, probabilmente è il file immagine che ha il miglior rapporto compressione/qualità. Si tratta di un formato compresso con perdita di dati (loss) che offre all’utente di scegliere il rapporto tra compressione e qualità. Supporta i sottoformati standard e progressivo, non consente trasparenze ed animazioni, ha una profondità di colore superiore a 256.

Graphics Interchange Format (.gif): è stato inventato nel 1987 da CompuServe e si tratta di un formato compresso senza perdita di dati. Ha una profondità di colore inferiore a 256 ma ha avuto un enorme successo in internet per alcune sue peculiarità. Consente di specificare un colore come trasparente – perciò lascia vedere ciò che ritrova sotto – consente animazioni : una gif animata è una sequenza di file gif che creano l’impressione di un’animazione – i banner pubblicitari per esempio – consente di realizzare sia immagini interallacciate che non interallacciate.

Portable Network Graphics (.png): è un formato creato tenendo conto delle particolarità del web. Potrebbe sostituire il formato gif perché offre le stesse funzioni ma con la tendenza ad essere meno pesante, usa inoltre la trasparenza Alpha, una tecnologia che permette di usare le sfumature ed è adatta allo sfondo delle pagine.

Standard Vector Graphics (.svg): Le immagini sono basate su un file di testo descrittivo, è possibile eseguire lo zoom senza deformazioni, sovrapporre le immagini o deformare il testo, applicare effetti di trasparenza e rotazioni. Permette inoltre di realizzare animazioni.

Alcuni concetti:

Profondità di colore: si esprime in bit ed indica il numero dei colori che possono essere presenti in un’immagine. Con 8 bit è possibile rappresentare fino a 28 = 256 colori diversi (cioè da 0 a 255). Con 24 bit è possibile rappresentare fino a 2²⁴ = 16.777.216 valori ciascuno dei quali può essere messo in corrispondenza con un colore.

Formato compresso: la compressione delle immagini consente di far occupare meno memoria, nella compressione il file può perdere in qualità oppure no.

Immagini interallacciate: (gif) sono quelle che vengono caricate a linee alterne, l’immagine non interallacciata viene visualizzata dall’alto verso il basso durante il caricamento.

Immagini caricate in formato standard e progressivo: (jpg) le immagini in formato standard vengono visualizzate dal browser solo dopo essere state interamente prelevate dal sito. Le immagini in formato progressivo vengono visualizzate mano a mano durante il caricamento.

2.2.4  Inserimento delle immagini e barra immagini

Nella sezione precedente abbiamo visto come inserire le immagini sullo sfondo. In questa breve sezione vedremo come inserire un’immagine sullo stesso piano del testo e il funzionamento della barra strumenti immagine. Per far comparire una barra tra gli strumenti bisogna selezionarla. Fate click con il dx del mouse (in alto) e selezionate la barra degli strumenti immagini.

• Metodo 1: seleziono l’immagine sulla sinistra dello schermo (all’interno della cartella web) e la trascino all’interno della pagina bianca.
• Metodo 2: dal menù inserisci scelgo “immagine” e poi seleziono il nome del file da inserire. 

Teniamo presente che in ogni caso l’immagine si andrà a posizionare dove si trova il cursore perciò la prima cosa da fare è decidere dove posizionare il cursore nella forma che assume quando scrive il testo (la forma lampeggiante).

Scrivo una riga di testo nella mia pagina “gatti” e inserisco l’immagine.