Aggiungere un logo al tuo sito

Mostra un logo unico per il tuo brand nell'intestazione del sito.

Ultimo aggiornamento 17 dicembre 2024

Puoi caricare un logo in modo che l'immagine venga visualizzata al posto del titolo del sito. Si tratta di un ottimo modo per promuovere il tuo brand.

Cliccando sul logo, verrà sempre visualizzata la tua homepage.

Guarda un video

Aggiungere un titolo al sito

Prima di aggiungere il tuo logo, assicurati di aver sostituito il contenuto dimostrativo del Titolo del sito con il nome del tuo sito perché:

  • Il titolo del sito crea il testo Alt del logo.
  • I motori di ricerca indicizzano il titolo del sito e possono mostrarlo nei risultati di ricerca, quindi impostare un titolo del sito è consigliato per la SEO.
  • Il titolo del sito può essere visualizzato nelle schede del browser, in base al formato del titolo SEO.

Per maggiori informazioni, visita Aggiungere un titolo al sito.

Per ottenere risultati migliori:

  • Prima di caricare il tuo logo, assicurati che l'altezza sia simile a quella che desideri venga visualizzata. Non richiediamo dimensioni esatte per i loghi dei siti. Tuttavia, nella versione 7.0, alcuni modelli prevedono un'altezza o una larghezza massima del logo. Per i dettagli specifici del modello, visita Ridimensionare un logo nella versione 7.0.
  • È preferibile iniziare con un'immagine più grande, perché immagini più piccole possono apparire sgranate quando ridimensionate.
  • Il logo può essere in formato .jpg, .gif o .png . Per ulteriori informazioni, visita Requisiti delle immagini.
  • Il logo sostituirà il titolo del sito. Per aggiungere del testo al logo, segui i nostri suggerimenti.

Se non hai ancora un logo, puoi crearne uno con Squarespace Logo. Non è possibile utilizzare immagini di archivio per il logo.

Il modo in cui aggiungi un'immagine del logo su un computer dipende dalla versione del sito. Puoi anche aggiungere un logo sull'app Squarespace.

Per aggiungere un'immagine del logo:

  1. Clicca su Modifica nell'angolo in alto a sinistra dell'anteprima del tuo sito.
  2. Posiziona il mouse sull'intestazione e clicca su Modifica intestazione sito.
  3. Clicca sul titolo o sul logo del sito, quindi sull'icona della matita .
  4. Nelle sezioni Immagine logo o Immagine logo mobile, clicca su + per aggiungere una nuova immagine:
    • Per caricare un'immagine dal tuo dispositivo, seleziona Carica file.
    • Per riutilizzare un'immagine, clicca su Seleziona dalla libreria.
  5. Utilizza i cursori per modificare l'altezza del logo su schermi reattivi o su dispositivi mobili.
  6. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Per aggiungere un'immagine del logo:

  1. Passa il mouse sul titolo in qualsiasi pagina e clicca su Modifica. Visualizzerai il pannello Logo e Titolo. (Puoi anche aprire il pannello Design, quindi cliccare su Logo e titolo.)
  2. Scorri verso il basso fino a Logo. Trascina l'immagine nello strumento di caricamento o clicca per selezionare un file dal tuo computer.
  3. Clicca su Salva e aggiorna la pagina.

Per aggiungere un'immagine del logo:

  1. Tocca Altro, tocca Design, quindi tocca Logo e titolo.
  2. Tocca Logo.
  3. Tocca Aggiungi immagine.
  4. Scegli un'immagine:
    • Scatta una nuova foto - Tocca Scatta una foto o Fotocamera.
    • Scegli un'immagine dal tuo dispositivo - Tocca Galleria fotografica o File.
    • Scegli un'immagine da iCloud - Tocca Inserisci da....
  5. Tocca Indietro per tornare alle impostazioni di Logo e titolo, quindi tocca Salva per pubblicare le modifiche.

Dopo aver aggiunto un'immagine, puoi:

