WebSite X5Help Center

 
Piervito L.
Piervito L.
User

Dimensioni immagini su sito responsive.  it

Auteur : Piervito L.
Visité 1088, Followers 1, Partagé 0  

Buongiorno,
Sulla stessa riga della discussione https://helpcenter.websitex5.com/fr/post/243343

Ho  problemi  con  la  dimensione  delle  immagini  sul  sito  responsive,  vengono  adattate  e visualizzate  male,  diventando  troppo  grandi  o troppo  piccole  e questo  causa  una  cattiva  visualizzazione.
Nella  discussione  precedente  ho  parlato  di  loghi,  ma  i loghi  a cui mi  riferivo  sono  comunque  delle  immagini  presenti  nella  pagina  e non  il  logo  aziendale..

Quando  visti  da  mobile  questi  loghi  appaiono  giganti  e incolonnati  quando  dovrebbero  essere  abbastanza  piccoli  e orizzontali  come  da  visualizzazione  desktop,  dato  che  non  veniva  inserita  nessuna  interruzione  di  riga..

Il  problema  può  risiedere  nell'impostazione  della  base  della  pagina?  Poiché  ho  provato  ad  adattare  le dimensioni  delle  foto  in  ogni  modo  ma  senza  buoni  risultati.

Grazie

Posté le
11 RéPONSES
Giuseppe Guida
Giuseppe Guida
User

Ciao, probabilmente le immagini dei loghi che hai utilizzato sono originariamente molto grandi in termini di pixel (larghezza e altezza), poi Website X5, una volta che le inserisci sulla stessa riga in più oggetti immagine, te le adatta e le riduce di dimensioni per fare in modo che siano tutte affiancate sulla quella riga e tutte visibili correttamente ma quando vai nel responsive i contenuti vengono verticalizzati, quindi le immagini finiscono una sotto l'altra, e queste assumono nuovamente la loro dimensione originaria e le vedi enormi. Ti basterebbe, con un apposito programma di grafica, ridurre la dimensione originaria delle immagini/loghi.

Lire plus
Posté le de Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Piervito L.
... ...  Quando  visti  da  mobile  questi  loghi  appaiono  giganti  e incolonnati ... ... 

... i loghi io li vedo regolari e senza disfunzioni nelle dimensioni, e nello smartphone vert/oriz sono allineati correttamente due per riga...
... eventualmente allegare uno (o più) STAMP che evidenzi le differenze riscontrate...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Piervito L.
Piervito L.
User
Auteur
Giuseppe Guida
Ciao, probabilmente le immagini dei loghi che hai utilizzato sono originariamente molto grandi in termini di pixel (larghezza e altezza), poi Website X5, una volta che le inserisci sulla stessa riga in più oggetti immagine, te le adatta e le riduce di dimensioni per fare in modo che siano tutte affiancate sulla quella riga e tutte visibili correttamente ma quando vai nel responsive i contenuti vengono verticalizzati, quindi le immagini finiscono una sotto l'altra, e queste assumono nuovamente la loro dimensione originaria e le vedi enormi. Ti basterebbe, con un apposito programma di grafica, ridurre la dimensione originaria delle immagini/loghi.


Il problema è proprio quello, parliamo di loghi di 170px, quindi molto piccoli anche in termini di peso.

Sarebbe bello poter gestire meglio la parte responsive per il ridimensionamento delle immagini, l'allineamento a 2 a 2 è d'obbligo anche perché inserendo 3 oggetti per fila, va in ogni caso a capo automaticamente dopo 2 oggetti.

O sarebbe comodo poter caricare un immagine "alternativa" da caricare nel responsive, per evitare che immagini "larghe" vengano visualizzate molto piccole su cellulare. Nello screen allegato ad esempio c'è il banner con scritto "Notte" che da cellulare diventa veramente troppo minuscolo da leggere, ma è la misura ideale per la visualizzazione da PC..

