Immagini blog tagliate
Author: Roberto M.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|
...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>
.
Author
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.
Author
Azz... taglia lo slider di brutto però. Non ci avevo fatto caso prima!
Author
Lo slider lo vedo solo in progetto ma non sulla pupplicazione è normale KollAsim?
Author
Ecco cosa vedo in locale ma non sul web.
... io in rete non lo vedo lo slider...
... aziona Ctrl+Anteprima, controlla, e poi effettua esportazione completa...
.
Author
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
Author
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?
... io continuo a non vedere nessuno slideshow; ...mai visto anche prima del codice extra, che adesso comunque non c'è...
.
Author
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.
... per me ancora niente! ...ne sei sicuro...?... ... magari aspettiamo altri pareri...
... allega anche lo STAMP di quello che vedi tu in rete...
.
ciao
.
Author
Ti allego i tre screen che poi sono lo slider.edge
Author
Ti allego i tre screen che poi sono lo slider.chrome
Author
Ti allego i tre screen che poi sono lo slider.Firefox
Author
Link diretto perchè stranamente se vai su tutte le categorie lo slider scompare. https://www.neocodex.it/blog/index.php
Author
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.
... 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
.
Author
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.
... 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 ...
.
Author
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
.
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
Author
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.
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
Author
Non è possibile caricare il file perchè supera il limite di 1MB. Cosa devo fare per inviare questo iwzip
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
Author
https://wetransfer.com/downloads/a3334e29776d6d5dfde821cedd6cc8c720210419133545/0c95161fa7c209098dc12d7e61f7dc2f20210419133647/d3712f
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
Author
Mi torna e ti ringrazio.