Síntomas del problema
Las imágenes de un artículo o una publicación de la comunidad parecen mucho menos legibles que las originales. Si esta es una captura de pantalla de una aplicación, el texto podría ser ilegible. Si es una foto, la claridad no es ideal.
Condiciones
- La imagen se ve normal y legible cuando se mira en una pestaña nueva del navegador web o a resolución completa.
- El problema solo se presenta en el centro de ayuda.
Pasos de resolución
Aunque este problema normalmente se ve igual en todas las situaciones, puede haber algunas razones para que ocurra.
CSS está haciendo que la imagen cambie de tamaño
Las imágenes vienen en todos los tamaños, pero normalmente en un centro de ayuda, los límites están dictados por dónde se encuentren. Por ejemplo, la mayoría de los cuerpos de los artículos en el centro de ayuda tienen aproximadamente 700px de ancho. Si se agrega una imagen de 2000 px de ancho, es probable que la imagen se distorsione porque el navegador web tiene que hacer que esa imagen quepa dentro del cuerpo más estrecho del artículo.
Para remediar esto, ajuste el CSS para permitir una imagen más grande o guarde la imagen en una resolución mucho más cercana al tamaño de su ubicación relativa. En el ejemplo anterior, guardar la imagen en una resolución con un ancho de 700 px proporciona una representación más fiel de la imagen. Además, ajuste la altura al nuevo tamaño apropiado en su software de edición de fotos.
width
para dimensionarlas en los artículos (<img src="[image URL]" width="500px"/>
). Utilice un editor de imágenes para crear los archivos de color de 8 bits.Como alternativa, hay algunas propiedades CSS más experimentales, como los image-rendering
, que afectan la manera en que el navegador muestra las imágenes. CSS personalizado está fuera del alcance del soporte al cliente de Zendesk, pero es posible que tenga éxito al usar estas propiedades.
El nivel de zoom del navegador se establece en un valor superior al 100 %
Cuando se usa la herramienta de zoom en un navegador, si luego se navega a otro sitio web, esa configuración de zoom puede persistir y permanecer enfocada. Esto puede causar problemas en el aspecto de las imágenes, ya que el navegador está trabajando para decidir cómo se debe ver una imagen después de las consideraciones de CSS y también cómo se debe ver con una configuración de zoom diferente. Para restaurar el aspecto de la imagen, regrese al zoom del 100 % en el navegador.
Descargo de responsabilidad de la traducción: Este artículo ha sido traducido usando software de traducción automática para proporcionar una idea básica del contenido. Se han realizado esfuerzos razonables para proporcionar una traducción exacta, sin embargo, Zendesk no garantiza la exactitud de la traducción.
Si surge alguna pregunta relacionada con la exactitud de la información incluida en el artículo traducido, consulte la versión en inglés del artículo, que es la versión oficial.