Incluir un archivo de imagen local en una presentación R

1. Incluir un archivo de imagen local en una presentación R
2. Conclusión

Este artículo nos enseñará cómo vincular a una imagen local en una presentación R. Además, también veremos cómo alinear y dimensionar la imagen.

Incluir un archivo de imagen local en una presentación R

Crearemos la presentación en R Studio. Esto nos ayudará a convertir fácilmente el archivo RMarkdown en una presentación R.

Necesitamos instalar el paquete rmarkdown si aún no está instalado. El comando para instalar el paquete es:

install.packages("rmarkdown")

RMarkdown nos permite crear presentaciones HTML en dos formatos: ioslides y slidy. La inserción de imágenes es idéntica en ambos formatos.

A partir de la versión v2022.07, R Studio también nos permite crear una presentación Quarto en formato Reveal JS. Esta también es una presentación HTML, y la inserción de imágenes es idéntica.

Enlace a un archivo de imagen local

Primero, coloque la imagen en la misma carpeta que el archivo Rmd de la presentación. Entonces, el código para vincular a la imagen es:

![Alt Text or Image Caption](Image_Filename.png)

Incluso si la carpeta con el archivo Rmd no es el directorio de trabajo de R, R Studio encuentra la imagen.

De forma predeterminada, RMarkdown incrusta imágenes en el archivo HTML renderizado utilizando URI datos:. Esto hace que el archivo HTML renderizado sea independiente.

Se puede compartir sin proporcionar los archivos de imagen por separado. Sin embargo, las presentaciones en cuarto no son independientes de forma predeterminada.

Presentación de muestra

El primer fragmento de código muestra una presentación de RMarkdown de muestra; se guardará como un archivo Rmd. Incluye el encabezado YAML para la presentación.

El segundo fragmento de código muestra un archivo CSS de muestra que solo se usa para alinear o cambiar el tamaño de la imagen. Este fragmento de código debe guardarse como un archivo CSS en la misma carpeta que el archivo Rmd; CSS tiene muchas otras posibilidades además de los estilos usados aquí.

La imagen de muestra que usaremos es la siguiente. Debe guardarse en la misma carpeta.

Cuando tejemos una presentación de RMarkdown, R Studio crea un archivo de presentación HTML autónomo con la imagen incrustada. Se puede compartir o usar en cualquier otra computadora con un navegador moderno.

Ejemplo de presentación de R Markdown:

---
title: "R HTML Presentation"
output:
  ioslides_presentation:
    css: RImage.css
---

## Slide with Centered Image

![Image Caption](RImage.png){.center}

<p style="text-align:center;">Centered Text</p>

## Slide with Left-aligned Image

![](RImage.png){.left}

## Slide with Right Aligned Image

![](RImage.png){.right}

## Slide with Right-aligned Small-sized Image

![](RImage.png){.small .right}

Ejemplo de archivo CSS:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.left {
  float:left;
}

.right {
  float:right;
}

.small {
  max-width: 25%;
}

Conclusión

La sintaxis para incluir una imagen en una presentación de R Markdown es muy sencilla. Usando CSS, podemos controlar el tamaño y la posición de la imagen en la diapositiva.