Passaggi per risolvere gli errori nel caricamento delle immagini o i problemi di visualizzazione dopo il caricamento

Quando carichi un'immagine sul tuo sito, potrebbe non apparire come previsto a seconda del formato. E' importante seguire le nostre linee guida di formattazione per ridurre al minimo gli errori di caricamento o i problemi di visualizzazione.

Usa questa guida per risolvere gli errori durante il processo di caricamento o dopo che un'immagine è stata aggiunta al sito.

Suggerimento: prima del caricamento, consulta le nostre linee guida sulla formattazione ed esamina le informazioni dei file di immagine per assicurarti che soddisfino i nostri requisiti

Errori di caricamento

Se viene visualizzato un errore quando provi a caricare un'immagine, consulta i nostri requisiti per le immagini e assicurati che l'immagine li rispetti. Se stai utilizzando il tipo di file corretto e l'immagine è pari o inferiore a 20 MB, il problema potrebbe dipendere dalla risoluzione della tua immagine. Questa è misurata in megapixel e il nostro limite è di 120 MP. Carica di nuovo l'immagine una volta soddisfatti i nostri requisiti.

Se il file immagine soddisfa tutti i nostri requisiti ma viene ancora visualizzato un errore durante il caricamento, il problema potrebbe essere legato al browser. Segui la nostra procedura per la risoluzione dei problemi del browser e riprova.

Immagini sfocate

Se un'immagine appare sfocata o sgranata, è probabile che si stia ingrandendo per adattarsi alla larghezza del contenuto. Questo succede di solito perché l'immagine è troppo stretta; perciò, ti raccomandiamo di usare immagini più larghe di 1500 px nella maggior parte delle aree di Squarespace. Tuttavia, alcune aree contenuto hanno requisiti diversi:

• Icone del browser (o favicon)
• Immagini nelle campagne e-mail
• Loghi del sito nella versione 7.0

Ridimensiona l'immagine per soddisfare i nostri requisiti, poi caricala di nuovo.

Distorsione colore

Se il colore di un'immagine è distorto, la modalità colore o il profilo colore dell'immagine potrebbero non essere formattati correttamente.

Rivedi i requisiti delle immagini, poi aggiorna le impostazioni del colore dell'immagine, se necessario. Dopo che soddisfa i nostri requisiti, caricala di nuovo.

Immagini banner ritagliate sui dispositivi mobili

Le immagini banner vengono quasi sempre ritagliate sui dispositivi mobili perché un banner è largo, mentre i dispositivi mobili hanno una larghezza ridotta. Se noti ritagli sui dispositivi mobili:

• Controlla come vengono visualizzati i banner e le immagini di sfondo delle sezioni sui dispositivi mobili.
• Scopri come personalizzare i banner per mitigare i problemi di ritaglio.

Potrebbe essere necessario modificare l'immagine al di fuori di Squarespace e caricarla nuovamente per ottenere l'effetto desiderato.

La risoluzione dell'immagine cambia a dimensioni diverse

Quando ridimensioni un'immagine sul tuo sito, il nostro processore di immagini la ricampiona invece di ridimensionarla direttamente, mantenendo così le stesse dimensioni in pixel. Ciò significa che al variare delle dimensioni del contenitore dell'immagine, i pixel possono essere mescolati, con conseguente perdita di nitidezza delle immagini.

Il caricamento di immagini che soddisfano i nostri requisiti e le nostre procedure consigliate garantiranno che le immagini vengano visualizzate con una chiarezza accettabile in qualsiasi dimensione, ma sono previste piccole discrepanze.

Altri passaggi

Se le tue immagini soddisfano i nostri requisiti ma appaiono comunque distorte o ritagliate inaspettatamente, puoi:

• Apportare modifiche di stile al blocco, alla sezione o alla pagina in cui sono state aggiunte immagini.
• Usare i punti focali per centrare le immagini.
• Usare il nostro editor di immagini integrato per apportare modifiche, come ritagliare e modificare il rapporto dimensionale.
• Seguire i passaggi in Risoluzione dei problemi di ritaglio.
• Ridimensionare, ritagliare o modificare l'immagine originale sul dispositivo, quindi ricaricarla.

Per sapere come rendere le immagini più accessibili, visita Rendere audio, immagini e video più accessibili.