• +39 070 7560 963
  • info@multiwebnegozi.com
immagini e-commerce
Nov 14 2016

Immagini per siti web e E-commerce. Informazioni di Base

 

Per la costruzione di un sito web e/o di un e-commerce vengono utilizzate delle immagini digitali. Queste hanno un ruolo fondamentale per poter dare un esperienza positiva ed efficace ad un potenziale utente o cliente. Di conseguenza è necessario curare alcuni particolari che potrebbero essere determinanti.

Ma prima di arrivare a parlare di ciò introduciamo il discorso con alcune informazioni di base che ci porteranno ad avere un concetto a 360° di quello che andremo a realizzare.

Che cosa è un immagine digitale? Perchè si chiama digitale?

Con digitale si intende qualcosa che ha a che fare con numeri o che utilizza numeri per operare. Infatti nel mondo dell’informatica, il principio di base è un sistema binario costituito dai numeri 0 e 1.

L’immagine acquisisce la connotazione di digitale nel momento in cui viene creata tramite dei processi che trasformano una serie di dati e informazioni in codici, che vengono poi recepiti, memorizzati e utilizzati da sistemi digitali, come un tablet, un cellulare o un Computer etc.. che attraverso uno schermo di piccole o grandi dimensioni possono riprodurre l’immagine.

COME SI OTTIENE UN IMMAGINE DIGITALE?

Sostanzialmente ci sono 4 categorie di acquisizione per le immagini digitali:

1 – immagini ottenute da una macchina fotografica digitale.

Queste vengono ottenute tramite dei sensori di luce che captano l’immagine quando viene premuto il tasto di scatto nella fotocamera, dopodichè tali informazioni vengono rielaborate e memorizzate per poterle rivedere a nostro piacimento.

immagini siti web

 

2 – immagini create con programmi o applicazioni.

Esistono dei programmi o applicazioni che permettono di creare direttamente l’immagine nel computer, tablet, cellulare o qualsiasi altro sistema appropriato. Molti grafici, artisti etc..utilizzano questo modo per creare cose nuove o ri-creare cose già esistenti. Ad esempio uno stilista che delinea le forme di un nuovo capo di abbigliamento, un disegnatore di nuovi modelli di auto, un ingegnere che traccia le linea di un progetto etc..utilizzano questo sistema.

immagini siti web

 

3 – Fotografie e immagini modificate con programmi o applicazioni.

Un altro modo è quello di recuperare un immagine, che si può trovare su internet, sulla macchina fotografica o in qualsiasi sistema di memoria e modificare tale immagine con un programma o applicazione appositi.

Ad esempio aumentare la nitidezza, eliminare gli occhi rossi, fare dei ritagli etc..

immagini siti web

 

4 – immagini assunte tramite scansione .

L’acquisizione digitale di un immagine può essere effettuata tramite uno scanner, ossia una qualsiasi macchina che permette di fare una scansione della foto, con la quale vengono recuperate delle informazioni attraverso dei sensori di luce. Queste informazioni vengono elaborate, inviate e memorizzate in un computer che ci permette poi di vederle ricreate nello schermo.

immagini siti web

 

 

 

SCARICARE IMMAGINI PER SITI WEB E E.COMMERCE

Ci sono vari stock sul web da cui scaricare photo e immagini, sia gratis che a pagamento.

Alcuni gratuiti sono :

http://www.splitshire.com

http://www.imcreator.com/free

https://pixabay.com

https://picjumbo.com

https://unsplash.com

Oppure a pagamento:

http://www.istockphoto.com/it

https://it.fotolia.com

http://www.fotosearch.it

Qui trovate svariate foto che potete utilizzare per la creazione del vostro sito web o qualsiasi altro utilizzo.

Un altra opzione sarebbe scegliere direttamente le immagini dal motore di ricerca, digitando sulla barra di search il nome o il titolo delle immagini a cui siete interessati, come vedete qui di seguito.

immagini per siti web

 

Quì c’è da aprire una parentesi, state attenti a non utilizzare immagini protette da copyright altrimenti potreste essere soggetti a delle conseguenze, che vanno dal dover rimuovere le immagini dal sito al ricevere una denuncia e pagare ingenti somme di denaro.

La soluzione per questo è di filtrare la ricerca utilizzando la parte superiore della barra di ricerca. Selezionate la voce strumenti di ricerca.

immagini per siti web

 

Poi selezionate la voce diritti di utilizzo.

 

immagini per siti web

 

Dopodichè selezionate contrassegnate per essere riutilizzate.

 

immagini per siti web

 

 

In questo modo abbiamo eluso il problema e possiamo scaricare delle immagini senza essere vincolati o limitati da questo fattore.

Ora andiamo alla ricerca dell’ immagine che desideriamo scaricare.

immagini e-commerce

 

 

Dopo averla selezionata facendo un click sopra di essa, poi un click con il tasto destro del mouse e selezioniamo la voce “Salva immagine con nome”, selezioniamo la cartella di destinazione dove poi ritroveremo il file che è stato salvato. Poi un click su “salva“. Ora potrete usufruire dell’ immagine a vostro piacimento.

Ma la scelta migliore per chi avesse la possibilità economica rimane attingere direttamente a stock di qualità che permettono di scegliere fotografie originali, che seguono standard molto alti e hanno vari formati con cui scaricare l’immagine in base all’utilizzo. Questa opzione è per chi desidera fare un lavoro professionale.

