Inserción de imágenes en artículos y bloques de contenido

Se pueden insertar imágenes en el cuerpo de los artículos de la base de conocimientos del centro de ayuda y los bloques de contenido. Cuando se insertan imágenes, se agregan como archivos adjuntos. Las imágenes grandes son redimensionadas automáticamente al ancho del artículo.

Este artículo contiene las siguientes secciones:

• Insertar imágenes en los artículos
• Insertar imágenes en los bloques de contenido
• Optimizar las imágenes del centro de ayuda para el Web Widget

Insertar imágenes en los artículos

Las imágenes se pueden insertar en los artículos usando el siguiente procedimiento. Asegúrese de insertar la imagen, en lugar de copiarla y pegarla de otra fuente, para evitar problemas con las imágenes. Como alternativa a insertar imágenes directamente en los artículos, las imágenes se pueden alojar en un servidor de archivos público e incluir un vínculo a las mismas.

Para insertar una imagen en un artículo

1. En el centro de ayuda o en el Administrador de Guide, cree un artículo nuevo o edite un artículo existente.
2. Coloque el cursor donde desea que aparezca la imagen.
3. Haga una de las siguientes cosas:
   • Arrastre y coloque la imagen en el cuerpo del artículo.
   • Haga clic en el botón Insertar imagen en la barra de herramientas, y luego haga clic en Cargar imágenes y selecciona la imagen.

     

   El tamaño máximo del archivo de imagen es 20 MB.

   Las imágenes se ajustan automáticamente al ancho del artículo, usando una función de compresión dentro de CSS. Es una buena idea redimensionar las imágenes que tengan más de 1600px de ancho antes de insertarlas, ya que la compresión podría hacer que la imagen aparezca distorsionada en el artículo publicado. También se recomienda redimensionar las imágenes manualmente si se está usando el Web Widget (consulte Optimizar imágenes para el Web Widget más abajo).

4. En el cuadro de diálogo que aparece, haga clic en Insertar.

   La imagen aparece en el artículo.

5. Haga clic en Guardar.

Si tiene un centro de ayuda cerrado que requiere que todos los usuarios inicien sesión, las imágenes de los artículos no se verán bien en las notificaciones por correo electrónico enviadas a los usuarios que siguen el centro de ayuda.

Insertar imágenes en los bloques de contenido (solo planes Enterprise)

Los bloques de contenido permiten crear contenido que se puede compartir entre varios artículos. Las imágenes se pueden insertar en los bloques de contenido de manera similar a cómo se incluyen en los artículos del centro de ayuda. Se pueden agregar hasta 50 imágenes por bloque de contenido.

Para insertar imágenes en los bloques de contenido

1. En el centro de ayuda o en la interfaz de Administrador de Guide, cree un nuevo bloque de contenido o edite un bloque de contenido existente.
2. En el bloque de contenido, coloque el cursor donde desea que aparezca la imagen.
3. Haga clic en el icono Agregar imagen () en la barra de herramientas del bloque de contenido.

   O bien, puede arrastrar y soltar una imagen en el bloque de contenido.

4. En la galería de imágenes, elija las imágenes que desea cargar o haga clic en Cargar imagen si desea agregar una nueva imagen a la galería.
   O bien, puede arrastrar y soltar una imagen en la galería de imágenes. El tamaño máximo del archivo de imagen es 20 MB.

   Nota: Para filtrar las imágenes que se muestran, puede hacer clic en las opciones del menú de la izquierda. Si desea más información sobre la galería de imágenes, consulte Cómo trabajar con la galería de imágenes para bloques de contenido.

   

5. Haga clic en Insertar imagen.

   Las imágenes seleccionadas aparecen en el bloque de contenido.

   Haga clic en la imagen para mostrar una barra de herramientas donde puede seleccionar opciones para ajuste de texto, alineación de imagen y tamaño de visualización de la imagen. También puede hacer clic en ALT en la barra de herramientas para escribir texto alternativo y mejorar la accesibilidad del artículo. Para cambiar manualmente el tamaño de la imagen, arrastre la esquina de la imagen.

   

6. Si se trata de un bloque de contenido nuevo, haga clic en Crear. Si está actualizando un bloque de contenido existente, haga clic en Actualizar.

Limitaciones para las imágenes en los bloques de contenido

Actualmente, se aplican las siguientes limitaciones cuando se agregan imágenes a los bloques de contenido:

• No es posible copiar y pegar imágenes entre los bloques de contenido y los artículos.
• Si se elimina el vínculo de un bloque de contenido (de modo que pase a ser parte del artículo), se eliminarán las imágenes. Se tendrán que volver a agregar.
• Si se copia de un artículo con una imagen para crear un bloque de contenido, la imagen no se agregará al bloque de contenido. La imagen se debe agregar manualmente.

Optimizar las imágenes del centro de ayuda para el Web Widget

Para asegurarse de que las imágenes en los artículos del centro de ayuda se muestren correctamente en el Web Widget de mensajería y el Web Widget (clásico), es importante que las imágenes se agreguen al artículo con el tamaño deseado.

Cuando se convierten los artículos del centro de ayuda para que puedan ser visualizados en los widgets, se eliminan los atributos de las imágenes del artículo en las etiquetas de HTML (excepto los atributos src y alt) y se ignoran las reglas de CSS personalizadas. Esto no es un problema para la mayoría de las imágenes. No obstante, si las imágenes originales son muy grandes, y se les ha cambiado el tamaño considerablemente en el HTML o en el CSS personalizado, es posible que se vean demasiado grandes.

Por ejemplo, supongamos que desea mostrar un icono en un artículo del centro de ayuda. La imagen original del icono es de 300 x 300 píxeles. Para poder mostrarla con un tamaño más razonable, el HTML se modifica agregando los atributos width=“6%” height=“6%”.

En el artículo del centro de ayuda, el icono es de 18 x 18 píxeles, un 6 % del tamaño real de la imagen. Cuando el artículo se procesa para ser usado en el widget, y se eliminan los atributos de ancho y alto, el icono regresa a su tamaño original y, aún después de que se reduce para poder usarse en el widget, resulta demasiado grande para un icono.

Con simplemente reducir la imagen original al tamaño deseado, en lugar de manipular el tamaño en el código, se evita este problema.