Se le tue immagini appaiono corrette su desktop ma risultano ritagliate su mobile, di solito è dovuto all’adattamento automatico ai diversi formati di schermo. Puoi regolare l’area visibile direttamente nell’editor e migliorare facilmente il risultato.
Perché succede?
Jimdo utilizza un layout responsive che adatta automaticamente i contenuti ai diversi dispositivi. Quando un’immagine viene usata come sfondo o in una sezione a tutta larghezza, viene ritagliata per adattarsi agli schermi più piccoli.
Questo comportamento è normale. L’immagine non è danneggiata, viene semplicemente visualizzata in modo diverso rispetto al desktop.
Le cause più comuni:
- L’immagine è utilizzata come sfondo di una sezione e non come elemento immagine separato
- L’immagine ha un formato verticale che non si adatta bene a una visualizzazione mobile orizzontale
- La parte importante dell’immagine si trova vicino ai bordi e può essere tagliata su schermi più piccoli
Regolare il ritaglio di un’immagine
Puoi controllare quale parte dell’immagine rimane visibile impostando un punto focale direttamente nell’editor.
- Accedi al tuo account Jimdo e seleziona il sito web che vuoi modificare
- Apri l’editor tramite Modifica sito web
- Seleziona l’immagine che vuoi modificare
- Apri l’opzione Imposta punto focale
- Definisci quale parte dell’immagine deve rimanere visibile selezionando l’area o spostando il punto focale tenendo premuto il mouse
- Clicca fuori dall’immagine per applicare le modifiche
Consiglio: Posiziona il punto focale al centro del soggetto, ad esempio un volto o un logo, così rimarrà sempre visibile.
Consigli per scegliere immagini adatte al mobile
- Per immagini con testo, loghi o in formato verticale, usa un blocco About. Questi blocchi ridimensionano l’immagine invece di ritagliarla, così resta completamente visibile
- Usa immagini in formato orizzontale per gli sfondi delle sezioni, poiché quelle verticali vengono ritagliate maggiormente su mobile
- Evita di inserire testo, loghi o informazioni importanti direttamente nelle immagini. Usa invece gli elementi di testo del blocco per garantire la leggibilità
- Usa l’anteprima mobile nell’editor prima della pubblicazione per controllare il risultato
Il problema persiste?
Se dopo aver regolato il punto focale l’immagine non appare ancora corretta su mobile, prova queste soluzioni:
- Sostituisci l’immagine con una con un formato più orizzontale
- Usa un colore uniforme o una sfumatura come sfondo invece di un’immagine