Imagen comprimida en columna

Hola,

creo que no es normal porque las columnas se redimensionan según el tamaño de la pantalla. Normalmente, en las plantillas adaptables, se aplica la propiedad max-width: 100% a todas las imágenes para que sean adaptables. Si no la tienes, las imágenes tienen un tamaño fijo y no funcionará en pantallas pequeñas.

Consulta el archivo adjunto para saber qué sucede normalmente con 3 columnas.

Saludos.

Aunque ha pasado mucho tiempo desde el problema de TO, tengo que publicar esto porque tengo el mismo problema. He descubierto la causa de este comportamiento: ocurre al redimensionar imágenes y cambiar algún parámetro de la imagen en el cuadro de diálogo de propiedades de la imagen (¿o se llama "propiedad de la imagen"? No uso la versión en inglés).
Por ejemplo: incluí una imagen en mi artículo y la redimensioné arrastrándola con el ratón a 400x300px. En el código fuente, indica
width="400" hight="300".
Ahora, haz doble clic en la imagen para abrir el cuadro de diálogo de propiedades y haz clic en Aceptar. El código fuente ha cambiado a
img style="width:400px; hight:300px;".
Es simplemente otra forma de introducir el parámetro de tamaño en HTML, pero el método style="... hace que las imágenes, por alguna razón, se compriman al redimensionar la ventana del navegador.

¿Hay alguna forma de cambiar el código?

Hola,

gracias por tus comentarios. ¿Podrías publicar una captura de pantalla de la configuración de imagen que me indicaste?
Por cierto, no uses controladores para cambiar el tamaño de las imágenes en tu contenido, ya que se mostrarán con una dimensión anormal, lo que tiene la doble ventaja de ser pesadas y tener una calidad de visualización incorrecta. Además, puede causar problemas en la parte responsiva.

Saludos.

Gracias, Tristan, por tu respuesta. Claro que puedo hacer capturas de pantalla.

Hice un ejemplo sencillo con una imagen que tenía el tamaño original de 800x535px.

1. La redimensioné usando los controladores directamente en el editor de DropEdit (por cierto, no hay problema en hacerlo así, siempre que se mantenga la proporción). Fijé la ventana del navegador reducida; la imagen tiene la proporción correcta y responde completamente. [resized_in_dropedit_by_handles.png]

2. Luego hice doble clic en la imagen para abrir el cuadro de diálogo de propiedades; no cambié nada, solo hice clic en "Aceptar". El código fuente cambió, como puedes ver, y la misma imagen en la misma ventana del navegador reducida se muestra comprimida y ya no responde. [resized_by_properties-dialog.png]

Espero que esto aclare el problema y ayude a DropEditor (creo que DropEditor es el editor de Joomla más inteligente).

Por cierto, este es otro punto, pero ¿sería posible obtener un campo de clase de imagen en el cuadro de diálogo de propiedades de las imágenes? Esto haría que los cambios de clase fueran un poco más cómodos.

Saludos, Frank.

Hola,


creo que lo entiendo. Este problema se debe a la antigua herramienta de edición de imágenes incluida en el editor (solo la propiedad del botón de imagen).
Estamos trabajando en una versión actualizada de Droppics que solucionará el problema generando miniaturas reales al instante.

En cuanto a la primera consideración sobre el tamaño natural de la imagen, no soluciona el problema, es solo un consejo. Ralentiza el sitio web y todos los análisis de herramientas SEO lo detectan como un error. En Chrome, la herramienta de identificadores se ha eliminado del editor.

Saludos.

Bien, esta sería una gran actualización.

Antes lo hacía manualmente con droppics (Pro) generando un duplicado de tamaño personalizado. Una miniatura generada automáticamente sería más cómoda, lo cual sería muy bienvenido. Mi problema es que las imágenes que se colocan en artículos con su tamaño máximo se ven un poco borrosas en pantallas de alta resolución. Por ejemplo, una imagen de 400x300px en un artículo se ve bien en el monitor de mi oficina con 72 ppp; en una tableta con <200 ppp, se ve borrosa (debido al cambio de tamaño del navegador). Una imagen con dimensiones físicas de 600x448px redimensionada a 400x300px se ve mucho más nítida en pantallas de alta resolución. Los tamaños de archivo son un poco mayores, sí, pero no tanto... Para pantallas de alta resolución, no conozco otra manera de que las imágenes se vean nítidas.

Saludos, Frank.

Bien, esta sería una gran actualización.

Antes lo hacía manualmente con droppics (Pro) generando un duplicado de tamaño personalizado. Una miniatura generada automáticamente sería más cómoda, lo cual es muy bienvenido. Mi problema es que las imágenes que se colocan en artículos con su tamaño máximo se ven un poco borrosas en pantallas de alta resolución. Por ejemplo, una imagen de 400x300 px colocada en un artículo se ve bien en el monitor de mi oficina con 72 ppp, mientras que en una tableta con 200 ppp se ve borrosa (debido al cambio de tamaño del navegador). Una imagen con dimensiones físicas de 600x448 px redimensionada a 400x300 px se ve mucho más nítida en pantallas de alta resolución. Los tamaños de archivo son un poco mayores, sí, pero no tanto... Para pantallas de alta resolución, no conozco otra manera de que las imágenes se vean nítidas.

Saludos, Frank

. PD: Disculpa por publicarlo de nuevo; el sistema cortó el texto debido al uso de un símbolo de flecha. Tendré más cuidado en mis próximos mensajes.