Le immagini si rimpiccioliscono e appaiono distorte nei post in primo piano

Ciao a tutti!

Abbiamo diversi post in primo piano e le immagini sono piuttosto brutte lì:

C’è un modo per ridimensionare le immagini senza perdere qualità?

Nel caso, ecco il nostro forum: https://community.elfsight.com/

Grazie!

2 Mi Piace

È dal componente Featured Cards? Se sì, forse @manuel può aiutare?

4 Mi Piace

Sì, sembra il componente. Anche se si basa sul componente Featured Tiles e credo che per quanto riguarda il ridimensionamento delle immagini non abbia modificato alcun codice. A volte vedo anche anteprime sfocate con il componente Topic List Thumbnails. Forse @david ha consigli su come ottimizzare le immagini in modo che le anteprime non vengano sfocate?

3 Mi Piace

Devi aggiornare le definizioni delle dimensioni qui:

E poi fare i calcoli per aggiornare l’elenco delle risoluzioni richieste qui:

4 Mi Piace

Oh.. grazie per averlo segnalato! Permetto agli utenti di regolare le dimensioni nelle impostazioni:

Sembra che dovrò pensare un po’ se e come posso integrare questa flessibilità con le definizioni esistenti :robot:

3 Mi Piace

L’approccio più semplice è probabilmente definire il componente con la dimensione ragionevole più grande nel codice (magari 500x500, più le varianti 1.5x e 2x), e poi lasciare che il browser li ridimensioni verso il basso durante la visualizzazione?

3 Mi Piace

Grazie per il suggerimento David! Questo sembra piuttosto semplice per il componente. In ogni caso, sembra che dovrò capire un po’ meglio cosa stanno facendo effettivamente i browser, scegliendo una miniatura ridimensionata e ridimensionandola alla dimensione del layout finale. Come accennato, ho anche visto immagini sfocate con le miniature dell’elenco degli argomenti e i risultati sono leggermente diversi a seconda del browser. Ed è probabilmente perché faccio alcuni aggiustamenti di dimensione nel codice del mio tema.