Le imagini dovrebbereo essere:
- Significative,
- fornire info,
- evocare sentimenti appropriati
- essere riconoscibili
- concordare con tavolozza colori.
Link a siti di immagini:
Argomenti:
Includere immagini ad una pagina
Scegliere formato corretto per le immagini
Presentare un’immagine di dimensioni appropriate.
Ottimizzare un’immagine per caricare le pagine più velocemente sul WEB.
1. Includere immagini ad una pagina
<"img src="immagini/image007.png" alt="descrizione immagine" title="screen shot" height="250px" width="250px">"
Editor in linea:
Come collocare le immagini:
In alto:
There are around 10,000 living species of birds
that inhabit different ecosystems from the
Arctic to the Antarctic. Many species undertake
long distance annual migrations, and many more
perform shorter irregular journeys.
Di lato:
There are around 10,000 living
species of birds that inhabit different
ecosystems from the Arctic to the Antarctic. Many
species undertake long distance annual
migrations, and many more perform shorter
irregular journeys.
In mezzo:
There are around 10,000 living species of birds
that inhabit different ecosystems from the
Arctic to the Antarctic.
Many species undertake long
distance annual migrations, and many more perform
shorter irregular journeys.
Inizio pagina
2. Scegliere formato corretto per le immagini
- Salvare le immagini nel formato corretto
- formati: jpeg: molti colori, gif e png: con meno colori o grandi aree dello stesso colore
- Salvare alle dimensioni corrette
- salvare alla stessa larghezza e altezza che occuperanno nel sito web
- Misurare le immagini in pixel, la risoluzione dipende dalla risoluzione dello schermo, si consiglia intorno a 72 DPI
3. Presentare un’immagine di dimensioni appropriate.
Modifica delle dimensioni e del ritaglio delle immagini, per adeguarle alla pagina
4. Ottimizzare un’immagine per caricare le pagine più velocemente sul WEB.
Immagini vettoriali SVG
Sono immagini indipendenti dalla risoluzione
link ad un sito di immagini SVG: SVG Silh Immagini SVG
Immagini animate gif
formato gif
Sono poco usate perchè appesantisocno il caricamento della pagina
Inizio pagina
Immagini trasparenti
formato PNG usa una compressione senza perdita di dati (lossless),
mantenendo la qualità originale e supportando la trasparenza, il che ne aumenta la dimensione del file.
Il formato JPG (o JPEG) usa invece una compressione con perdita di dati (lossy),
che riduce drasticamente le dimensioni del file ma comporta una perdita di qualità
Tag figure e figcaption
Con figure è possibile associare una didascalia ad una o più di immagini
