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 a la galería de archivos multimedia. 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. 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 la interfaz de 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 clic en el icono Insertar imagen () en la barra de herramientas del artículo. O bien, puede arrastrar y soltar una imagen en el artículo.
4. En la galería de archivos multimedia, elija las imágenes que desea cargar o haga clic en Cargar archivos multimedia si desea agregar una nueva imagen a la galería. O bien, puede arrastrar y soltar una imagen en la galería de archivos multimedia. 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 archivos multimedia, consulte Trabajar con imágenes en la galería de archivos multimedia.

   

5. Haga clic en Insertar archivo multimedia.

   Las imágenes seleccionadas aparecen en el artículo.

   Las imágenes se ajustan automáticamente al ancho del artículo. Es una buena idea redimensionar las imágenes que tengan más de 1600px de ancho antes de insertarlas, ya que el ajuste de tamaño automático 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 para asegurarse de que se muestren correctamente (consulte Optimizar las imágenes para el Web Widget más abajo).

6. Haga clic en Guardar.

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 archivos multimedia, elija las imágenes que desea cargar o haga clic en Cargar archivos multimedia si desea agregar una nueva imagen a la galería.
   O bien, puede arrastrar y soltar una imagen en la galería de archivos multimedia. 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 archivos multimedia, consulte Trabajar con imágenes en la galería de archivos multimedia.

   

5. Haga clic en Insertar archivo multimedia.

   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.

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.