Non trovo un compromesso che mi consenta di tenere la scritta abbastanza grande su cellulare e di dimensione giusta per il PC.

Lire plus
Posté le de Piervito L.
Incomedia
Stefano G.
Incomedia

Buongiorno Piervito

Purtroppo, devo confermare che come indicato da Giuseppe, la questione si può riassumere in un concetto di compromesso.

In alcune sezioni specifiche come l'header ed il footer, si possono mettere immagini specifiche per ogni risoluzione ma per gli oggetti nel contenuto delle pagine, quindi Passo 4, nella maggior parte dei casi è necessario inserire un contenuto che poi anche nel responsive presenti la dimensione adeguata. Purtroppo è necessario in alcune casistiche particolari, adattare il design che si vuole dare al sito anche al risultato che si può ottenere con le impostazioni dello strumento

In questo caso specifico, posso consigliare di tenere come immagine solo dei contenuti che effettivamente hanno immagini e basta. Se contengono testi, e sempre meglio implementarli a parte così da poterli gestire in maniera più efficace come responsive, mentre le immagini verrebbero rimpicciolite o ritagliate 

Prova ancora per la strada che stai seguendo e fammi sapere se trovi un compromesso accettabile

Stefano

Lire plus
Posté le de Stefano G.
Piervito L.
Piervito L.
User
Auteur
Stefano G.
Buongiorno Piervito Purtroppo, devo confermare che come indicato da Giuseppe, la questione si può riassumere in un concetto di compromesso. In alcune sezioni specifiche come l'header ed il footer, si possono mettere immagini specifiche per ogni risoluzione ma per gli oggetti nel contenuto delle pagine, quindi Passo 4, nella maggior parte dei casi è necessario inserire un contenuto che poi anche nel responsive presenti la dimensione adeguata. Purtroppo è necessario in alcune casistiche particolari, adattare il design che si vuole dare al sito anche al risultato che si può ottenere con le impostazioni dello strumento In questo caso specifico, posso consigliare di tenere come immagine solo dei contenuti che effettivamente hanno immagini e basta. Se contengono testi, e sempre meglio implementarli a parte così da poterli gestire in maniera più efficace come responsive, mentre le immagini verrebbero rimpicciolite o ritagliate  Prova ancora per la strada che stai seguendo e fammi sapere se trovi un compromesso accettabile Stefano


Salve,

Questo quindi vale per tutto? 
Ad esempio se io clicco sul mio shop prodotti vedo tutti i prodotti in vetrina impaginati correttamente se lo guardo in versione desktop, ma appena passo alla versione mobile i "riquadri" dell'oggetto appaiono allungati, lasciando quindi una foto piccolissima con un grande spazio vuoto sopra e sotto la foto, non saprei che compromesso trovare dato che ho provato ad impostare il riquadro con diversi "setting" ma apparirà sempre sbagliato in una delle due visualizzazioni (Screen)

Inoltre dalle analisi SEO mi penalizza la velocità del responsive, ma ho caricato solo immagini leggerissime (pochissimi kb) e testi, non capisco perché nei risultati sulla velocità del responsive io riceva risultati pessimi..

In attesa di idee e soluzioni vi ringrazio

Lire plus
Posté le de Piervito L.
Incomedia
Stefano G.
Incomedia

Buongiorno Piervito

Ho fatto alcune prove su diversi dei nostri template e noto che il risultato che ottieni appare sufficientemente diverso da quello che dovrebbe essere il risultato ottima

In risoluzione mobile per esempio, dovrebbe essere visibile un solo prodotto e non due affiancati.

Nell'oggetto Catalogo Prodotti, quanti prodotti mostri per riga?

Puoi provare a modificare questo parametro? In oltre, al Passo 2 sotto Risoluzioni e Responsive Design, hai modificato un qualche breakpoint o hai lasciato quelli standard?

