La vista previa de la imagen se corta

Esto parece suceder solo en uno de mis foros y no en el otro, por alguna razón, a pesar de que ambos tienen una versión de Discourse muy similar.

Desde una actualización reciente, cuando las imágenes se incrustan en las publicaciones, la miniatura de la lightbox corta los lados de la imagen. Esto hace que sea muy difícil leer las imágenes si tienen texto.

No me parece que este sea un comportamiento deseado y, de hecho, no está sucediendo aquí en Meta.

Imagen completa

Hola @FroggyC :slight_smile:

Entonces, probablemente se deba a la configuración de sus archivos, como:

  • Ancho máximo de imagen: Ancho máximo de miniatura de las imágenes en una publicación. Las imágenes con un ancho mayor se redimensionarán y se mostrarán en una ventana emergente.

  • Alto máximo de imagen: Alto máximo de miniatura de las imágenes en una publicación. Las imágenes con una altura mayor se redimensionarán y se mostrarán en una ventana emergente.

  • Ratio mínimo para recortar: Ratio utilizado para recortar imágenes altas. Introduce el resultado de ancho / alto.


Puede que haya leído un poco rápido.

¿La imagen apareció correctamente antes de la actualización?

Si haces clic derecho → Abrir imagen en una nueva pestaña, ¿aparece la imagen completa?

¿Qué configuraciones no tienen su valor predeterminado en configuración → archivos?

2 Me gusta

Todos esos ajustes están en sus valores predeterminados.

La imagen no se recorta al abrirla.


He intentado restaurar la copia de seguridad del sitio en una nueva instancia, y eso tampoco solucionó el problema. Así que, obviamente, es un problema de configuración, aunque sinceramente no sé cuál.

¿Alguien tiene una solución para esto? Estoy al final de mi ingenio con este problema.

Intenta visitar el sitio en modo seguro para ver si eso marca alguna diferencia.

Si la imagen está en una publicación pública, comparte un enlace a ella aquí. Quizás alguien pueda averiguar qué está pasando.

2 Me gusta

Hola :waving_hand:

He revisado el sitio y parece que no hay CSS personalizado ni ninguna otra personalización que afecte a las miniaturas.

Esto debería ser una mala configuración de los ajustes del sitio, como:

Pero tú dijiste:

Por cierto, ¿cuál es el valor predeterminado en tu ajuste de min ratio to crop?


¿Quizás una mala configuración de la CDN? Si utilizas un redimensionador de imágenes basado en la nube para optimizar imágenes (miniaturas). Esto no es muy probable, pero también podría ser una posible razón.


Otra posible razón es un plugin que pueda hacer cosas con las miniaturas. Como sugirió Simon, también puedes intentar subir nuevas imágenes en modo seguro para comprobar si esto podría ser causado por un plugin. (pero, como vi, no usas ningún plugin de este tipo). Si me equivoco y usas algún plugin de este tipo, a veces desactivar el plugin en el administrador no es suficiente, en este caso tienes que comentarlo (eliminarlo) de app.yml y volver a intentarlo…

Pero ten en cuenta: estas miniaturas se cocinan en estos tamaños y se recortan en las publicaciones. Por lo tanto, si cambias algo, no afectará a las miniaturas existentes hasta que vuelvas a hornear las publicaciones o las redimensiones manualmente para que el sistema las reconozca como un archivo nuevo y genere una nueva miniatura para ellas. Con las nuevas subidas, estos cambios deberían mostrar el resultado modificado después de recargar la página.

3 Me gusta

Visité el sitio en modo seguro y el problema persiste.

También intenté restaurar el sitio en un servidor diferente con una instalación de Discourse con el mismo app.yml, luego volví a hornear las publicaciones, solo para probar si algo cambiaría, y no lo hizo.

0.22, y es exactamente el mismo en otro foro que administro que no tiene este problema.

Mi CDN es solo la básica de Amazon AWS, y está con la misma configuración que otro sitio que no tiene este problema.

Desafortunadamente, no uso ningún plugin que interactúe con eso. ¿Quizás discourse-topic-previews-sidecar?

1 me gusta

He revisado mi bucket de AWS S3 y parece que es la versión optimizada de las imágenes la que se recortó. Así que es algún tipo de error que ocurre durante la carga de la imagen.

¿Puedes intentar:

  1. Editar ligeramente la imagen original (para que Discourse no la reconozca como una imagen existente, aunque no estoy seguro de que lo haga si la pegas desde el portapapeles),
  2. Ir al modo seguro, todo deshabilitado
  3. Crear una publicación
  4. Pegar/subir la imagen
  5. ¿Ver si la vista previa o el resultado está recortado?

:thinking:

Este es el tipo de caso en el que todos se esfuerzan por identificar un problema y al final todos diremos “Fue tan obvio”, ¿verdad?

GIF de facepalm de la temporada 3

1 me gusta

Vi que estabas escribiendo mientras publiqué mi última actualización. Dado mi descubrimiento en el bucket de AWS, ¿siguen siendo útiles esos pasos?

Sí, volver a subir la imagen en modo seguro (le tomé una captura de pantalla, así que era ligeramente diferente) soluciona el problema.

¿Significa esto que está causado por un plugin?

2 Me gusta

Creo que el plugin sidecar tiene algunas funciones experimentales.

¿Puedes desactivar estas configuraciones?

2 Me gusta

No esa configuración, pero tenía habilitada la configuración justo debajo.

Deshabilitarla parece haber resuelto el problema (al menos para las nuevas imágenes).

¿Habría alguna forma ahora de reconstruir todas las versiones optimizadas para solucionar el problema en todo el sitio?

Veo que hay una tarea uploads:regenerate_missing_optimized de rake, pero hasta donde entiendo, solo regeneraría las versiones optimizadas que faltan.

1 me gusta
cd /var/discourse
./launcher enter app
rake posts:rebake
1 me gusta

Pensé que solo se volvía a hornear el HTML de la publicación desde el markdown. En cualquier caso, lo intentaré.

Sí, pero creo que debería regenerarse porque tus configuraciones cambiaron.

Lamentablemente, volver a hornear la publicación no ha regenerado las versiones optimizadas.

Me tienta mover la carpeta optimized/ en mi bucket y ejecutar rake uploads:regenerate_missing_optimized. Veamos si rompo todo.

Editar: Ah, pero esa tarea solo funciona para almacenamiento interno. No para S3.

Al final, las imágenes problemáticas fueron tan pocas que terminé volviéndolas a subir manualmente. Así que el problema está resuelto, aunque no de la manera más eficiente.

1 me gusta

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.