Di solito, il logo viene visualizzato nella parte superiore del sito. La definizione dello stile del logo dipende dalla versione del sito ed è supportata solo su computer.

È possibile modificare la posizione e le dimensioni del logo per la visualizzazione su computer e dispositivo mobile:

  1. Clicca su Modifica nell'angolo in alto a sinistra dell'anteprima del tuo sito.
  2. Posiziona il mouse sull'intestazione e clicca su Modifica intestazione sito.
  3. Nell'angolo superiore destro dello schermo, seleziona l'icona Computer per la visualizzazione desktop.
  4. Clicca su Modifica design
  5. Clicca sul layout attuale per esaminare tutte le opzioni, quindi clicca sul layout preferito.
  6. Nell'angolo in alto a destra dello schermo, clicca sull'icona Dispositivo mobile e segui gli stessi passaggi per impostare la posizione del logo per la visualizzazione su cellulare.  
  7. Clicca sull'icona Computer per tornare all'editor principale dell'intestazione.
  8. Clicca sul tuo logo, quindi sull'icona della matita.
  9. Usa i cursori per modificare l'altezza del logo e l'altezza massima del logo su dispositivi mobili. Il layout intestazione su computer che hai selezionato potrebbe limitare l'altezza del logo.
  10. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

La posizione predefinita e le opzioni per spostare il logo variano in base al modello e possono apparire in modo diverso sui dispositivi mobili. Per maggiori informazioni, visita Site title and logo display.

Per maggiori informazioni sulle impostazioni del logo, esplora le opzioni di stile del tuo modello e consulta le nostre guide ai modelli.

Nella maggior parte dei modelli, puoi modificare le dimensioni del logo. Alcuni modelli prevedono altezze o larghezze massime.

Il modo in cui rimuovi un'immagine del logo su un computer dipende dalla versione del sito. Puoi anche rimuovere il logo dall'app Squarespace. Rimuovendo un logo, farai riapparire il titolo del sito.

Per rimuovere il logo del sito, modifica l'intestazione:

  1. Clicca su Modifica nell'angolo in alto a sinistra dell'anteprima del tuo sito.
  2. Posiziona il mouse sull'intestazione e clicca su Modifica intestazione sito.
  3. Clicca sul tuo logo, quindi sull'icona della matita.
  4. Sotto l'immagine del logo, clicca su Sostituisci per scegliere un nuovo logo. Per eliminare il logo, clicca sui tre puntini, quindi seleziona Elimina.
  5. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Per rimuovere il logo del sito:

  1. Apri il pannello Design e clicca su Logo e titolo.
  2. Scorri verso il basso e passa il mouse sul logo. Clicca sull'icona del cestino per eliminare l'immagine.
  3. Fai clic su Salva.
  1. Tocca Altro, tocca Design, quindi tocca Logo e titolo.
  2. Tocca Logo.
  3. Tocca Rimuovi sotto l'immagine.
  4. Tocca Indietro per tornare alle impostazioni di Logo e titolo, quindi tocca Salva per pubblicare le modifiche.

Usare un logo con testo

Non è possibile visualizzare contemporaneamente un logo e un titolo del sito. Utilizza invece un'immagine del logo che includa il testo del titolo del sito.

Poiché il testo nel file immagine del logo non è indicizzabile dai motori di ricerca, ti consigliamo di mantenere il testo del titolo del sito nel campo Titolo del sito quando utilizzi un logo.

Sfondi trasparenti

Per creare un logo senza un colore di sfondo, assicurati che il logo sia in formato .png con uno sfondo trasparente. Puoi utilizzare software di terze parti per ottenere questo effetto oppure utilizzare Squarespace Logo per creare automaticamente sfondi trasparenti.

Nota

se modifichi l'immagine con il nostro editor di immagini integrato, questa verrà salvata in formato .jpg e la trasparenza verrà eliminata. Per mantenere il formato .png, ti consigliamo di utilizzare un software di terze parti.