Puoi farmi avere alcuni screenshot di queste sezioni da verificare? Avresti inoltre la possibilità di mettere il sito online da qualche parte per verificarlo direttamente online per te?

Fammi sapere

Grazie

Stefano

Lire plus
Posté le de Stefano G.
Piervito L.
Piervito L.
User
Auteur

Buongiorno, proverò a impostare diversamente il tutto, ho già spostato i prodotti in riga 1 per 1 partendo già dalla seconda risoluzione (Quella per i tablet per intenderci) e vedo come va,
Questo incolonnamento potrebbe migliorare la velocità mobile o solo la visualizzazione del sito?

Ci sono altri accorgimenti da prendere per migliorare la velocità? Carico immagini di pochi kb quindi non capisco come mai ricevo risultati di velocità così basi..

Grazie

Lire plus
Posté le de Piervito L.
Incomedia
Stefano G.
Incomedia

Buongiorno Piervito

Purtroppo la velocità non è data solo da come costruisci il sito, ma anche da altri fattori quali la qualità del server e anche la connessione che utilizza il sistema di test che usi per verificare la pagina

Tieni presente che in un ambiente reale, i siti caricano spesso più velocemente di quanto segnalati da molti test famosi, in quanto questi test effettuano i test simulando connessioni molto lente per essere il più severi possibili

Tuttavia, ti consiglio di provare anche tu personalmente ad aprire il sito da un altro dispositivo. Valuta così se ritieni che il sito carichi in tempi soddisfacenti

Fammi sapere qui

Grazie

Stefano

Lire plus
Posté le de Stefano G.
Piervito L.
Piervito L.
User
Auteur

Ciao Stefano,
Sinceramente provando da altri dispositivi il sito carica bene anche se visivamente non è il top, so che i tester SEO sono molto severi ma in velocità mobile ottengo risultati davvero bassi che non ricevo nelle altre "categorie".

Sto iniziando i test per la visualizzazione con i paramentri che mi hai indicato per vedere se ci sono dei cambiamenti sia a livello grafico che a livello download.
Ti farò sapere i risultati ottenuti.

Lire plus
Posté le de Piervito L.
Piervito L.
Piervito L.
User
Auteur
Stefano G.
Buongiorno Piervito Ho fatto alcune prove su diversi dei nostri template e noto che il risultato che ottieni appare sufficientemente diverso da quello che dovrebbe essere il risultato ottima In risoluzione mobile per esempio, dovrebbe essere visibile un solo prodotto e non due affiancati. Nell'oggetto Catalogo Prodotti, quanti prodotti mostri per riga? Puoi provare a modificare questo parametro? In oltre, al Passo 2 sotto Risoluzioni e Responsive Design, hai modificato un qualche breakpoint o hai lasciato quelli standard? Puoi farmi avere alcuni screenshot di queste sezioni da verificare? Avresti inoltre la possibilità di mettere il sito online da qualche parte per verificarlo direttamente online per te? Fammi sapere Grazie Stefano

Ho provato ad impostare alcune pagine prodotto con le misure indicatemi ma le immagini vanno fuori dalla "card" predefinita finendo così per coprire testo, prezzo ecc.. ed in visualizzazione responsive non fa differenza, infatti le card in responsive restano molto "allungate" con un grande spazio vuoto sopra e sotto la foto.

I Breakpoint sono stati impostati tempo fa, provo ad allegare screenshot per capire il vostro parere 

Lire plus
Posté le de Piervito L.
Incomedia
Stefano G.
Incomedia

Buongiorno Piervito

Questo problema che indichi sembra molto particolare. Ti succede in anteprima o anche online? Oppure solo online?

Se capita online, hai un link da passarmi qui così che possa visionarlo? Se invece succede in anteprima, riesci ad allegare uno screenshot che mostri ciò che vedi?

Per cortesia tienimi aggiornato qui così che possa aiutarti a verificare la situazione

Grazie

Stefano

Lire plus
Posté le de Stefano G.