Come Ridimensionare le immagini per il tuo sito

Se scatti una fotografia con il cellulare o con la macchina fotografica ottieni belle immagini in funzione della qualita’ del sensore. Usualmente la “grandezza” delle immagini e’ adeguata per poterle stampare, ingrandire o fare elaborazioni grafiche. E questa e’ un ottima cosa.

Se hai un sito internet ti sarai accorto sicuramente che se carichi sul sito le immagini in jpg, cosi’ come le hai scattate le pagine sono lente e ci impiega tanto tempo a caricarsi.

E’ naturale, il sito deve essere veloce (a proposito lo sai che un sito veloce ti aiuta anche a migliorare il tuo posizionamento su google? ) particolarmente per i clienti che usano gli smartphones.

Ricapitolando:

  • Se carichi immagini leggere: il tuo sito è piu’ veloce
  • Se carichi immagini pesanti (cosi come le hai scattate): il tuo sito e’ pesante

Per ottimizzare le immagini ci sono diversi passaggi e sopratutto una conoscenza approfondita di photoshop e di come il file immagine “e’ costruito” nel suo interno, pero’ in questo articolo ti voglio dare un consiglio molto operativo senza farti perdere in passaggi tra photoshop e tools vari, perchè tutto sommato ti interessa semplificarti la vita ed aggiornare velocemente il tuo sito.

Ok, vediamo come fare a ridimensionare le tue immagini ad alta qualita’ per poterle utilizzare sul tuo sito (o anche sui social se vuoi)

Programma per ridimensionare le fotografie o le immagini:

Come ridurre le immagini

I tools online sono molto utili per tutte quelle operazioni periodiche o saltuarie, per cui rendono inutile l’ acquisto o l’ installazione di programmi di grafica. Parliamo quindi di un sito che ci da’ questa opportunita’: www.photoresize.com

Vi avverto e’ un sito molto scarno, semplice e con poche impostazioni, ma fa’ quello che vi serve, vediamolo insieme:

  • Andare sul sito photosize.com
  • Cliccare su “Sfoglia” per scegliere un immagine dal proprio computer (si consiglia di fare una copia dell’immagine per sicurezza)
  • Nel menù a tendina sottostante, selezionare “Height” per modificare l’altezza dell’immagine e “Width” per modificarne la larghezza
  • Una volta scelta la dimensione dell’immagine, cliccare su “Submit”
  • Dopo qualche secondo (dipende da quanto e’ grande il vostro file, vi fara’ scaricare l’ immagine nuova

Quali misure impostare:

Gia’ ora che sai come fare devi sapere anche quali possono essere le misure giuste da inserire, vi ho preparato quindi una guida veloce veloce:

  • Foto a grande formato su tutto il monitor, inserisci width: 1920
  • Foto circa’ meta’ schermo, inserisci width: 800
  • Foto per gallerie immagini, inserisci width: 900
  • Foto per i post, immagine circa 1/3 dello schermo width: 600
Andrea

Andrea

Studente di Informatica All' IISS Ettore Majorana di Seriate (Bg, si detreggia abilmente tra Riff e assoli con le sue numerose chitarre, con pause rilassanti tra Musica, Videogiochi e tipico Humor Lombardo.
Andrea