Cómo insertar una imagen en Moodle (y que no salga gigante ni borrosa)

En esta guía ▾

1. Antes de subir: prepara la imagen en tu computadora
2. Cómo insertar la imagen paso a paso
3. Texto alternativo e imágenes decorativas
4. Cómo cambiar el tamaño o la posición de una imagen ya insertada
5. La imagen del curso (la que sale en «Mis cursos»)
6. Problemas comunes
7. Imágenes en cuestionarios, tareas y foros
8. Preguntas frecuentes

Para insertar una imagen en Moodle abre el editor de texto (una página, una etiqueta, un foro o la descripción de una tarea), pulsa el botón Imagen, sube el archivo y escribe una descripción breve. Para que no salga gigante, elige Personalizar tamaño y pon un ancho de 600 a 900 píxeles. Para que no salga borrosa, sube una imagen con al menos ese ancho y nunca la estires por encima de su tamaño real.

Esta guía está hecha para Moodle 4.5, que usa el editor TinyMCE. En 5.x el procedimiento es el mismo.

Antes de subir: prepara la imagen en tu computadora

La mayoría de problemas con imágenes en Moodle no se arreglan en Moodle sino antes, en el archivo. Moodle guarda la imagen tal cual la subes: no la achica ni la comprime. Si subes una foto de celular de 4,000 píxeles y 5 MB, cada alumno que abra la página descarga esos 5 MB, aunque tú la muestres pequeña.

Revisa tres cosas antes de subir:

Para reducirla no necesitas programas de pago. En Windows, abre la imagen con Fotos, usa Cambiar tamaño y guarda una copia. En Mac, la app Vista Previa tiene Herramientas → Ajustar tamaño. Un ejemplo real: la foto de una práctica de laboratorio tomada con el celular pasa de 4,032 píxeles y 4.8 MB a 1,200 píxeles y unos 250 KB, y en pantalla se ve igual.

Una advertencia con las capturas que te pasan por WhatsApp: llegan comprimidas y con poca resolución. Si un esquema se ve borroso, pide el archivo original o haz la captura tú mismo.

Cómo insertar la imagen paso a paso

1. Entra al curso y activa el Modo de edición (interruptor arriba a la derecha).
2. Abre el lugar donde irá la imagen: por ejemplo, edita una Página o crea un Área de texto y medios con Añadir una actividad o un recurso.
3. En el editor, coloca el cursor donde quieres la imagen.
4. Pulsa el botón Imagen de la barra de herramientas (el ícono de un paisaje). También está en el menú Insertar → Imagen.
5. Sube el archivo. Puedes arrastrarlo desde tu carpeta al recuadro, usar Explorar repositorios para elegirlo de tus archivos o pegar la dirección web de una imagen que ya esté en internet.
6. En la pantalla de detalles, escribe la descripción en el campo para quien no puede ver la imagen. Por ejemplo: «Esquema del ciclo del agua con evaporación, condensación y precipitación».
7. En Tamaño, elige Personalizar tamaño, deja marcado Mantener proporción y escribe el ancho: 800 si va sola en la línea, 400 a 500 si va al costado del texto.
8. Pulsa Guardar en la ventana de la imagen y luego Guardar cambios y mostrar en la página.

Si todo salió bien, verás la imagen en su sitio, con un ancho que no supera el del texto, y al achicar la ventana del navegador la imagen se adapta sin salirse de la pantalla.

La forma más rápida es arrastrar la imagen directamente desde tu carpeta al cuadro del editor: TinyMCE la sube sola. Después haz clic sobre ella y pulsa otra vez el botón Imagen para ajustar la descripción y el tamaño.

Con miaula.pe En las aulas de miaula.pe puedes probar el editor con tus propias imágenes en el aula demo antes de armar tu curso, y si una imagen no carga, soporte revisa contigo el límite de subida de tu aula.

Texto alternativo e imágenes decorativas

Moodle te pide describir cada imagen. Esa descripción la lee en voz alta el lector de pantalla de un alumno con discapacidad visual, y también aparece si la imagen no carga por una conexión lenta. No es un trámite: es parte de que tu curso sea accesible.

• Imagen con información (un gráfico, un mapa, una fórmula): describe lo que el alumno necesita saber. «Gráfico de barras: la producción de café en Cajamarca subió de 2020 a 2024».
• Imagen de adorno (una franja de colores, un ícono que repite el título): marca Esta imagen es solo decorativa. Así el lector de pantalla la salta.

