Ritagliare e ridimensionare le fotografie per il web

Argomento
Ritagliare e ridimensionare le fotografie per il web

Sempre di più pubblichiamo le nostre immagini su internet. Alcuni strumenti presenti sui cellulari possono aiutarci nel le foto.

In questo tutorial vediamo alcune semplici operazioni che possiamo eseguire con Gimp, soprattutto in base dove pubblicheremo le immagini (Facebook, Instagram, il nostro sito web,..)
 

Obiettivo

Ritagliare, ridimensionare le nostre foto per Facebook, Instagram, il nostro sito web.

 

Cosa impariamo

Come utilizzare al meglio gli strumenti taglia, ridimensiona, ruota di Gimp

 

Notazioni

px indica pixel l'unità minima convenzionale della superficie di un'immagine digitale (Wikipedia)

800x600 pixel : immagine larga 800 e alta 600 pixel

 

Approccio alle immagini

Creare le immagini per internet è un arte.

Ogni fotografia può presentare delle problematiche che richiedono un approccio diverso. A mio avviso non esiste un unico modo di procedere.

Ho scelto, in questo tutorial, di lavorare per esempi.

 

Preparare un immagine quadrata per Instagram

Le foto su Instagram sono quadrate. Il nostro obiettivo è creare un'immagine ridimensionata a 800x800 pixel.

Preparazione e analisi dell'immagine

Partiamo da questa foto

Creare ritagliare ridimensionare foto per Instagram

Quello che notiamo è che il fiore non è centrato nell'immagine. Vediamo come procedere con Gimp.

1) Ritagliare l'immagine

Utilizziamo lo strumento taglierina Strumento Taglierina Gimp. Tracciamo un rettangolo all'esterno dell'immagine.

Ritagliare una foto per Instagram

 

L'immagine originale ha dimensioni 6000 x 4000 px.

Cominciamo a creare un'immagine quadrata 4000 x 4000 impostando il valore della larghezza a 4000. L'effetto è il seguente:

Ritagliare una foto per Instagram

Prima di terminare l'operazione, spostiamo il rettangolo di ritaglio sulla destra, facendo click e tenendo premuto al centro del rettangolo.

Facciamo in modo che le quattro frecce  raggiungano il centro del fiore.

Spostamento del rettangolo di ritaglio foto

Terminiamo facendo INVIO. La foto ritagliata risulta la seguente:

foto ritagliata

2) Ridimensionare l'immagine

Per Instagram è sufficiente una foto 800 x 800 pixel. Andiamo nel menù e selezioniamo Immagine > Scala Immagine ...

ridimensionare foto per Instagram

Nella finestra che appare, controlliamo che lo strumento concatena non sia aperto come nell'immagine.

ridimensiona foto - Strumento concatena

Altrimenti non otteniamo un'immagine proporzionata. Per modificare l'impostazione facciamo click sulla catena in modo che appaia chiusa Strumento concatena Gimp. Impostiamo la larghezza a 800 px.

ridimensionare foto per Instagram

Automaticamente l'altezza viene impostata a 800. Terminiamo facendo click su Scala.

3) Salvare l'immagine

Finalmente possiamo salvare la foto. Il formato preferito da Instagram è jpg. Nel Menù andiamo su File > Esporta come ...

Gimp - Esportare l'immagine in formato jpg

Terminiamo indicando:

  • nome dell'immagine aggiungendo .jpg
  • dove salvarla

infine click su Esporta. Abbiamo terminato.

 

Creare un'immagine orizzontale per il web da una foto verticale

Vogliamo pubblicare una foto sul nostro sito web una dimensione interessante e 800 x 600 px

Preparazione e analisi dell'immagine

Partiamo da questa foto scattata con il cellulare

ritagliare foto dal cellulare

Vogliamo:

  • un'immagine orizzontale 800 x 600 px
  • mettere il soggetto al centro della foto

1) Centrare il soggetto

Utilizziamo lo strumento taglierina Strumento Taglierina Gimp. Tracciamo un rettangolo in modo che il soggetto sia al centro. In questa fase non importa l'altezza ma la larghezza.

