Las imágenes de un Centro de ayuda aparecen borradas o distorsionadas

Síntomas del problema

Las imágenes dentro de un artículo o publicación Comunidad aparecen mucho menos legibles que el original. Si se trata de una captura de pantalla de una aplicación, tal vez el texto no sea legible o si es una foto, la claridad es menor que ideal.

Condiciones

• La imagen se ve bien/readable al ver la imagen en una nueva pestaña del navegador web o en resolución completa
• El problema solo se presenta en el Centro de ayuda

Resolución

Aunque este problema suele ser el mismo en todas las situaciones, puede haber algunas razones para que se produzcan. Este artículo se incluye brevemente cada opción aquí para tratar de señalarle en la dirección correcta.

CSS está causando que la imagen se vuelva a hacer

Las imágenes vienen de todos los tamaños, pero normalmente en un Centro de ayuda los límites son dictados por dónde se encuentran. Por ejemplo, la mayoría de los órganos de artículos del Centro de ayuda son de cerca de 700px de ancho. Si se agrega una imagen que es de 2000 px de ancho, la imagen es probable que se distorsione porque el navegador web tiene que hacer que esa imagen sea apropiada en el cuerpo de artículos más estrecho.

Para remediar esto, se puede ajustar el CSS para permitir una imagen más grande o la imagen se puede guardar en una resolución mucho más cerca del tamaño de su ubicación relativa. En el ejemplo anterior, si se guarda la imagen de una resolución con un ancho de 700 px, se puede dar una representación mucho más real de la imagen y se puede controlar la calidad/aparición en el software de edición de fotos.

Sugerencia:<img src="[image URL]" width="500px"/> algunos de nuestros equipos internos encontraron éxito al comprimir la imagen a un color de 8 bits para las descargas más rápidas (no volver a restituir las dimensiones de la imagen) y luego usar el widthatributo para adaptarlas a los artículos (). La creación de archivos de color de 8 bits se puede terminado en un editor de imágenes o algunas herramientas Conectado en Internet.

Como alternativa, hay algunas propiedades CSS más experimentales como image-renderinglas que afectarán cómo el navegador muestra las imágenes. No deje de hacer ninguna investigación activado en esos valores si cree que podría ser algo más apropiado para su situación.

El nivel de zoom del navegador se conjunto con algo distinto del 100 %

Todos hemos visto las páginas web que son muy difíciles de leer, así que tenemos que zoomizar. Luego vamos a otro sitio web y se mantiene el zoom. Esto puede causar estragos activado en cómo las imágenes están funcionando para decidir cómo una imagen debe mirar a la vez después de las consideraciones CSS (como arriba) y cómo se debe ver con una configuración de zoom diferente. Volver al 100% debería darle una mirada a la imagen que es "truer" a su Aspecto normal.

Limitación de responsabilidad respecto a la traducción: El presente artículo se ha traducido para su comodidad mediante un programa de software de traducción automática de un tercero. Si bien se ha hecho todo lo posible para ofrecer una traducción exacta, ninguna traducción automática es perfecta ni tiene la finalidad de sustituir a los traductores humanos.

El texto oficial es la versión inglesa del artículo. En caso de que surjan preguntas relacionadas con la exactitud de la información contenida en el artículo traducido, consulte la versión inglesa del artículo, ya que esta es la versión oficial.