Mini Guida sulle immagini da usare nei siti internet
6 aprile 2011 
Quando realizziamo un progetto online, uno degli elementi più importanti che dovremmo tenere sempre in considerazione è l’immagine.
Vuoi perché contribuisce a una migliore comprensione dei contenuti, vuoi perché facilita a comprendere di cosa stiamo parlando in un determinato paragrafo, vuoi perché spezza i vari argomenti tra di loro, ma rimane uno degli elementi più importanti di un sito web.
Oggi vi voglio dare alcuni consigli su come cercare le immagini giuste per i nostri progetti online.
1) Dove trovare le immagini
1.1 Siti Ufficiali di Aziende e Partner
Se stiamo per realizzare un progetto online di un azienda che vende prodotti di altre aziende o che fanno parte di grossi gruppi commerciali , il primo luogo dove andare a cercare le immagini e proprio sui loro siti.
Se vediamo che le immagini possono essere riutilizzate da azienda partner, vi consiglio di utilizzare senza tanti indugi.
Se invece ci ritroviamo particolari clausole , vi consiglio di chiedere l’autorizzazione via mail , spiegando che dovrete riutilizzare quelle immagini solo per quel progetto di quell’azienda partner.
1.2 Acquistare o scaricare gratuitamente foto online
Se il primo punto non è quello che fa per il nostro progetto, vi consiglio di acquistare foto da negozi online che fanno questo di mestiere.
Servizi online famosi che io utilizzo quotidianamente per l’acquisto online di foto:
Oppure potete provvedere a ricercare le foto in portali gratuitamente (penalizzando un po la qualità)
1.3 Creare foto con un fotografo
Può capitare che ci ritroviamo a realizzare un progetto per un pittore o per un artista che non realizza prodotti in serie , ma anzi crea prodotti unici nel suo genere e che non esistono già, come quadri e sculture.
Per questo ti consiglio di creare partnership con Fotografi professionisti così da poter realizzare veri e propri book fotografici ai prodotti , evitando l’imprenditorialità che è facilmente comprensibile dalla qualità della foto.
1.4 Non Googlate le foto
Non dovete utilizzare foto che avete trovato dopo una ricerca su google , se non avete l’estrema certezza che quelle foto non siano:
- coperte da copyright e/o copyleft;
- non siano utilizzare dalla concorrenza ( cosa molto sgradevole per l’azienda che curiamo )
2) Salvarle nel giusto formato
Salvare le immagini nel giusto formato avrà sicuramente un riscontro molto positivo nel caricamento del nostro progetto sul browser del visitatore.
Per l’esattezza un’immagine nel web dovrebbe avere:
- 72dpi di risoluzione video , in quanto è la risoluzione consona per le immagini da web;
- Salvata in formato RGB e non CYMK, perché alcuni browser come Firefox leggono solo quel formato;
- Possibilmente in Jpg o al massimo in assenza di sfondo in Png , certamente è sconsigliato utilizzare gif e bmp visto il loro scarso rendimento visivo sui browser.
3) Dare Nomi appropriati
Vi consiglio di utilizzare nomi appropriati alle immagini utilizzate nei vostri progetti per due motivi:
- Il primo fattore è quello della gestione, visto che sono facilmente riconoscibili a differenza di nomi composti da codici o da numeri senza una vera e propria logica.
- Il secondo è quello dell’ottimizzazione per i motori di ricerca, in quanto i motori daranno un determinata importanza a tutte quelle immagini con quella keyword.
4) Norme di sintassi nel codice
Alcuni consigli che vi posso dare su come gestire le immagini all’interno del nostro codice html:
- Ricordatevi sempre di dichiarare la larghezza e l’altezza ( width e height ) del tag <img> per evitare spreco di risorse per il calcolo delle dimensioni da parte del browser.
- Date dei nomi senza utilizzare degli spazi per evitare la creazione di url nulle, se dovete per forza inserire degli spazi usate i trattini bassi _ ( esempio rocco passaro.jpg diventerà rocco_passaro.jpg ).
- Utilizzate l’attributo alt nel caso l’immagine non venga visualizzate e per i fini seo, utilizzato come valore una frase di senso compiuto.
- Creare dello spazio tra immagini e testo renderà migliore la visualizzazione dell’immagine.
5) Utilizzare il bordo nel caso di immagini tagliate
Se vi ritrovaste di fronte all’occasione di inserire immagini tagliate in modo evidente , che hanno perso un po’ di qualità durante questa operazione, vi consiglio di utilizzare un bordo per distaccarle dallo sfondo.
Vi sono piaciuti i miei consigli ? Volete dire la vostra ? Volete aggiungere qualcosa ? Scrivete un commento 
Potresti trovare interessante anche
Complimenti, come mini-guida è ottima