Visualizza foto come sfondo su Android correttamente, ma non su iOS con iPhone, iPad
Autor: Mauro I.
Visitado 2153,
Followers 1,
Compartido 0
Entrando in MAPPA, Proprietà della Pagina/Grafica ed impostando una Immagine in "File immagine"
come sfondo per la Pagina...
Questa immagine non viene visualizzata bene su PC, portatili su piattaforma Windows mentre non vengono visualizzati correttamente dai sistemi basati su iOS, come iPad, iPhone ecc.
Cosa devo fare ?
Publicado en
...penso sia lo stesso di cui si discute già qui
https://helpcenter.websitex5.com/es/post/161681
e qui:
https://helpcenter.websitex5.com/es/post/161207
Autor
Grazie Claudio D.
Faccio la seguente considerazione:
1. se è un problema relativo al dimensionamento dell'immagine il problema lo dovrei riscontrare anche su Android. Invece sia su Pc con Windows 7, su Huawei Y330 con risoluzione 480X800 con RAM 512 ( max. min. )il problema suddetto non esiste! E' tutto ok !
2. Passando su iPad, e su iPhone si presenta il problema.
3. Prima che effettuassi delle modifiche sul Responsive, funzionava tutto perfettamente anche su iPad
Ho cambiato soltanto un minimo di predisposizione degli oggetti in Footer. Ho Aggiornato tutto sul Web ed ecco la sorpresa.
Questa la sequenza dei passaggi.
A Voi Staff...
Autor
Scusate... Aggiungo che gli Sfondi personalizzati per Pagina hanno un peso di max. 220 Kb.
Grazie a presto.
Autor
? NON RISOLTO !
...per riaprire il post togli il "corretto" ...
e come ti ho scritto nell'altro post che hai aperto dopo ...
...rimani in attesa pazientemente, dallo STAFF da lunedì, ma ogni tanto dai un occhio anche a quei due post nel caso ci fossero novità anche per te...
https://helpcenter.websitex5.com/es/post/161681
e
https://helpcenter.websitex5.com/es/post/161207
Autor
Grazie.
Volevo aggiungere altra nota interessante. Mi accorgo che su iPad il sito in oggetto presenta per una frazione di secondo l'Immagine Corretta... dopo la Adatta in modo non corretto.. Stranissimo.. ma solo su iOS, su Android è tutto perfetto...
A presto.
... intanto che si attende lo STAFF... ... .. .. . . .
... il mio esempio nel secondo dei link di Claudio, >> DIV_CUSTOM, ... come si comporta...?...
.
Buongiorno Mauro,
potresti esportare il sito su internet, anche in una sotto cartella, così da comunicarmi l'url e poter verificare per favore?
Fammi sapere.
Autor
Certo Riccardo. Ho appena pubblicato.
http://www.piacereegusto.it
ANOMALIA che secondo il mio modesto parere, e lo potrai verificare da solo, non è da attribuire al peso dell'immagine, percorso o altre cose che ho letto nei vari Post di riferimento.
Poichè l'anomalia si presenta solo con sistemi iOS quindi iPad, iPhone e non su Windows o Mobile Android.
Grazie a presto!
... tanto per saperlo, il mio div_cutom funziona sui tuoi dispositivi mobile ...?...
Autor
Ciao Kol, non ho provato. Penso che la Versione 13 si porta dietro un vecchio problema dalla versione precedente quindi non capisco perchè ad oggi non sia stato risolto.
Se in "Proprietà" della Pagina Home, andando nella sezione "Grafica" ho selezionato le seguenti voci:
- File Immagine : pippo.jpg
- Disposizione : Adatta al Contenuto della finestra
- Allineamento : Centro
Mi aspetto che sia il Mobile Android(che lo esegue perfettamente) che il Mobile iOS(NON lo esegue) rispondano nello stesso modo.
Problemi di iOS di interpetrare correttamente i CSS/HTML5 ???
In attesa che lo Staff risolva definitivamente questa BUG, ho momentaneamente inserito una JPG più larga
con Disposizione "Non ripetere" e Allineamento "Alto". In questo modo penalizzo tutto il mondo Android per sopperire
al disatro su iOS.
Dimenticavo altra ANOMALIA su iOS:
in "Stile Riga" con oggetto T (Testo) se mettete "Sfondo" scelta "Colorato" quindi "Colore" = "Nero", "Opacità" = 50
noterete che su Android risponde perfettamente... Su iOS invece risulta un "Colore diverso".
Grazie Kol per la tua disponibilità !
P.S. speriamo bene e che sia risolvibile presto, è veramente un peccato
... ormai per il problema dovrai attendere lo STAFF che potrebbe verificare su quei dispositivi che hai menzionato, ed avvisare l'area tecnica per risolvere...
... quando e se potrai provare il comportamento del mio link per averne io conferma o meno, te ne sarò grato; ...io purtroppo posso solo provare su un mini tablet Win-Edge, dove funziona tutto, Flash compreso... ... ciao
Ciao. Forse il problema potrebbe essere questo affrontato i modo dettagliato e chiaro in questo articolo? https://www.google.it/amp/www.venetoformazione.it/blog/problemi-visualizzazione-iphone-ipad/amp/
Ne avevo fatto anche cenno ad Incomedia in un post privato ma non lo ritrovo piú.
Nell'articolo che ho menzionato sopra si legge, per quanto riguarda iOS:
". . . Il primo problema è determinato da una non interpretazione del parametro background-attachment: fixed che normalmente utilizziamo come valore per caricare le nostre immagini di sfondo fullsize di pari passo al parametro background-size: cover come vediamo in figura... ecc"
Articolo molto interessante ! Grazie Giuseppe.
Prego Claudio. La "toppa" proposta dall'autore dell'articolo per il problema delle immagini funziona molto bene. Nell'articolo parla di spazi bianchi visibili sui dispositivi iOS al posto delle immagini ma non sempre si vedono solo spazi bianchi, spesso l'immagine risulta ingrandita a dismisura e si vede sgranata. Tale toppa funziona anche in quel caso. Io ero curioso di sapere come appariva su iOS l'immagine posta come sfondo per l'effetto parallax nella nuova versione 13. So per certo (detto da un altro utente che ha un iPhone, io non ce l'ho) che se sull'immagine che usi come sfondo del parallax attivi la funzione "Adatta al contenuto della finestra" alla voce "Disposizione" in "Stile Righe", tale immagine si vede ingrandita a dismisura e si vede sgranata. Tolta la funzione "Adatta al contenuto dell'immagine" e impostata la funzione "Non ripetere" , l'immagine si vede bene (mi riferisco sempre e solo a iPad, iPhone e tutto ciò che è iOS). Qualcuno può dare ulteriori conferme? Grazie mille.
P. S. Credo che la funzione "Adatta al contenuto della finestra" crei problemi anche sull'immagine usata come "Sfondo della Pagina" in "Struttura del Modello". Credo... È da fare qualche prova
Autor
Grazie a tutti veramente, ma essendo un neofita e non avendo alcuna conoscenza di HTML5, CSS, PHP e quant'altro
vorrei che lo STAFF Incomedia prendesse seriamente questi BUG del Software.
Credo sia il minimo..
Visto che il problema, per quanto riesco a capire dalle vostre risposte, è risolvibile ma con iniezioni VARIE di codice !!!
Grazie comunque per i vs. consigli, ma non vi seguo perchè non ho le vostre conoscenze WEB, e credo di non sapere
neanche da dove iniziare.
Ho scelto infatti INCOMEDIA dalla Versione 9 alla 13 proprio per semplificarmi la vita, non per incasinarmi.
Resto adesso in attesa che l'ASSISTENZA TECNICA provveda ai 2 BUG sopra esposti nel mio ULTIMO POST
e che il tutto non cada nel dimenticatoio.
GRAZIE
P.S. già da qualche giorno credo di insistere su questi 2 argomenti ma non ho ancora sentito l'Assistenza.
Buongiorno Mauro,
grazie per le informazioni, ti chiedo se puoi ancora qualche dato per favore. Potresti allegarmi anche degli screenshot su come visualizzi le pagine in android e iphone, così che possa capire meglio la differenza sia per lo sfondo dell'immagine che non si ridimensione, sia per il colore opaco che si presenta diversamente. Su iphone mi servirebbero gli screenshot della pagina con il cellulare sia in verticale che in orizzontale per poter capire meglio. Se riesci comunicami anche la versione di Safari e IOS.
Fammi sapere.
Autor
Scusa "Riccardo P. di INCOMEDIA". Non vorrei essere frainteso in quello che segue...
Le prove potreste farle Voi di Incomedia. Non credo che vi manca Hardware sufficiente per "Testare WEBSITE 5 Vers. 13"
________________________________________________ 1° BUG _________________________________________
Ripetere questa sequenza :
Se in "Proprietà" della Pagina, andando nella sezione "Grafica" ho selezionato le seguenti voci:
- File Immagine : pippo.jpg
- Disposizione : Adatta al Contenuto della finestra
- Allineamento : Centro ( si comporta mettendo l'immagine al Centro della Pagina su iOS)
Mi aspetto che sia il Mobile Android(che lo esegue perfettamente) che il Mobile iOS(NON lo esegue)
rispondano nello stesso modo.
________________________________________________ 2° BUG _________________________________________
in "Stile Riga" con Oggetto T (Testo) se mettete "Sfondo" scelta "Colorato" quindi "Colore" = "Nero", "Opacità" = 50
noterete che su Android risponde perfettamente(PORTANDO UNA SEMITRASPARENZA) ...
Su iOS invece risulta un "GRIGIO TOPO". ( o topo gigio )
Se non è possibile fare queste prove nei vs. CED fatemi sapere che vi fornirò dettagliatamente passo passo tuttti gli screenshots del caso.
Grazie Riccardo.
Aspetto tue nuove.
Buongiorno Mauro,
abbiamo effettuato dei testi sui vari dipositivi android e Iphone, ma visualizziamo sempre correttamente il sito.
Anche seguendo i tuoi passaggi visualizziamo correttamente sia le immagini che le trasparenze come su Android.
Vorrei capire meglio quello che visualizzi tu e che versione di ios e browser stai utilizzando.
Se puoi inviarmi degli screenshot di quello che visualizzi riuscirei a capire meglio quello che ti succede.
Fammi sapere.
Autor
Ciao grazie Riccardo.
Credo che la visualizzazione sia corretta(www.piaceegusto.it), come tu dici, poichè ho tolto tutto ciò che il programma vers. 13 dovrebbe effettuare e cioè :
- BUG 1 (forse)
Se in "Proprietà" della Pagina, andando nella sezione "Grafica" ho selezionato le seguenti voci:
- File Immagine : pippo.jpg
- Disposizione : Adatta al Contenuto della finestra
- Allineamento : Centro ( si comporta mettendo l'immagine al Centro della Pagina su iOS)
Mi aspetto che sia il Mobile Android(che lo esegue perfettamente) che il Mobile iOS(NON lo esegue)
rispondano nello stesso modo.
Avevo impostato così le cose ma "NON FUNZIONA !" provate voi e verificate creando una pagina di prova, e mettetela a disposizione di tutti noi che stiamo penando dietro a questa "Adatta al Contenuto della Finestra"
Se adesso funziona, come dite dalle prove da voi fatte sul www.piacereegusto.it , è perchè ho seguito alcuni accorgimenti per farlo funzionare, tra l'altro seguendo i consigli di KolAsim e di altri User.
Ma credo fermamente che il problema esista ! (Basta leggere vari Post di segnalazioni per rendersene conto)
- 2° BUG ( forse)
in "Stile Riga" con Oggetto T (Testo) se mettete "Sfondo" scelta "Colorato" quindi "Colore" = "Nero", "Opacità" = 50
noterete che su Android risponde perfettamente(PORTANDO UNA SEMITRASPARENZA) ...
Su iOS invece risulta un "GRIGIO".
Anche qui. Fate una prova voi e se gentilmente, visto che sto imparando ad usare questo buon software, mi scriveste i passaggi corretti da eseguire per ottenere questa semitrasparenza.
- 3° BUG ( forse)
Nell' oggetto "Video e Suono" ho inserito URL YouTube/Vimeo relativo. ( www.piacereegusto.it ) in fondo alla Home.
Il Video funziona perfettamente per Responsive superiori ai 480 px.
Non appena Responsive decresce, fatelo arrivare a 460 px, ed ecco che il VIDEO va in LOOP....
NON VISUALIZZA più nulla continua a looppare e noterete in Anteprima come la barra di caricamento segnala l'ANOMALIA suddetta.
Spero di essere stato utile nelle segnalazioni.
Rigrazio Riccardo P. Incomedia, ringrazio KolAsim e le sue dritte, ringrazio Giuseppe Guida con i suoi Post.
Autor
Sono certo che Incomedia non mi risponderà più, per loro il caso è risolto ?
Non credo...
In attesa che l'ASSISTENZA risolva, volevo chiedere a Giuseppe Guida e KolAsim come posso risolvere i miei problemi, considerando che non sono un programmatore HTML5/CSS e vorrei risolvere con passaggi chiari non dando per assodato che io sappia....
Posso ?
Grazie!
Mauro hai provato ad eliminare la funzione "adatta al contenuto della finestra" ? Ti crei un'immagine di 1920px di larghezza e la utilizzi senza nessun "Adatta al contenuto della finestra" . . Prova. Te lo avevo scritto molti post sopra.
... porta pazienza, c'è il fine settimana di mezzo, ed intanto segui il consiglio di Giuseppe...
... grazie per il test che mi hai comunicato >> QUI (+EXTRA)
.
Buongiorno Mauro,
Riguardo alla immagine di sfondo, ho seguito i tuoi passaggi e inserendo una immagine di sfondo questa si adatta correttamente su iphone visualizzando il sito in orizzontale e verticale. Ti ho allegato degli screenshot delle due visualizzazioni su iphone. L'immagine viene ridotta, sempre ripettando le proporzioni.
Se il tuo sito sembra visualizzarsi diversamente prova ad allegrmi degli screenshot di come lo vedi su android iphone. Così da capire meglio.
Per le altre segnalazioni ti invito ad aprire un nuovo topic per ogni argomento.
Grazie.
Autor
OK , grazie Riccardo.