Dimensioni immagini su sito responsive.
Autor: Piervito L.Buongiorno,
Sulla stessa riga della discussione https://helpcenter.websitex5.com/es/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
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.
... 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...
.
Autor
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.
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
Autor
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
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
Autor
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
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
Autor
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.
Autor
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
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