Visualizzo l'immagine di sfondo sgranata sullo smartphone 
Autor: Maria C.
Visited 2324,
Followers 2,
Udostępniony 0
visualizzo l'immagine di sfondo sgranata sullo smartphone
http://subiacirit5557.altervista.org/
come fare per risoluzione immagine di sfondo
Posted on the
a prescindere ...ti consiglio di ridurre la dimensione dell'immagine di sfondo , perchè quasi 1.6 mb è un po' tanto...
Sul mio Lumia l'immagine è perfetta.
Su quale smartphone hai notato il problema ? mica su uno con lo schermo a retina ?
... su mini tablet Win10 lo sfondo è regolare...
...!... su mini tablet android lo sfondo è zoomato a dismisura sgranando...!...
... provare con un nuovo progetto semplificato e con immagine diversa ed alleggerita per un confronto...
.
Autor
http://subiacirit5557.altervista.org/
Ho provato a semplificare e alleggerire gli sfondi. Resta il prpblema della visualizzazione su Andrid.
Cosa debbo fare?
Autor
Nessuno riesce ad aiutarmi?
..se ti riferisci all'immagine
home.jpg
a me sembra uguale a prima... sempre 1.6mb ...
ma su quale smartphone vedi sgranato ? (marca e modello)
... se te la senti, ti proporrei il mio solito >> DIV_CUSTOM ...che vedo funzionare bene su Android...
... l'immagine sostituiscila con quella mia in allegato, che, visto il tipo di immagine, pesa in decimo della tua senza perdita apparente per l'occhio umano, e si carica immediatamente...
.
oltretutto hai messo dei menu grandissimi, ti sballano tutto...appare la barra di scroll orizzontale per vedere tutta la pagina in larghezza....
Autor
Ho usato "jpg mini" per ridurre risoluzione di tutte le immagini di sfondo. Quella sotto la home page si chiamapalazzo2.jpg ed è 361 KB così come le altre di sfondo (non mi sembra tanto) sono larghe 1920 Dpi la risoluzione è 72 Dpi/Pollice.
Comunque la tua è più piccola 150 KB, come hai fatto?
Non capisco dove vediate il file home.jpg, io non lo trovo...
Se volessi usare:
<!DOCTYPE html><html><head><style>#Div_CustomK { z-index:-1;position:absolute;top:0px;left:0px;margin: 0; padding: 0;width:100%;height:100%; min-width:480px;background-image: url('homek.jpg');} .resize { background:no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} </style></head><body><div id="Div_CustomK" class="resize"></div></body></html>
dovrei inserirlo nella sezione esperto prima della chiusura del "head" e questo per ogni pagina visto che hanno sfondi diversi?
In merito a le osservazioni di Boschetti
"oltretutto hai messo dei menu grandissimi, ti sballano tutto...appare la barra di scroll orizzontale per vedere tutta la pagina in larghezza."
Non vedo niente di tutto ciò con nessun dispositivo...
Autor
le immagini si "sgranano" su tutti Samsung Android
...a che risoluzione lavori (col tuo monitor) ?
perchè , come ti ha scritto Mirko, sopra i 1900 si vede la barra orizzontale...
l'immagine a cui mi riferisco è questa:
subiacirit5557.altervista.org/images/home.jpg
è 1920x1200 con un peso di 1.6Mb
Autor
risoluzione 1360 x 768
Scusate il link giusto
http://subia57.altervista.org/
Mi dispiace di avervi fatto perdere tempo con quello sbagliato
...qui menu ok ...
e con il Lumia e con Samsung Galaxy Tab3 tutto ok lo sfondo.
magari altri ti sapranno dire di più...
Autor
Ho provato il suggerimento di Kolasim: DIV_CUSTOM
finalmente è apparsao lo sfondo anche su Samsung Android (vedi pagina 9 che ho aggiunto al sito)
peccato però che l'immagine di sfondo non si adatta quando faccio lo scrolling orizzontale.
Come posso implementare DIV_CUSTOM con altre misure.
Siamo vicini alla meta, manca pochissimo...
... elimina quello che hai inserito adesso, avendo incollato anche TAG riservati , e segui queste istruzioni, per la v.12 per sostituire il codice usato:
>>> Passo 4 - Impostazioni Avanzate > Statistiche, SEO e Codice | Sezione Esperto | ▪Codice personalizzato | selezione ▼ Prima della chiusura del tag HEAD
>>> Passo 4 - Impostazioni Avanzate > Statistiche, SEO e Codice | Sezione Esperto | ▪Codice personalizzato | selezione ▼ Prima della chiusura del tag BODY
.
Si. Anche sul mio android sgrana tantissimo... nella riga dove hai applicato l'effetto parallax devi togliere l'opzione “adatta immagine di sfondo" nella voce "disposizione" (non sto dal pc e non ho Website sottomano ma credo che siano piú o meno quelli i nomi delle opzioni, credo avrai capito). È quello il problema a mio avviso. Io non attivo mai quella opzione e non sgrana... Almeno cosí sembra, vedi questa bozza sito pubblicata appena qualche minuto fa: www.bozzasito10.altervista.org/templatecoiffeur01
Ciao
Ops, per cliccare direttamente usa questo link:
http://www.bozzasito10.altervista.org/templatecoiffeur01
Se sei con la 12 è sempre quello il problema, per lo sfondo non utilizzare l'opzione "adatta immagine al contenuto della finestra".
Autor
avrei anche il 13 pro dici che sarebbe la soluzione?
Autor
<style>#Div_CustomK { z-index:2;position:absolute;top:0px;left:0px;margin: 0; padding: 0;width:100%;height:100%; min-width:480px;background-image: url('homek.jpg');} .resize { background:no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} </style>
funziona con smartphone verticale, se lo giro in orizzontale il sito risulta molto più grande e se ne visualizza solo la parte a sinistra
... attualmente il DIV_CUSTOM non corrisponde al codice che hai postato, e che avevi precedentemente usato con la mia immagine, e adesso non carica nessuna immagine, quindi non si vede, ma quel che si vede è lo sfondo normale della pagina...
... se vuoi usare la tua immagine, quella stessa che usi per lo sfondo della pagina, devi aggiungere il percorso corretto "images/pp.jpg", ...e che è ancora troppo pesante (708 KB)...
... se usi il DIV_CUSTOM per lo fondo non devi usare anche lo sfondo del sito con immagine, altrimenti raddoppi inutilmente il peso della pagina, già pesante di per se, ma assegna allo sfondo del sito una trasparenza senza immagine...
... il mio precedente esempio vedo che ancora funge correttamente...
.