¡Hola a todos!
Tenemos varias publicaciones destacadas, y las imágenes se ven algo terribles allí:
¿Hay alguna forma de redimensionar las imágenes sin perder calidad?
Por si acaso, aquí está nuestro foro: https://community.elfsight.com/
¡Gracias!
2 Me gusta
¿Es de componente de tarjetas destacadas? Si es así, ¿quizás @manuel pueda ayudar?
4 Me gusta
Sí, ese parece ser el componente. Aunque se basa en el componente Featured Tiles y creo que con respecto al redimensionamiento de imágenes no cambié ningún código. A veces también veo vistas previas borrosas con el componente Topic List Thumbnails. ¿Quizás @david tenga algún consejo sobre cómo optimizar las imágenes para que las vistas previas no se vean borrosas?
3 Me gusta
Necesitas actualizar las definiciones de tamaño aquí:
Y luego haz los cálculos para actualizar la lista de resoluciones requeridas aquí:
4 Me gusta
¡Oh… gracias por señalarlo! Permito a los usuarios ajustar los tamaños en la configuración:
Parece que tendré que pensar un poco si y cómo puedo integrar esta flexibilidad con las definiciones existentes 
3 Me gusta
El enfoque más sencillo es probablemente definir el componente con el tamaño razonable más grande en el código (quizás 500x500, más las variantes 1.5x y 2x), y luego dejar que el navegador los redimensione al mostrarlos.
3 Me gusta
¡Gracias por la pista, David! Esto parece bastante sencillo para el componente. En cualquier caso, parece que necesitaré entender un poco mejor qué están haciendo realmente los navegadores, eligiendo una miniatura escalada y redimensionándola al tamaño final del diseño. Como se mencionó, también vi imágenes borrosas con las miniaturas de la lista de temas y los resultados son ligeramente diferentes según el navegador. Y probablemente se deba a que hago algunos ajustes de tamaño en el código de mi tema.