Evita descripciones como «imagen1» o «foto». Si la imagen tiene texto importante, como un horario o una tabla, es mejor escribir ese texto en la página: el alumno podrá copiarlo, buscarlo y leerlo en el celular sin hacer zoom.

Cómo cambiar el tamaño o la posición de una imagen ya insertada

1. Activa el Modo de edición y abre el recurso o actividad.
2. Haz clic sobre la imagen. Aparece una pequeña barra con el botón Imagen.
3. Pulsa ese botón para volver a la pantalla de detalles y cambia el ancho.
4. Para centrarla, selecciónala y usa los botones de alineación de la barra del editor (Centrar). Para que el texto la rodee, alinéala a la izquierda o a la derecha.
5. Guarda.

No arrastres las esquinas de la imagen con el mouse para agrandarla más allá de su tamaño original. Si la imagen mide 400 píxeles y la estiras a 900, el navegador inventa los píxeles que faltan y la imagen se ve borrosa. Si necesitas una más grande, sube una versión de mayor resolución.

La imagen del curso (la que sale en «Mis cursos»)

La imagen que aparece en la tarjeta del curso no se pone con el editor. Se configura así:

1. Entra al curso y abre Configuración.
2. En la sección Descripción, busca el campo Imagen del curso.
3. Arrastra la imagen al recuadro o usa el botón para elegir el archivo.
4. Pulsa Guardar cambios y mostrar.

Las tarjetas son horizontales, así que conviene una imagen apaisada, por ejemplo de 1,200 × 600 píxeles. Deja el centro de la imagen libre de texto importante, porque según el tamaño de la pantalla los bordes pueden recortarse. Si ese campo no aparece, el administrador del aula no te dio permiso para cambiarlo.

Problemas comunes

Un caso frecuente en los foros: el alumno copia una imagen de Google Docs y la pega en su respuesta. A veces se pega solo un enlace temporal que deja de funcionar al día siguiente. Lo seguro es guardar la imagen como archivo y subirla con el botón Imagen.

Imágenes en cuestionarios, tareas y foros

El mismo editor está en el enunciado de las preguntas, en la descripción de las tareas y en los mensajes del foro, así que los pasos son iguales. Dos recomendaciones:

• En los cuestionarios, usa imágenes de 500 a 700 píxeles de ancho. Muchos alumnos rinden el simulacro desde el celular y una imagen grande obliga a desplazarse de lado.
• En las tareas, si pides que los alumnos entreguen fotos de su cuaderno, es mejor que las suban como archivo en la entrega y no dentro del texto en línea. Así las puedes descargar todas juntas.

Para conocer el resto de botones del editor (tablas, enlaces, video) revisa la guía del editor de texto de Moodle. Si quieres armar una lectura con varias imágenes en la misma pantalla, la Página de Moodle suele funcionar mejor que un PDF. La documentación oficial del editor está en docs.moodle.org: TinyMCE editor.

Preguntas frecuentes

¿Cómo subo una foto al aula virtual desde el celular?

Abre el editor de la actividad o del foro, toca el botón Imagen y luego Explorar repositorios o Subir. El celular te deja elegir una foto de la galería o tomarla con la cámara. Si la foto pesa mucho, la carga puede tardar con datos móviles.

¿Por qué la imagen se ve enorme en mi curso?

Porque se insertó con su tamaño original, que en una foto de celular suele pasar de 3,000 píxeles de ancho. Edita la imagen, elige Tamaño personalizado y pon un ancho de 600 a 900 píxeles con Mantener proporción marcado.

¿Es obligatorio el texto alternativo?

Moodle te pide describir la imagen para las personas que usan lectores de pantalla. Si la imagen es solo de adorno, marca Esta imagen es solo decorativa y no hace falta escribir nada.

¿Moodle reduce el peso de las imágenes solo?

No. Moodle guarda el archivo tal como lo subes. Si subes una foto de 6 MB, el alumno descarga 6 MB aunque la veas pequeña en pantalla. Redúcela antes de subirla.

¿Dónde pongo la imagen que sale en la tarjeta del curso?

En la Configuración del curso, sección Descripción, campo Imagen del curso. Esa imagen aparece en Mis cursos y en el listado de cursos.