ritagliare foto per web

Diamo Invio in modo da ritagliare l'immagine.

2) Scalare l'immagine

Andiamo nel menù e selezioniamo Immagine > Scala Immagine ...

Impostiamo la larghezza a 800 px.

Ridimensionare foto

Confermiamo con Scala.

3) Ritagliare l'immagine

Utilizziamo ancora lo strumento taglierina Strumento Taglierina Gimp.

Tracciamo un rettangolo che abbia dimensioni 800 x 600 scrivendo direttamente la misura 600 nel campo di larghezza.

ritagliare la foto

Facciamo in modo che il rettangolo centri il soggetto:

ritagliare foto per web

4) Salvare l'immagine

Finalmente possiamo salvare la foto. Scegliamo il formato jpg. Nel Menù andiamo su File > Esporta come ...

Gimp - Esportare l'immagine in formato jpg

Terminiamo indicando:

  • nome dell'immagine aggiungendo .jpg
  • dove salvarla

infine click su Esporta. Abbiamo terminato.

 

Raddrizzare un immagine storta

Il nostro obiettivo è creare un'immagine ridimensionata a 800x800 pixel da una foto storta

Preparazione e analisi dell'immagine

Partiamo da questa foto

Ruotare una foto storta

La foto purtroppo è storta. Lo si vede dal piano del tornio.

1) Estendere la superficie

Per evitare di perdere parti dell'immagine dopo la rotazione, aumentiamo lo spazio della superficie dell'immagine.

Andiamo nel menù e selezioniamo Immagine > Dimensione superficie .. ...

Ridimensionare foto con Gimp

In base alla dimensione originale della foto, aumentiamo lo spazio in modo che si sia un contorno considerevole attorno all'immagine e la centriamo.

Nell'esempio la dimensione originale era 4200 × 3150 pixel ed è stata portata a 6000 × 4000 pixel

impostare la dimensione della superficie dell'immagine

Ora abbiamo spazio per ruotare l'immagine senza perdere alcun dettaglio.

Spazio aumentato attorno all'immagine

 

2) Ruotare l'immagine

Per ruotare la foto facciamoci aiutare da una linea guida. Facendo click sul righello e tenendo premuto il mouse, trasciniamo in basso una linea guida.

creare linea guida con Gimp

Selezioniamo lo strumento rotazione Strumento rotazione dal pannello.

Facciamo click sull'immagine e appare il pannello per la rotazione. La rotella del mouse può aiutarci in questa fase aumentando o diminuendo l'angolo di rotazione. Per una miglior precisione è stato aumentato lo zoom della foto.

Rotazione dell'immagine

Concludiamo facendo click su Ruota.

L'immagine ottenuta diventa la seguente

Immagine ruotata

3) Ritagliare l'immagine

Utilizziamo lo strumento taglierina Strumento Taglierina Gimp. Tracciamo un rettangolo sull'immagine. L'Abilità qui sta nel tracciare un rettangolo che contenga l'immagine.

Ritagliare la foto ruotata

facciamo click su Invio. Il risultato è il seguente:

Immagine ritagliata

4) Scaliamo l'immagine

Come visto in precedenza scaliamo l'immagine privilegiando la larghezza. Andiamo nel menù e selezioniamo Immagine > Scala Immagine ...

Scalare l'immagine

Confermiamo con Scala.

5) Ritagliare l'immagine

Utilizziamo ancora lo strumento taglierina Strumento Taglierina Gimp.

Tracciamo un rettangolo che abbia dimensioni 800 x 600 scrivendo direttamente la misura 600 nel campo di larghezza.

ritagliare la foto

Facciamo in modo che il rettangolo centri il soggetto.

Ritagliare l'immagine

Diamo Invio in modo da ritagliare l'immagine.

6) Salvare l'immagine

Finalmente possiamo salvare la foto. Scegliamo il formato jpg. Nel Menù andiamo su File > Esporta come ...

Terminiamo indicando:

  • nome dell'immagine aggiungendo .jpg
  • dove salvarla

infine click su Esporta. Abbiamo terminato.