WebSite X5Help Center

 
Roberto M.
Roberto M.
User

Immagini blog tagliate  it

Autore: Roberto M.
Visite 773, Followers 1, Condiviso 0  

Salve ragazzi ho bisogno del vostro aiuto. Non riesco ancora a capire come funziona il ridimensionamento delle immagini sul blog. Recentemente avevo già postato di essere riuscito a trovare la soluzione ma non funziona.Non riesco a capire se è una questione di adatta pagina a.. oppure se serve del codice extra. Nel link che produco potete notare (io visualizzo con un monitor da 29) ad esempio come l'immagine Webinar risulti tagliata e così dicasi le altre. E' veramente un incasinamento totale per me trovare una risoluzione al problema non ci arrivo sono zero in programmazione. Potete darmi un suggerimento?

Nelle proprietà pagina principale e articolo è inserito questo codice <style> .imBlogPostBody img {width:100%} </style>

Nella proprietà pagina principale adatta dimensioni è flaggata a si mentre sugli articoli a no. Ho fatto anche varie combinazioni ma nulla il problema rimane. Dove sbaglio?

il link https://www.neocodex.it/blog/index.php?category=|All|

Postato il
30 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...da quel che vedo, l'immagine Webinar è in rapporto (8:3), ed invece la finestra ospite è in rapporto (5:4), pertanto in modalità css cover trovo corretta la visualizzazione in priorità altezza...

... per avere meno problemi e una visualizzazione più completa, dovresti far uso per quell'uso di immagini in rapporto (1:1), oppure in rapporto (4:3)...

...!... oppure, se cerchi un compromesso, prova:

<style> div[id^='imBlogPostCardCover_'] { height:142px !important; } </style>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User
Autore

Funziona Kolasim e ben hai detto è un compromesso perchè nella risoluzione 1279,9 x 720px purtroppo taglia l'immagine. Se non ci sono altre soluzioni può andare questa di contro se possiamo perfezionarla sarebbe meglio. Intanto grazie della tempestività sul problema segnalato sei veramente il Top.

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User
Autore

Azz... taglia lo slider di brutto però. Non ci avevo fatto caso prima!

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User
Autore

Lo slider lo vedo solo in progetto ma non sulla pupplicazione è normale KollAsim?

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User
Autore

Ecco cosa vedo in locale ma non sul web.

Leggi di più
Postato il da Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... io in rete non lo vedo lo slider...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... aziona Ctrl+Anteprima, controlla, e poi effettua esportazione completa...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User
Autore

Già Fatto lo slider si vede solo se tolgo il codice extra suggerito. L'ho provato in locale e non ho caricato per non cambiare le carte in tavola se vuoi lo ricarico e ripartiamo da zero dimmi tu

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User
Autore

Ristabilito tutto come nel primo post. Confermo! S metto quel codice mi taglia lo slider. Per le immagini invece era un compromesso accettabile e, giustamente come hai suggerito ho procedo per una rimodulazione delle immagini con rapporto 5.4 fattore 1:25 o Incomedia si adoperasse per cercare di risolvere la questione. Ma possibile che mezzo sito debba essere fatto ogni volta con codice extra? 

Leggi di più
Postato il da Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... io continuo a non vedere nessuno slideshow; ...mai visto anche prima del codice extra, che adesso comunque  non c'è...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User
Autore

Ciao KolAsim. All'inizio anche io ho avuto lo stesso problema.Ho dovuto scaricare tutta la cache di firefox e di chrome per rivedere come era in origine al primo post.

Leggi di più
Postato il da Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per me ancora niente! ...ne sei sicuro...?...  ... magari aspettiamo altri pareri...

... allega anche lo STAMP di quello che vedi tu in rete...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User
Autore

Ti allego i tre screen che poi sono lo slider.edge

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User
Autore

Ti allego i tre screen che poi sono lo slider.chrome

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User
Autore

Ti allego i tre screen che poi sono lo slider.Firefox

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User
Autore

