---
url: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/elementi/immagine'
title: 'Aggiungere un’immagine | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:43:06+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Aggiungi una foto o un’illustrazione che riempie la sua colonna e scala con lo schermo.'
tags:
  - 'Text and media'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Aggiungere un’immagine'
      description: 'Aggiungi una foto o un’illustrazione che riempie la sua colonna e scala con lo schermo.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:43:06+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/elementi/immagine'
      articleSection: 'Testo e media'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/elementi/immagine'
      description: 'Aggiungi una foto o un’illustrazione che riempie la sua colonna e scala con lo schermo.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/it'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: it
---
[Centro assistenza](/it/hc)/[Documentazione](/it/hc/documentazione) /[Impara DXPR Builder](/it/hc/documentation/learn-dxpr-builder) /[Crea le pagine](/it/hc/documentation/learn-dxpr-builder/build) /[Aggiungi contenuti](/it/hc/documentation/learn-dxpr-builder/elements) /[Testo e media](/it/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Aggiungere un’immagine.

 Impara DXPR BuilderCrea le pagineAggiungi contenutiTesto e media

   ## In questa guida

 Guide correlate

- [Cambiare l’aspetto di un elemento nel pannello Stile](/it/hc/documentazione/impara-dxpr-builder/impostazioni-elemento/scheda-stile)

Aggiungi una foto o un’illustrazione che riempie la sua colonna e scala con lo schermo.

## Aggiungere un’immagine

Apri la tua pagina dopo aver effettuato l’accesso: i controlli del builder appaiono quando passi sopra l’area di contenuto. [La tua prima pagina](/it/hc/documentazione/impara-dxpr-builder/per-iniziare/prima-pagina) spiega le basi.

1. Passa sopra la colonna e fai clic su **+** nella sua barra di controllo, oppure fai clic su **Aggiungi elementi** in una pagina vuota. Apri la scheda **Contenuto** e fai clic su **Immagine**. Arriva in cima alla colonna e si apre la sua finestra delle impostazioni.
2. Sotto **Immagine**, fai clic su **Seleziona immagine**. Nel **Browser multimediale**, filtra per nome se vuoi, spunta una foto e fai clic su **Inserisci selezionati**.
3. Fai clic sull’intestazione **SEO** per espanderla. Sostituisci qualsiasi testo in **Attributo alt** con una breve descrizione della foto.
4. Fai clic su **Salva** nella finestra. Poi fai clic su **Salva** nella barra in cima all’area di contenuto per conservare la pagina.

  ## Cosa vedi

La **Larghezza immagine** predefinita è 100%. Gli screen reader annunciano il tuo testo alternativo. Per controllare la scalatura, imposta **Modalità vista** su **Anteprima** e restringi la finestra del browser. I visitatori vedono le tue modifiche dopo che salvi e pubblichi.

## Configurare l’immagine

Passa sopra l’elemento e apri **Altro > Impostazioni** nella sua barra di controllo. Opzioni:

- **Immagine:** seleziona un’immagine dai media o dal browser file del tuo sito, carica un file, oppure incolla un URL esterno.
- **Larghezza immagine:** una larghezza CSS come `100%` o `300px`. Il predefinito è 100%.
- **Altezza immagine:** un’altezza fissa come `400px`. Lasciala vuota per conservare la forma della foto.
- **Link immagine:** rende l’immagine cliccabile. Inserisci un URL o scegli una pagina.
- **Destinazione link immagine:** Stessa finestra o Nuova finestra. Si mostra quando aggiungi un link.
- **Attributo alt:** nella sezione **SEO**, una descrizione per screen reader e motori di ricerca.
- **Attributo title:** nella sezione **SEO**, informazioni in più che si mostrano come tooltip al passaggio del mouse.

## Caricamento delle immagini e velocità della pagina

DXPR Builder gestisce il caricamento delle nuove immagini in automatico per mantenere le pagine veloci ed evitare spostamenti del contenuto. Le immagini a inizio pagina e dentro schede, caroselli e marquee restano pronte da mostrare. Quelle più in basso possono caricare mentre i visitatori scorrono.

Le immagini possono venire dalla tua libreria multimediale, da file caricati o da URL esterni. Lascia finire il caricamento delle immagini nell’editor prima di salvare, così DXPR Builder può riservare la giusta quantità di spazio. Sostituire un’immagine ne aggiorna le dimensioni senza cambiare la dimensione di visualizzazione scelta.

Le immagini già sul tuo sito non vengono aggiornate in automatico. La velocità della pagina dipende anche dalla dimensione dei file immagine e dagli altri contenuti. Controlla la tua pagina pubblicata su schermi stretti e larghi.

## Se non la vedi

- **Immagine non è nella scheda Contenuto.** Il tuo profilo utente la nasconde. Chiedi a un amministratore di abilitarla in [Profili utente](/it/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Non c’è più dopo un ricaricamento.** La pagina non è stata salvata. Aggiungila di nuovo e fai clic su **Salva** nella barra in cima all’area di contenuto.
- **L’elemento immagine è vuoto.** Nessuna immagine è impostata nel campo **Immagine**. Passa sopra l’elemento e apri **Altro > Impostazioni**, poi fai clic su **Seleziona immagine**.
- **Appare un’icona di immagine rotta.** Il file è stato eliminato o spostato nella libreria multimediale. Passa sopra l’elemento e apri **Altro > Impostazioni**, rimuovi la selezione e scegli una nuova immagine.
- **L’immagine è allungata o schiacciata.** **Larghezza immagine** e **Altezza immagine** contengono entrambi valori fissi che non corrispondono alla foto. Svuota **Altezza immagine** per ripristinarne la forma.

## Passi successivi

[Scheda Stile](/it/hc/documentazione/impara-dxpr-builder/impostazioni-elemento/scheda-stile) per cambiare spaziatura e sfondo dell’immagine.