Lavorare con le immagini

Le immagini rendono più accattivante il tuo sito, trasmettono le informazioni in modo efficace e migliorano l’esperienza dei visitatori. Questa guida ti mostrerà i diversi modi per aggiungere le immagini a un sito WordPress.

Esistono molte cose che puoi fare con le immagini, quindi le abbiamo suddivise in diverse pagine:

• Per verificare quali tipi di file immagine puoi caricare su WordPress.com, consulta la guida Tipi di file consentiti.
• Carica un’immagine sul tuo sito utilizzando il blocco Immagine.
• Carica una galleria usando il blocco Galleria o il blocco Galleria affiancata.
• Carica una presentazione usando il blocco Presentazione.
• Carica un’intestazione o un’immagine in stile banner utilizzando il blocco Copertina.
• Aggiungi un’immagine affiancata al testo usando il blocco Media e testo o confronta due immagini usando il blocco Confronto immagini.
• Trova immagini gratuite da usare per il tuo sito web in queste fonti.

• Puoi ritagliare, ridimensionare, ruotare, allineare e inserire una didascalia alle immagini usando le impostazioni del blocco nell’editor di WordPress.
  • Scopri di più su queste impostazioni nella guida del blocco Immagine o esplora gli altri blocchi multimediali.
• Visualizza ed elimina le immagini sul tuo sito utilizzando la sezione Media della tua bacheca.
• In Media puoi anche ruotare, ritagliare e capovolgere le immagini. Consulta Modifica di un’immagine in Media per scoprire come.
• Ottimizza le tue immagini per assicurarti che si carichino rapidamente e occupino uno spazio di archiviazione minimo.

• Risoluzione dei problemi di caricamento delle immagini : le tue immagini non si stanno caricando? Ecco alcuni suggerimenti per caricare correttamente le immagini.
• Risoluzione dei problemi relativi alle immagini sfocate: scopri perché le immagini potrebbero apparire sfocate sul tuo sito anche se la foto originale caricata è di buona qualità.

Ecco alcuni esempi di come puoi visualizzare le tue immagini nell’editor di WordPress. Le immagini avranno un aspetto diverso in base al tema che stai utilizzando sul tuo sito, quindi provale lì.

Tutte le immagini provengono da Pexels, la libreria di foto gratuite.

Usa il blocco Immagine per aggiungere singole immagini.

Stile predefinito:

Stile arrotondato:

Per mostrare due immagini una accanto all’altra, puoi usare il blocco Galleria:

Se hai già una singola immagine inserita, puoi trascinare e rilasciare rapidamente una seconda immagine accanto ad essa. Quando trascini il file immagine dal computer, tienilo premuto fino a quando non viene visualizzata una linea verticale accanto alla prima immagine, quindi rilascialo. Ecco una dimostrazione video di come trascinare e rilasciare una nuova immagine accanto a una esistente:

Usa il blocco Media e testo per posizionare un’immagine o un video accanto al testo. C’è anche un’opzione utile per disporre i file multimediali e il testo uno sull’altro sui dispositivi mobili.

Per ulteriori opzioni su come disporre il testo intorno a un’immagine, consulta la nostra guida Allinea immagini e testo.

Usa un blocco Copertina per intestazioni a larghezza intera e immagini in stile banner. Puoi impostare l’immagine su uno sfondo fisso (noto anche come “effetto parallasse” o “scorrimento parallasse”), aggiungere una sovrapposizione a colori e persino aggiungere testo e altri contenuti sopra l’immagine.

Sfondo fisso con effetto parallasse:

Sfondo non fisso:

Usa il blocco Galleria per visualizzare più foto disposte in modo accattivante.

Usa il blocco Presentazione per condividere molte immagini senza occupare troppo spazio in una pagina o un articolo.

Il blocco Galleria affiancata è disponibile in quattro diversi stili:

• Mosaico affiancato
• Griglia circolare
• Riquadri
• Colonne affiancate

Mosaico affiancato

Griglia circolare

Riquadri con opzione per gli angoli arrotondati

Colonne affiancate

Usa il blocco Confronto immagini per posizionare due immagini una accanto all’altra (o sopra e sotto) e utilizza uno slider per mostrare le differenze tra le due immagini.