Anche togliendo l'0riginario codice ossia questo: <style> .imBlogPostBody img {width:100%} </style> e, settando la pagina principale del blog senza flaggare "adatta alle dimensioni" e flaggando a SI invece quella degli articoli , scendendo di risoluzione (ti basterà stringere il browser) noterai che, mentre le immagini degli articoli si adattano anche a risoluzioni inferiori lo slider invece non si adatta ovvero l'immagine si vede ma è come se fosse tagliata in altezza (che ora è settata a 300) e non si ridimensiona in larghezza ma il casino viene se setto in "adatta alle dimensioni" la pagina principale del blog (lo slider per intenderci). In questo caso avviene il contrario ossia va bene lo slider ma vanno male le foto degli articoli. Allora mi son detto forse è una questione di settaggi no? Neanche per sogno!

Quando dico "si" vuol dire flag su adatta dimensioni.

Abbiamo due pagine:

Blog pagina principale 

Blog pagina Articoli

Setup

Blog pagina principale = SI

Blog pagina articoli = NO

Lo slider non si ridimensiona gli articoli si

==============

Blog pagina principale = SI

Blog pagina articoli = SI

Le immagini degli articoli e dello slider non si ridimensionano tutto è tagliato!

Inserisco il codice extra originario  nella pagina principale del blog <style> .imBlogPostBody img {width:100%} </style> e me lo ritrovo in automatico anche sulla pagina articoli. Setto a NO entrambe le pagine articoli e principale. Risultato? Va bene sui cellulari a partire dalla risoluzione 719,9 / 480px nel senso che solo le immagini degli articoli si ridimensionano a partire dalla suddetta risoluzione mentre lo slider non si ridimensiona.

Con il codice extra sempre presente setto a SI solo la pagina Articoli. Si ridimensiona tutto , anche lo slider che però lascia spazi vuoti a dx e a sx mentre solo in alto per i cellulari.

Alla fine mi toccherà levare lo slider per non avere problemi senza contare la figura di m......che farò con i committente che mi devono piazzare altri tre siti alleluia. Ti chiedo scusa KolAsim se non mi faccio capire o ti riesce difficile comprendere la situazione ma ti ringrazio ugualmente per l'interessamento.

Leggi di più
Postato il da Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Roberto M.
... ... ...  Ti chiedo scusa KolAsim se non mi faccio capire o ti riesce difficile comprendere la situazione ma ti ringrazio ugualmente per l'interessamento.

... purtroppo non avendo il PC ed il programma, non so come usi le opzioni disponibili...

... da quel che vedo nel tuo ultimo LINK riguardo allo slideshow, potresti risolvere con questo codice:

<style> .imBlogHighlightedCards div { background-size:cover !important } </style>

... dovresti usare immagini congrue (o almeno più congrue) e leggere, ed assolutamente non usare in formato PNG...

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User
Autore

Funziona solo in parte. Anche cambiando la proprietà nativa da Contain a Cover le immagini si ridimensionano ma al scendere di risoluzioni si tagliano. Bisogna giocare con le dimensioni e trovare quelle giuste o che comunque presentino un compromesso accettabile.

KolAsim io l'ottimizzazione delle immagini la faccio sempre dopo la pubblicazione in sintonia con i clienti perchè non voglio stress da fretta molto di moda tra i committenti.

Per il resto sempre grazie per l'attenzione.

Leggi di più
Postato il da Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... adesso vedo che hai tolto il PNG dallo slideshow che prima pesava troppo, ...e due immagini su tre hanno le stesse dimensioni, e quella diversa pesa troppo, 1.1 MB, e dovrebbe pesare al massimo 1/3° (o 1/4°) di quello che è...

... non noto altri problemi, mi sembra regolare ...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User
Autore

Grazie per l'aiuto. Vorrei chiederti di intercedere con Incomedia spiegandogli il problema con la speranza che possano risolvere. In ogni caso sempre grazie.

Leggi di più
Postato il da Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Roberto M.
Grazie per l'aiuto. Vorrei chiederti di intercedere con Incomedia spiegandogli il problema con la speranza che possano risolvere. In ogni caso sempre grazie.

... se si usano immagini congrue non ci sarebbero problemi...

... comunque notifico  lo stesso questo Topic allo STAFF, che risponderà appena possibile qui...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Incomedia
Stefano G.
Incomedia

Buongiorno Roberto

Se ho capito bene la questione, il problema è che con le differenti risoluzioni lo slider può croppare parte delle immagini ai lati, corretto?