DIMENSIONE DELLE IMMAGINI PER SITI WEB E E-COMMERCE

Ogni immagine digitale ha le sue dimensioni in altezza e in larghezza.

immagini e-commerce

 

 

Queste vengono misurate in Pixel.

Il Pixel è l’elemento più piccolo che costituisce un immagine digitale. Come vedete nell’immagine seguente, ognuno di quei quadratini è un Pixel.

immagini per siti web

 

L’unità di misura che viene utilizzata solitamente per indicare la dimensione delle immagini digitali è il MegaPixel, che vuol dire 1.000.000 di Pixel.

In fase di costruzione di un sito web o di un e.commerce ci si deve attenere a degli spazi precisi ed ogni componente strutturale ha le sue dimensioni come vedete in questo modello di e.commerce.

immagini per siti web

 

Queste dimensioni vengono assegnate arbitrariamente in base alla decisione del grafico o di chi mette in piedi il sito. Di conseguenza per poter riempire ognuno di questi spazi con delle immagini è necessario tenere conto delle dimensioni che sono state stabilite e inserire delle immagini adatte in termini di altezza e larghezza. Come ad esempio l’immagine di un prodotto da caricare sull’ e-commerce come questo:

 

immagini e-commerce

Altrimenti potrebbero verificarsi dei problemi per quanto riguarda le proporzioni delle immagini come riassume questa foto.

 

immagini per siti web

 

Immaginate di inserire le foto dei prodotti da vendere sul vostro e. commerce che risultano così sproporzionate. Di sicuro non conterà molti acquirenti. Per questo motivo oltre alla tecnica serve sempre un pizzico al quadrato di buon senso. In conclusione dopo aver selezionato le immagini, assicuratevi che siano adatte alle dimensioni degli spazi di cui disponete.

RISOLUZIONE DELLE IMMAGINI PER SITI WEB E E-COMMERCE

La risoluzione, è la densità di punti elementari in relazione ad una dimensione lineare, termine usato soprattutto nel campo delle immagini digitali. Per farla semplice più puntini ci saranno ad esempio in un pollice quadrato ( il pollice è un unità di misura usata nei paesi anglosassoni che equivale a 2,54 cm ) maggiore sarà la risoluzione. Un’immagine digitale è composta essenzialmente da un certo numero di punti colorati, i pixel ( Il pixel è l’elemento più piccolo che costituisce un immagine digitale, come spiegato in precedenza).

La risoluzione viene espressa in dpi. Un certo valore di dpi ( dots per inch ) ci indica quanti punti elementari (dots) ci sono in ogni pollice (inch). Valori più alti significheranno che i punti saranno più fitti, più vicini tra loro, quindi maggiore risoluzione. Al contrario valori bassi indicheranno che i punti avranno una densità, una distanza tra di loro più elevata. Punti troppo distanti tra loro daranno luogo ad un’immagine poco definita, in cui i punti stessi saranno visibili ad occhio nudo con conseguente diminuzione della qualità dell’immagine. Aumentando la densità dei punti si ottengono immagini migliori. Vediamo un esempio qui di seguito:

immagini e-commerce

 

A causa della struttura dell’occhio umano è inutile superare una certa soglia di definizione. Il nostro sistema oculare infatti è in grado di distinguere dettagli fino alla risoluzione di circa 300 dpi. Oltre questa portata, qualsiasi altro particolare verrebbe confuso con gli altri dettagli e non sarebbe captato dall’occhio umano. Per questa ragione è stato stabilito che la risoluzione ottimale per un’immagine fotografica è di circa 300 dpi (massima qualità) con un minimo di 200 – 240 dpi in casi particolari. Utilizzi diversi prevedono tuttavia valori anche molto più bassi.

Ad esempio per Libri, Riviste di Qualità 300 dpi; Stampe di grandi dimensioni 200 dpi; Quotidiani 100 dpi; Web – Monitor 72 dpi.

Per quanto riguarda le immagini per siti web e E-commerce è richiesta una risoluzione di 72 dpi.

PESO DELLE IMMAGINI PER SITI WEB E E-COMMERCE

immagini siti web

 

Ogni file (con file si intende deposito o documento contenente informazioni e dati) che viene archiviato in una qualsiasi memoria ha un “peso” e occupa uno “spazio”.

Alla stessa stregua le immagini che vengono caricate nel sito web o e-commerce hanno un peso.

Quest’ ultimo influisce sulla velocità di risposta del sito. Se le immagini sono troppo grandi come dimensione o se vengono usate immagini con una risoluzione troppo alta, avremo un peso maggiore.

Mentre un potenziale utente o cliente sta navigando sul nostro sito si aspetta che questo sia fluido, che non sia necessario aspettare troppo quando passa da una pagina ad un altra, o da un articolo all’ altro.

Questo non vuol dire che bisogna usare immagini troppo piccole o di qualità scadente. Ma cerchiamo di bilanciare le due cose, usiamo immagini di qualità che allo stesso tempo non siano troppo pesanti.

Tali informazioni sono state trattate precedentemente in questo articolo. Potete fare riferimento a quelle.

Voi quali pensate che siano altre informazioni di base che potrebbero essere utili riguardo le immagini per siti web e e-commerce?

Aspettiamo un vostro commento!