Cliccando sul logo, verrà sempre visualizzata la tua homepage. L'URL di collegamento del logo non può indirizzare ad una pagina diversa del tuo sito se non utilizzando codice personalizzato.

Tieni presente che aggiungere codice al tuo sito è una modifica avanzata e non possiamo offrire più assistenza sull'argomento.

Ridimensionare un logo nella versione 7.0

Suggerimento

se il tuo sito è nella versione 7.1, utilizza le impostazioni dell'intestazione per modificare le dimensioni del logo.

La modalità di ridimensionamento del logo dipende dalla famiglia di modelli. Apri il pannello Design e utilizza le modifiche riportate di seguito per aumentare o diminuire le dimensioni del logo. 

Famiglia di modelli Computer Dispositivo mobile

Adirondack

Altezza logo. Altezza massima di 120 pixel. Il titolo del sito viene sempre visualizzato.

Avenue

Dimensione logo (max). Dimensione massima di 300 pixel. Dimensione logo su dispositivi mobili. Dimensione massima di 300 pixel.

Aviator

Dimensione logo e Dimensione logo Pagina informazioni. La dimensione massima per entrambi i loghi è del 100%. Dimensione logo su dispositivi mobili e Dimensioni logo della Pagina informazioni. La dimensione massima è del 100%.

Bedford

Logo Container Width (Larghezza Container Logo) Altezza massima 100 pixel.

Larghezza container logo. Altezza massima 65 pixel.

Brine

Larghezza logo nella sezione Intestazione: branding. Larghezza massima di 320 pixel. Larghezza logo nella sezione Dispositivi mobili: branding. La larghezza massima è di 240 pixel, ma è vincolata dal punto di interruzione del dispositivo mobile.

Farro

Larghezza logo nella sezione Intestazione: branding. Larghezza massima di 320 pixel. Larghezza logo nella sezione Dispositivi mobili: branding. Larghezza massima di 240 pixel.

Five

Altezza logo (banner) e Altezza logo (navigazione). Entrambi hanno un'altezza massima di 480 pixel.

Come su computer. Viene visualizzato solo quando è selezionato Contenuto Banner: Titolo Sito Logo Tagline.

Flatiron

Altezza immagine logo. Altezza massima di 200 pixel. Come su computer.

Forte

Altezza massima logo. Altezza massima di 200 pixel. Come su computer.

Galapagos

Larghezza logo del sito. Larghezza massima del 100%. Per il logo specifico per dispositivi mobili: Altezza Nav.

Ishimoto

Dimensione immagine logo. Dimensione massima di 240 pixel. Come su computer.

Momentum

Altezza immagine logo. Altezza massima di 100 pixel. Altezza fissa.

Montauk

Dimensione logo (max). Dimensione massima di 300 pixel. Come su computer.

Native

Larghezza logo. Altezza massima di 120 pixel. Come su computer. Altezza massima di 300 pixel.

Pacific

Larghezza logo. Larghezza massima di 300 pixel. Come su computer. Altezza massima di 70 pixel.

Skye

Altezza logo. Altezza massima di 120 pixel. Come su computer.

Supply

Dimensione logo. Dimensione massima di 160 pixel. Altezza fissa. Seleziona l'opzione Usa titolo del sito in intestazione su dispositivi mobili per visualizzare il titolo del sito.

Tremont

Altezza logo. Altezza massima di 150 pixel. Tablet: altezza logo e Dispositivi mobili: altezza logo. Altezza massima per entrambi di 150 pixel.

Wells

Larghezza immagine del logo. Larghezza massima di 600 pixel. Dimensione immagine del logo mobile. Dimensione massima di 300 pixel.
Wexley Dimensione massima immagine del logo. Dimensione massima di 200 pixel. Come su computer.

York

Altezza massima logo. Altezza massima di 300 pixel. Larghezza logo nella sezione Mobile: Barra. Larghezza massima di 240 pixel.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.