Imagen rota en apuntes colaborativos 2026: SOP de 5 pasos en 3 plataformas
La primera semana de curso, esa página de apuntes se me llenó de imágenes rotas
Empiezo con una anécdota vergonzosa.
El septiembre pasado, en la primera semana de curso, abrí un HackMD con tres compañeros que acababa de conocer para meter los puntos clave de la asignatura y fotos de la pizarra. Fui pegando capturas del móvil una a una, tan contento, y en mi pantalla se veía todo completo. Esa noche un compañero me escribió: «Oye, ¿por qué esa parte tuya son todo iconitos de imagen rota?».
Me quedé de piedra. ¡Si en mi lado se veía perfecto!
Luego abrí una ventana de incógnito, entré con otra cuenta y comprobé que era verdad: toda una fila de imágenes convertida en ese icono de «error al cargar». La sensación, sinceramente, fue de bajón. La primera colaboración con gente que apenas conocía y ya la lío. Me quería meter debajo de la mesa.
Tranqui, si te ha pasado lo mismo, este artículo es para ti. Esto no es difícil, es solo que nadie te avisó antes de que «las imágenes en apuntes colaborativos se ponen de dos maneras».
Primero entiende una cosa: las imágenes se «suben» o se «enlazan»
Esta es la raíz de todos los problemas de imagen rota, hay que entenderla sí o sí.
Dicho fácil, al poner una imagen en apuntes colaborativos solo hay dos caminos:
El primero se llama subir. El archivo de imagen se copia y se guarda en el servidor de la propia plataforma de apuntes. Imagínatelo como revelar la foto y pegarla en un cuaderno físico: la foto queda pegada al cuaderno, se lo pases a quien se lo pases, la imagen va con él.
El segundo se llama enlazar (o «insertar enlace»). Lo que hay en los apuntes no es la imagen, sino una «dirección» que apunta a dónde está la imagen guardada en otro sitio. Imagínatelo como escribir en el cuaderno solo una línea: «la foto está en el tercer cajón de casa». Tú vuelves a casa y abres el cajón, pero los demás se quedan cerrados fuera de la puerta.
¿Lo pillas? Mi imagen rota de aquella vez fue el segundo caso. La captura que pegué venía de un sitio donde solo yo tenía permiso, y el navegador de mis compañeros ni siquiera podía acceder a ese «cajón».
La primera vez parece que estas dos cosas dan casi igual, total, la imagen aparece. La diferencia solo se revela cuando cambias de persona, de ordenador o de cuenta, y la esencia de los apuntes colaborativos es que mucha gente los mira a la vez, así que en esta trampa cae casi todo el mundo.
Otra comparación y lo pillas: subir es como imprimir el material y meterlo en una carpeta compartida por todos; enlazar es pegar en la carpeta un pósit que dice «el archivo está en mi cajón privado». Lo primero lo coge cualquiera que abra la carpeta; lo segundo solo lo abre quien tenga la llave del cajón. Los apuntes colaborativos son un grupo hojeando la misma carpeta: dime, ¿cuál es más seguro? Quédate con esa imagen, porque las reglas de las tres plataformas de abajo son solo variaciones de ella.
HackMD:  va genial, pero tiene dos trampas ocultas
HackMD es la primera opción para apuntes colaborativos en muchos grados de informática e ingeniería, porque su sincronización en tiempo real es rapidísima: los compañeros ven las letras incluso antes de que pulses Enter. Usa sintaxis Markdown.
La forma más ortodoxa de poner imágenes es con la subida integrada de HackMD. Hay tres maneras:
- Arrastra el archivo directamente al área de edición.
- Pulsa el iconito de imagen en la barra de herramientas y elige el archivo.
- Copia la imagen y pégala con Ctrl+V / Cmd+V.
Las tres generan automáticamente una sintaxis  y suben la imagen a HackMD. Así, tus compañeros suelen verla.
Pero aquí está la primera trampa: la versión gratuita solo sube 1 MB por imagen. Hoy una captura de móvil al vuelo pesa 2 o 3 MB, así que descubrirás que algunas suben y otras no; la que se pasa falla en silencio. La versión de pago Prime lo amplía a 20 MB. Así que antes de un apunte colaborativo de curso, coge la costumbre de «comprimir antes de pegar».
Lo he contado de verdad: una captura de pantalla completa del iPhone al vuelo pesa unos 2,4 MB, y una captura de juego o de página larga se dispara por encima de 4 MB. Pegadas directamente en la versión gratuita de HackMD, de cada diez unas tres o cuatro fallan en silencio, y lo importante es que en ese momento no salta ningún aviso de error: la pantalla simplemente se queda con menos imágenes, y es muy fácil que entregues todo el apunte y lo descubras después. Por eso «comprimir antes de pegar» no es ser tiquismiquis, es que te va a salvar de verdad. Como herramienta gratis, Squoosh (squoosh.app) sirve de sobra: baja cada imagen por debajo de 1 MB antes de pegar y HackMD la traga.
La segunda trampa es más sibilina, una regla que mucha gente desconoce: el permiso de una imagen en HackMD sigue al de la nota original donde la subiste.
¿Qué significa? Supón que en la «nota A» pegas una imagen, copias su URL y la pegas para compartir en la «nota B». En cuanto un día borres la «nota A», o pongas su permiso de lectura en «solo yo la veo», esa imagen de la «nota B» muere con ella y se convierte en imagen rota.
Así que en un apunte colaborativo en HackMD, lo más seguro es: sube la imagen directamente a este mismo apunte compartido, no copies el enlace desde otra nota privada. Recuerda esta regla y la probabilidad de imagen rota baja a la mitad.
Notion: el mismo «pegar» puede ser subir o enlazar
Notion no requiere aprender sintaxis, tiene una interfaz bonita y mucha gente la usa para la página de organización de un trabajo en grupo. Pero su lógica de imágenes despista más al novato.
Al poner una imagen en Notion verás dos opciones:
- Upload (subir): eliges el archivo del ordenador o arrastras la imagen a la página. Se guarda en la nube de Notion, lo más estable.
- Embed link (insertar enlace): pegas una URL de imagen.
Aquí está la clave: la esencia de Embed link es enlazar. Notion solo va «en tiempo real a esa URL a por la imagen para mostrarla». En cuanto en el origen borren la imagen o cierren el permiso, tu página de Notion muestra un frío Failed to Load.
Yo al principio tampoco lo entendía: por qué a veces pegar imágenes iba muy estable y otras se caía a los pocos días. Luego resultó ser sencillo: la diferencia estaba en si había pulsado Upload o Embed.
Otro malentendido común que te aclaro: la versión gratuita de Notion ya no tiene límite de tamaño por archivo subido (antes había un tope de 5 MB, luego lo quitaron). Así que en Notion, si puedes hacer Upload directo, hazlo, no vayas por comodidad a pegar un enlace externo de origen dudoso.
Un detalle que el novato pasa por alto: tras pegar con Embed, para confirmar si aguanta, lo más rápido es compartir la página como enlace público y abrirla desde el móvil con un navegador sin sesión iniciada. Si una sola imagen se convierte en Failed to Load, es que es un enlace externo y el día que el origen se caiga, se romperá. Un minuto de prueba antes te ahorra la cara verde en clase el día de la presentación, ¿a que sí?
Google Docs: insertar imagen no da problema, el enlace de Drive es la mina
El grueso de los trabajos en grupo sigue siendo Google Docs, porque tiene la barrera más baja: toda la clase lo usa.
La buena noticia es que en Google Docs «Insertar → Imagen → Subir del ordenador» es muy seguro. La imagen se guarda dentro del documento, se comparta con quien se comparta se ve, y casi nunca se rompe. De eso no hay que preocuparse.
La mina de verdad es otra entrada: «Insertar → Imagen → Por URL». Aquí hay una regla oficial explícita: la URL que pegues no puede ser un enlace de drive.google.com. Es decir, no puedes usar el enlace compartido de una imagen de tu propio Google Drive como origen; el sistema directamente no lo acepta.
Y peor: enlazar imágenes de Drive se puso todavía más feo a nivel general. Según los muchos reportes de principios de 2024, desde entonces Google, por el ajuste de su política de cookies de terceros, dejó fuera de servicio en masa muchas webs y documentos que enlazaban imágenes «con enlace de Drive». Tú en tu cuenta las ves, pero cambia de persona o de entorno y es un espacio en blanco. No es que lo hayas configurado mal: Google estrechó ese camino a propósito.
Resumido en una frase: los enlaces compartidos de la nube personal (Google Drive, Dropbox y similares) no están hechos por naturaleza para el «enlace directo de imagen»; usados para pegar en apuntes fallan casi seguro.
Cómo pega imágenes cada plataforma, en una tabla
Reuní lo anterior en una tabla; échale un ojo antes de empezar el apunte:
| Plataforma | Forma más estable de poner imagen | Forma que rompe la imagen | Límite de la versión gratuita |
|---|---|---|---|
| HackMD | Subir directo a este apunte compartido | Copiar enlace de imagen de otra nota privada | 1 MB por imagen |
| Notion | Pulsar Upload y subir el archivo | Usar Embed link con URL externa | Sin límite de tamaño por archivo |
| Google Docs | Insertar → Subir imagen del ordenador | Insertar → Por URL con enlace de Drive | Integrado, va con el documento |
¿Ves el punto en común? La «solución segura» de las tres plataformas es la misma frase: que el archivo de imagen entre dentro del apunte, no meter una dirección externa.
Por qué «usar el enlace de la nube» falla seguro
Aquí explico una capa más de la mecánica, porque si la entiendes ya no vuelves a pisarla.
La nube personal (Google Drive, iCloud, Dropbox) se diseñó para archivo privado + compartición con permiso, no para que una web «enlace imágenes directas». Sus enlaces compartidos suelen tener por detrás tres barreras:
- Comprobación de permiso: ¿la otra persona está autorizada? Si no, bloqueo.
- Verificación de sesión: muchos enlaces compartidos comprueban en secreto si has iniciado sesión en Google/Dropbox.
- Antihotlink (comprobación de Referer): el servidor mira «desde qué web viene esta petición de imagen» y, si no es la suya, rechaza.
La plataforma de apuntes, al renderizar la imagen para los demás compañeros, va a llamar a ese enlace con identidad de «visitante desconocido». Si cualquiera de estas tres barreras se cierra, la imagen no sale. Y tú, como ya has iniciado sesión y ya tienes permiso, nunca detectas el problema: por eso «en mi lado se ve perfecto» acaba en escena de meme.
La más contraintuitiva es la tercera, el antihotlink; yo la primera vez tampoco me enteraba. Imagínatela como el comedor de una empresa: el guardia de la puerta solo reconoce la tarjeta de empleado; alguien de fuera entra con el mismo menú y lo paran igual. La plataforma de apuntes, al coger la imagen para los compañeros, no lleva esa «tarjeta de empleado» y se queda fuera. Entendida esta capa, ya ves por qué la imagen rota siempre sale en el lado de los demás y nunca en tu propio ordenador.
Con toda franqueza, no es que la configuración de nadie sea tonta: es la herramienta usada en el escenario equivocado. Para que una imagen se vea de forma estable en cualquier persona y dispositivo, lo que necesitas es un servicio dedicado a «ofrecer enlace directo público», el llamado alojamiento de imágenes.
Paso a paso: el SOP para que las imágenes del apunte no se rompan nunca
Te dejo un flujo que si lo sigues no falla, imprescindible para novatos:
- Antes de abrir el apunte, ten claro: ¿esta nota la va a ver otra gente? Si sí, no puedes pegar imágenes con enlaces de la nube personal.
- Si puedes subir, sube: HackMD arrastrar / Notion pulsar Upload / Google Docs insertar imagen del ordenador. Prioriza este camino.
- Si la imagen es grande, comprime antes: las capturas del móvil suelen pesar 2-3 MB; con Squoosh (squoosh.app) o similar bájala por debajo de 1 MB y HackMD la traga.
- Cuando necesites «una imagen en varios sitios», usa un alojamiento: si la misma imagen va a la vez al apunte, a Discord y a las diapositivas, súbela a un alojamiento con enlace directo estable y copia esa URL para pegarla por todas partes de una vez.
- Antes de publicar, autotest en incógnito sí o sí: abre una pestaña de incógnito, sin sesión, y mira si salen todas las imágenes. Este paso te lleva 30 segundos y le salva la cara a todo el grupo.
El punto 5 es el más importante. Solo con este paso, ya no vuelves a recibir el mensaje «¿por qué esa página tuya son todo imágenes rotas?». Tranqui, aquel yo de entonces también se salvó gracias a él. ¿Ves? No era tan difícil.
Cuando necesitas enlace directo estable, el alojamiento es lo más cómodo
Si tu imagen se reutiliza entre plataformas (apunte + grupo + diapositivas), en lugar de subirla por separado en cada una, súbela una vez, coge un enlace directo estable y pégalo por todas partes. Ese es justo el sentido de un alojamiento de imágenes.
Con lpic.cc de ejemplo: sin registro puedes subir gratis y te da una URL directa que pegas en  de HackMD, en el Embed de Notion o en cualquier Markdown, servida por CDN, con velocidad estable en cualquier persona y dispositivo. Tiene además funciones útiles para apuntes: protección con contraseña (esa foto de pizarra sensible que no quieres que curioseen), enlaces de un solo uso (caducan tras verse) e incluso admite vídeo, no solo imágenes.
Por supuesto, hay que decir los límites con honestidad: los archivos gratuitos de lpic.cc tienen un tope de días de conservación (actualmente 30 días) y un límite de tamaño por archivo, y es un servicio gratuito sostenido con publicidad. Así que encaja en «apuntes de un cuatrimestre, compartición puntual»; si es material que quieres archivar para siempre y desenterrar dentro de diez años, haz una copia a largo plazo aparte, no dejes la única copia aquí.
Preguntas frecuentes (FAQ)
P1: ¿Por qué yo veo la imagen y mis compañeros la ven rota?
El 90% de las veces es porque usaste «enlazar» en lugar de «subir», y ese origen del enlace (normalmente tu nube personal o una nota privada) solo tiene permiso para ti. El navegador de tus compañeros va a por la imagen como visitante desconocido, el permiso lo bloquea y sale imagen rota. Solución: usa el «subir» integrado de la plataforma, o un alojamiento con enlace directo público.
P2: HackMD me dice sin parar que la subida de imagen ha fallado, ¿qué hago?
Primero mira el tamaño. La versión gratuita tiene un tope de 1 MB por imagen y las capturas del móvil lo superan fácil. Comprime con Squoosh, TinyPNG o similar antes de pegar. Además confirma que estás «subiendo» a este apunte y no copiando el enlace desde otra nota privada.
P3: ¿Puedo pegar directo en el apunte el enlace de imagen de mi Google Drive?
Muy desaconsejado. Google Docs no acepta URLs de imagen de drive.google.com; y enlazar imágenes de Drive en otras plataformas, tras 2024, falla en masa por el ajuste de cookies de Google. Los enlaces compartidos de la nube personal no están hechos para el «enlace directo de imagen» y se rompen.
P4: ¿En qué se diferencian exactamente Upload y Embed en Notion?
Upload guarda el archivo de imagen en la propia nube de Notion, lo más estable: aunque borren el origen no afecta. Embed va en tiempo real a una URL externa a por la imagen; si borran el origen o cierran el permiso, muestra Failed to Load. Si puedes Upload, Upload.
P5: Una imagen para apunte, Discord y presentación a la vez, ¿lo más cómodo?
Súbela a un alojamiento con enlace directo estable (por ejemplo lpic.cc, sin registro) y coge una URL para pegarla por todas partes. Así solo mantienes un origen, cualquier plataforma ve la misma imagen y no la resubes en cada sitio.
Referencias
- How to upload image - documentación oficial de HackMD (fecha de acceso 2026-07) — tres formas de subir, límites de 1 MB / 20 MB, reglas de borrado y permisos
- Images, files & media – Centro de ayuda de Notion (fecha de acceso 2026-07) — diferencia entre subir y enlazar en Notion
- Función IMAGE / insertar imagen - Ayuda del editor de Documentos de Google (fecha de acceso 2026-07) — límites de insertar imagen por URL en Google Docs
- Solución a las imágenes enlazadas de Google Drive que no se muestran - WFU BLOG (fecha de acceso 2026-07) — fallo masivo de imágenes enlazadas de Drive y política de cookies de terceros a inicios de 2024
- HackMD, herramienta de apuntes Markdown colaborativa - iT邦幫忙 (fecha de acceso 2026-07) — sincronización en tiempo real de HackMD y escenarios de uso