Optimización de imágenes - Tutorial de React.js

En esta lección te voy a mostrar cómo cargar imágenes y optimizarlas automáticamente utilizando Gatsby. Acá yo estoy utilizando una imagen que es una imagen estática y simplemente estoy utilizando la etiqueta img. Te voy a mostrar el código que estoy trabajando acá. Vemos acá en la línea 16 cómo estoy invocando esta imagen. En el caso de esta imagen, la estoy cargando desde la carpeta public > IMG, ya que ya tengo algunas imágenes previamente listas. Para comenzar a trabajar, primero necesito mover estas imágenes a una nueva carpeta. Así que voy a venir a la carpeta src, voy a crear una carpeta images que ya tengo preparada y acá voy a incluir todas las imágenes que quiero utilizar para optimizar. En este caso, simplemente copié las imágenes que teníamos. Si vemos acá, esta imagen es la que muestra el bosque en el que vamos a trabajar. Perfecto. Ahora vamos a venir a esta página y vamos a copiar este img y vamos a copiar exactamente el mismo código y lo vamos a incluir en una nueva…