Les images rétrécissent et semblent déformées dans les articles mis en avant

Salut tout le monde !

Nous avons plusieurs publications en vedette, et les images y sont quelque peu terribles :

Existe-t-il un moyen de redimensionner les images sans perdre en qualité ?

Au cas où, voici notre forum : https://community.elfsight.com/

Merci !

2 « J'aime »

Est-ce que cela provient du composant Featured Cards ? Si oui, peut-être que @manuel peut aider ?

4 « J'aime »

Oui, cela ressemble au composant. Bien qu’il soit basé sur le composant Featured Tiles et je crois qu’en ce qui concerne le redimensionnement des images, je n’ai rien changé au code. Je vois aussi parfois des aperçus flous avec le composant Topic List Thumbnails. Peut-être que @david a des conseils sur la façon d’optimiser les images afin que les aperçus ne soient pas flous ?

3 « J'aime »

Vous devez mettre à jour les définitions de taille ici :

Et ensuite faire les calculs pour mettre à jour la liste des résolutions requises ici :

4 « J'aime »

Oh.. merci d’avoir signalé cela ! Je permets aux utilisateurs d’ajuster les tailles dans les paramètres :

On dirait que je vais devoir réfléchir un peu si et comment je peux intégrer cette flexibilité avec les définitions existantes :robot:

3 « J'aime »

L’approche la plus simple consiste probablement à définir le composant avec la taille raisonnable la plus grande dans le code (peut-être 500x500, plus les variantes 1,5x et 2x), puis à laisser le navigateur les redimensionner lors de l’affichage ?

3 « J'aime »

Merci pour l’indice David ! Cela semble assez simple pour le composant. Dans tous les cas, il semble que je devrai mieux comprendre ce que les navigateurs font réellement, en choisissant une miniature mise à l’échelle et en la redimensionnant à la taille de la mise en page finale. Comme mentionné, j’ai également vu des images floues avec les miniatures de la liste de sujets et les résultats sont légèrement différents selon le navigateur. Et c’est probablement parce que j’effectue des ajustements de taille dans le code de mon thème.