Questo è corretto ed è attualmente la maniera scelta per il software per gestire le immagini responsive

Purtroppo, se questo è confermato e la modifica richiede necessariamente codice personalizzato, lo Staff non può fornire supporto a riguardo

Mi puoi confermare che il problema è quello?

Resto in attesa

Stefano

Leggi di più
Postato il da Stefano G.
Roberto M.
Roberto M.
User
Autore

Ciao Stefano. Si è corretto perchè alla base ha la proprietà contain ossia l'immagine viene ridimensionata, adattandosi alle dimensioni del suo contenitore, mantenendo il suo aspect ratio. Ma se in teoria è così nella pratica non lo fa altrimenti non avrei postato.Mi spiego:

Se tutto viene lasciato inalterato quindi escludi codici extra e fai lavorare il blog normalmente se setti su copertina ADATTA L'IMMAGINE della pagina del Blog Principale e attivando lo slider lui lo fa nel senso che l'immagine si ridimensiona ma quelle contenute negli articoli vengono tagliate.

Avviene il contrario se invece sulla proprietà della pagina Articoli setti SU copertina ADATTA L'IMMAGINE per cui le immagini degli articoli vanno bene mentre quelle dello slider vengono tagliate.

Quindi da una parte il prodotto fa quello che deve fare. Non capisco perchè lo fa su uno e su l'altro lo storpia a seconda di come setti le impostazioni.

Kolasim ci ha visto giusto ecco perchè è intervenuto direttamente sulla proprietà "cover" dello slider . Ovvio che questa proprietà implica la correttezza di una immagine altrimenti sborda o si taglia però non influisce sulle impostazioni di quelle degli articoli.

Secondo me sarebbe opportuno che lo staff guardi la situazione tanto basta solo fare una prova di settaggio per rendersi conto dell'anomalia. Ringrazio dell'attenzione.

Leggi di più
Postato il da Roberto M.
Incomedia
Stefano G.
Incomedia

Buongiorno Roberto

Ti ringrazio per la segnalazione ma la descrizione del problema, senza poterlo vedere online, risulta un po' confusa

Se il problema è riproducibile su qualsiasi progetto, ti chiederei di procedere così. Puoi creare un progetto nuovo con solo il blog e configurare un articolo perchè l'errore si veda chiaramente?

Una volta fatto ciò, puoi inviarmi qui il progetto esportato come IWZIP così che io possa verificarlo per te e in caso, segnalare l'errore perchè venga risolto

Prova così e fammi sapere

Stefano

Leggi di più
Postato il da Stefano G.
Roberto M.
Roberto M.
User
Autore

Non è possibile caricare il file perchè supera il limite di 1MB. Cosa devo fare per inviare questo iwzip

Leggi di più
Postato il da Roberto M.
Incomedia
Stefano G.
Incomedia

Buongiorno Roberto

Dopo aver fatto l'IWZIP con il programma, puoi usare il servizio: https://wetransfer.com/ per caricare il file. Seleziona l'opzione per generare il link per il download. Scrivimi poi qui l'url generato così che possa scaricare il file. (Se l'archivio risulta molto grande puoi non includere i file di anteprima e i backup quando crei il file .iwzip con WebSite X5)

Fammi sapere

Stefano

Leggi di più
Postato il da Stefano G.
Incomedia
Stefano G.
Incomedia

Buongiorno Roberto

Ho fatto alcune prove e non riesco a trovare il difetto nel risultato. Provo ad allegarti qualche screenshot per capire assieme

Questo è l'immagine dello slider quando non imposto "Adatta":

Mentre questo è quando lo abilito

Questo mi sembra corretto. Ovvero l'immagine viene allargata ma non distorta per riempire tutto lo spazio a disposizione

Dentro l'articolo, stessa cosa usando l'opzione per Adattare la copertina. Così senza:

E così con:

Ovviamente tieni presente che la quantità di immagine che si vede è proporzionata al ratio dell'immagine e all'altezza configurata. Per esempio se da 300 io imposto 500:

L'immagine diventa così

Ti torna?

Fammi sapere

Stefano

Leggi di più
Postato il da Stefano G.
Roberto M.
Roberto M.
User
Autore

Mi torna e ti ringrazio.

Leggi di più
Postato il da Roberto M.