Skip to content
Volver al blog
Tutoriales

¿Qué es Lorem Ipsum? Significado, origen y uso del texto de relleno

Todo sobre Lorem Ipsum: qué significa este falso latín, de dónde viene, por qué los diseñadores usan texto de relleno, cómo generarlo en cualquier parte y cuándo evitarlo. Generador gratis.

12 min de lectura

Entonces, ¿qué es el Lorem Ipsum? Es un bloque de falso latín deliberadamente sin sentido y revuelto que los diseñadores meten en una maqueta antes de que existan las palabras reales. La idea es rellenar el espacio con texto que parezca texto, para que quienes lo revisan juzguen la tipografía, el espaciado y la estructura en lugar de ponerse a leer y editar el contenido. No dice nada en particular, que es justo lo que se busca. ¿Necesitas un bloque ahora mismo? El Generador de Lorem Ipsum lo produce en tu navegador con un solo clic.

Pero “qué es” es apenas el comienzo. Esta guía cubre de dónde viene realmente el texto (un pasaje de Cicerón del año 45 a. C.), por qué funciona mejor que escribir “asdf asdf”, cómo generarlo en casi cualquier parte (tu editor de código, Word, una biblioteca faker, Figma, incluso CSS puro), cuáles son las alternativas y la trampa que pocos artículos mencionan: el Lorem Ipsum deja de servirte en cuanto tu maqueta tiene que manejar un idioma que no sea de Europa Occidental.

¿Qué es el Lorem Ipsum?

El Lorem Ipsum es texto de relleno: palabras revueltas, sin sentido y parecidas al latín que se usan para llenar un diseño antes de que se escriba el contenido real. No es la jerigonza que escribirías para llenar una caja. Tiene una forma deliberada y de aspecto natural (longitudes de palabra variadas, oraciones de distinto largo, alguna que otra coma) de modo que un párrafo se ajusta, se divide con guiones y compone tipografía muy parecida a la de la prosa genuina. En eso reside su valor: el ojo ve un bloque de texto creíble y evalúa la maqueta, no el mensaje.

La línea que todo el mundo reconoce es el arranque canónico: Lorem ipsum dolor sit amet, consectetur adipiscing elit. La gente supone que es latín de verdad. No lo es, no del todo. La primera palabra lo delata: no existe la palabra latina lorem. Es la parte final de dolorem, que significa “dolor”, con la sílaba inicial cortada. Así que la primera palabra de este relleno es un fragmento de una palabra más larga sobre el sufrimiento. Ahí está el significado de lorem ipsum: latín corrompido, roto a propósito para que nadie lo confunda con contenido.

Esa rotura intencional importa. Si el relleno se leyera como un idioma real y coherente, quienes revisan empezarían a leerlo, luego a editarlo, y la revisión del diseño se convertiría en una revisión del texto. El Lorem Ipsum se ubica en un punto justo muy útil: lo bastante estructurado para comportarse como prosa en la página, lo bastante sin sentido para que nadie sienta la tentación de leerlo de verdad.

¿De dónde viene el Lorem Ipsum?

La historia del origen del lorem ipsum es más específica de lo que parece, y la versión corta que circula por la web (“es solo latín al azar”) es errónea. El texto procede de una fuente clásica concreta, luego fue alterado y después cabalgó dos olas de tecnología de diseño hasta volverse omnipresente.

De Finibus de Cicerón (45 a. C.)

La fuente es De Finibus Bonorum et Malorum —“Sobre los fines de los bienes y los males”—, una obra de filosofía moral que Cicerón escribió en el año 45 a. C. Las secciones 1.10.32 y 1.10.33 tratan sobre el placer y el dolor, y un pasaje comienza Neque porro quisquam est qui dolorem ipsum quia dolor sit amet… (“Ni hay nadie que ame el dolor mismo por ser dolor…”). Recorta dolorem hasta dejarlo en lorem, revuelve las palabras que siguen, quita algunas, añade otras y llegas al relleno que conocemos. El famoso arranque es una corrupción de una frase real sobre por qué nadie busca el dolor por sí mismo.

Así que el Lorem Ipsum no es un sinsentido inventado. Es un texto filosófico de 2.000 años de antigüedad con su significado extirpado quirúrgicamente.

Letraset y los años 60

Los pasajes en latín no se convierten en un estándar de la industria del diseño por sí solos. El salto ocurrió en los años 60 gracias a Letraset, una empresa que fabricaba láminas de letras de transferencia en seco: el lettering de frotar que usaban los diseñadores gráficos antes de la tipografía digital. Letraset imprimió pasajes de Lorem Ipsum en sus láminas y en sus muestrarios, lo que puso una provisión lista de relleno neutro en manos de los diseñadores que trabajaban. Se convirtió en el texto al que recurrías cuando necesitabas palabras que aún no eran palabras.

PageMaker y la autoedición (años 80)

La segunda ola fue el software. En los años 80, Aldus lanzó PageMaker, la aplicación que prácticamente creó la autoedición, e incluyó el Lorem Ipsum como texto de muestra integrado. Eso trasladó el relleno de las láminas de muestra impresas a la pantalla y al flujo de trabajo por defecto de cualquiera que maquetara una página en una computadora. De ahí se extendió a todas las aplicaciones de maquetación, todas las plantillas de sitios web y todas las herramientas de diseño modernas. Hoy InDesign, Figma y los demás pueden soltar Lorem Ipsum en un marco con un solo comando, y la cadena se remonta a un romano hablando del dolor.

Por qué los diseñadores y desarrolladores usan texto de relleno

El texto de relleno se reduce a una idea: separar el problema del diseño del problema del contenido para poder resolverlos de a uno por vez. Cuando estás decidiendo el ancho de columna, la longitud de línea, el interlineado y el punto donde el texto de una tarjeta salta a una tercera línea, el contenido real es una distracción. Alguien lee el titular, no está de acuerdo con la redacción, y ahora estás debatiendo una frase en lugar de la retícula.

Entonces, ¿por qué los diseñadores usan Lorem Ipsum en concreto, y no cualquier relleno? Porque su forma estadística importa. Las palabras tienen una distribución realista de longitudes, y las oraciones varían como varían las oraciones reales. Eso significa que un párrafo de Lorem Ipsum se reparte entre líneas, se divide con guiones y se apila hasta una cantidad realista de renglones. La maqueta que apruebas con Lorem dentro es muy parecida a la que obtendrás con texto real de la misma longitud.

Compáralo con las alternativas perezosas. Escribe text text text text y cada palabra tiene la misma longitud, así que los saltos de línea caen en un patrón uniforme y falso que esconde cómo fluirá el texto real. Aporrea asdfasdf jkl;jkl; y obtienes formas de letras antinaturales y ningún límite entre palabras. Ambos tergiversan justo aquello que intentas evaluar. El Lorem Ipsum parece un idioma sin ser un idioma, que es la propiedad que buscas.

También hay un beneficio social. El Lorem Ipsum es una señal reconocida. Cuando un cliente o un compañero ve Lorem ipsum dolor sit amet, lo interpreta como “esto es relleno intencional, el texto real ya viene en camino”, y no entra en pánico pensando que la página está rota ni se pone a corregir latín revuelto. Ese entendimiento compartido vale mucho en una revisión.

Cómo generar Lorem Ipsum en cualquier parte

La mayoría de los artículos sobre el tema se quedan en “pégalo desde una web”. Eso subestima la cantidad de lugares donde cómo generar Lorem Ipsum realmente aplica. Aquí tienes el kit completo, desde una pestaña del navegador hasta un script de build.

Generador en línea

El camino más rápido y con más control es una herramienta web dedicada. El Generador de Lorem Ipsum abre con tres párrafos ya en la caja, así que puedes copiar relleno en el momento en que carga la página. A partir de ahí eliges una unidad (párrafos, oraciones, palabras, elementos de lista o una cantidad exacta de bytes), fijas la cantidad y eliges el formato de salida: texto plano, HTML con envoltorio <p> y <ul><li>, Markdown o un arreglo JSON. La unidad de bytes es la más útil: llena exactamente 280 bytes para un campo de tuit o 255 para una columna varchar(255), recortado al último carácter.

En tu editor: VS Code y Emmet

Si escribes HTML, ya tienes un generador integrado. Emmet —incluido con VS Code y disponible en la mayoría de los editores— expande la abreviatura lorem en relleno cuando presionas Tab dentro de un archivo HTML. Añade un número para controlar la cantidad de palabras:

lorem
<!-- se expande a ~30 palabras de Lorem Ipsum -->

lorem30
<!-- exactamente 30 palabras -->

p*3>lorem20
<!-- tres elementos <p>, cada uno con 20 palabras de Lorem Ipsum -->

Ese último es el truco que vale la pena recordar: combina lorem con la multiplicación y el anidamiento de Emmet y generas relleno completamente etiquetado sin soltar el teclado. Los IDE de JetBrains (WebStorm, IntelliJ) traen el mismo soporte de Emmet, así que las abreviaturas también funcionan allí.

En Microsoft Word

Word tiene un generador oculto que es anterior a la web. Escribe esto en una línea en blanco y presiona Enter:

=lorem()

Eso inserta varios párrafos de Lorem Ipsum. Puedes controlar la cantidad con dos argumentos: párrafos y oraciones por párrafo:

=lorem(3,5)

Eso produce 3 párrafos de 5 oraciones cada uno. Si prefieres tener relleno en inglés real y legible (el texto de ayuda real de Word en lugar de latín), usa =rand() y =rand(3,5) de la misma manera. Útil cuando necesitas mostrarle algo a un público no técnico que encontraría confuso el latín.

En código: faker.js

Cuando necesitas relleno dentro de un programa (sembrar una base de datos, construir fixtures de prueba, simular una API), una biblioteca faker le gana al copiar y pegar. El paquete moderno y mantenido es @faker-js/faker:

import { faker } from '@faker-js/faker';

// Una oración, un párrafo, tres párrafos
const sentence = faker.lorem.sentence();
const paragraph = faker.lorem.paragraph();
const article = faker.lorem.paragraphs(3);

// Salida reproducible: siembra el generador primero
faker.seed(42);
const fixed = faker.lorem.paragraphs(3); // el mismo texto en cada ejecución

La siembra es la parte que importa para las pruebas. faker.seed(42) hace que la salida sea determinista, de modo que una prueba de snapshot no falle de forma intermitente solo porque el relleno cambió entre ejecuciones. Y como faker también produce nombres, correos, direcciones y registros estructurados, puedes poblar un fixture realista y luego volcarlo directamente a disco. Si vas a guardar ese fixture como JSON, pásalo por el Formateador JSON para que el archivo confirmado sea legible en los diffs.

En herramientas de diseño: Figma e InDesign

Los diseñadores rara vez necesitan una pestaña aparte. En Figma, el plugin “Lorem ipsum” (y Content Reel) llenan una capa de texto seleccionada con relleno bajo demanda. En InDesign, selecciona un marco de texto y elige Texto → Llenar con texto de marcador de posición para hacer fluir Lorem Ipsum en todo el artículo, algo útil para evaluar una galera de varias columnas antes de que llegue el manuscrito.

En CSS

Para prototipado puramente visual puedes inyectar relleno con contenido generado, sin cambiar el marcado:

.skeleton::after {
  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
}

Usa esto con moderación. El contenido puesto en CSS no es texto real del documento, los lectores de pantalla lo tratan de forma inconsistente y es fácil olvidar que está ahí. Está bien para un prototipo desechable o un experimento de estilos; no sustituye al contenido de relleno en una plantilla real.

Variantes y alternativas del Lorem Ipsum

El Lorem Ipsum clásico es la opción por defecto, pero no es la única, y a veces es la equivocada. Las alternativas al lorem ipsum caen en tres categorías, cada una adecuada para un trabajo distinto.

Ipsum temático (Bacon, Hipster, Cat)

Los generadores temáticos cambian el latín por vocabularios graciosos: Bacon Ipsum (“bacon ipsum dolor amet ribeye…”), Hipster Ipsum, Cat Ipsum y decenas más. Son genuinamente útiles en una situación: una revisión interna informal donde un relleno reconocible y algo gracioso mantiene al equipo enganchado y señala “definitivamente no es la versión final”. El riesgo es lo opuesto a la fortaleza del Lorem: el relleno temático es legible, así que la gente empieza a leerlo, y en un entorno con cliente puede parecer poco serio. Úsalo para dar onda, no para tomar decisiones de maqueta.

Fakers de datos reales (faker, Mockaroo)

Cuando el relleno necesita estructura en lugar de prosa, recurre a un faker de datos reales. El Lorem Ipsum te da bloques de texto falso; herramientas como @faker-js/faker y Mockaroo te dan registros falsos (nombres, correos, precios, fechas, direcciones) con la forma de tu modelo de datos real. Para sembrar una base de datos, construir un mock de API o llenar una tabla de usuarios en un prototipo, los datos falsos estructurados son mucho más honestos que diez párrafos idénticos de latín. Una fila de usuario con un nombre y un correo plausibles te dice más sobre tu maqueta de lo que jamás dirá Lorem ipsum dolor.

Diseño centrado en el contenido

La crítica más afilada al Lorem Ipsum viene del bando que pone el contenido primero. El argumento: el contenido real tiene longitud, tono, casos límite y verdades incómodas que el texto de relleno disimula. Una tabla de precios se ve limpia con tres pulcros recuadros de Lorem y se desarma cuando la descripción real de un plan resulta tres veces más larga que las demás. Una tarjeta de perfil construida en torno a Lorem ipsum dolor sit amet se rompe cuando un usuario real tiene un nombre de 40 caracteres y ninguna biografía. Diseñar con contenido realista (idealmente real) saca a la luz esos problemas temprano, cuando todavía son baratos de arreglar. La conclusión práctica no es “nunca uses Lorem”, sino “usa Lorem para esbozar la estructura y luego pon a prueba con contenido real antes de comprometerte”.

La trampa del relleno en i18n

Aquí está la parte que muchas guías se saltan, y es la que más probablemente te queme. El Lorem Ipsum es latín. Sus longitudes de palabra, frecuencias de letras y espaciado aproximan los idiomas de Europa Occidental: inglés, francés, español y sus parientes. En cuanto tu maqueta tiene que renderizar un idioma que no está en esa familia, el Lorem Ipsum deja de predecir la realidad.

Hay tres modos de fallo que aparecen constantemente:

  • Escrituras CJK (chino, japonés, coreano). Estos idiomas a menudo no usan espacios entre palabras, las reglas de salto de línea son completamente distintas y cada carácter ocupa una celda más o menos cuadrada y de ancho fijo. Una columna que se ve equilibrada con Lorem Ipsum puede ajustarse de forma totalmente diferente, y con otra cantidad de renglones, cuando se llena con chino. La densidad de caracteres por línea no se parece en nada a la del latín.
  • Escrituras RTL (árabe, hebreo). Estas se leen de derecha a izquierda, lo que invierte por completo la dirección de lectura, la alineación y la posición de los controles de la interfaz. El Lorem Ipsum no te da ninguna señal sobre si tu maqueta se refleja correctamente. Tienes que probar con texto de muestra RTL real.
  • Alemán y otros idiomas con muchos compuestos. El alemán construye sustantivos compuestos largos (Geschwindigkeitsbegrenzung, Rechtsschutzversicherung) que no se dividen como las pulcras palabras de 5 a 8 letras del Lorem. Una columna estrecha que sostiene el Lorem Ipsum con holgura puede desbordarse o forzar una división con guiones fea en cuanto cae en ella una palabra alemana real.

La solución es directa: no confíes en el Lorem Ipsum para validar una maqueta localizada. Llena cada idioma con texto de muestra en ese idioma y comprueba de verdad el ajuste, la cantidad de renglones y la alineación de los controles. Cuando estés dimensionando un espacio según un límite del mundo real (una meta descripción, un tuit, un SMS), ajústate al presupuesto de caracteres real. Nuestra guía de límites de caracteres por plataforma detalla las cifras, y el Contador de Palabras te permite confirmar que una muestra entra en el rango antes de diseñar a su alrededor.

Aquí también es donde muerde la distinción entre bytes y caracteres, un problema que retomamos más abajo.

Errores comunes y cuándo NO usar Lorem Ipsum

El Lorem Ipsum es una herramienta de desarrollo, no un material que se publica. Casi todos los problemas surgen de olvidar esa línea. Aquí están los fallos contra los que conviene protegerse.

Publicarlo en producción. Este es el grande. Una página activa e indexable con Lorem Ipsum todavía dentro no tiene contenido real que posicionar, se lee como rota para cualquier visitante que la encuentre y puede marcarse como pobre o inacabada. Casi nunca pasa a propósito: es una plantilla de staging que se publicó, un pie de página olvidado, un valor por defecto del CMS que nadie reemplazó. La defensa es mecánica: antes de cada despliegue, busca en todo tu proyecto (sin distinguir mayúsculas) lorem ipsum y confirma cero coincidencias. Ponlo en tu checklist de prelanzamiento, junto a la comprobación de enlaces rotos.

Olvidar la accesibilidad. Un lector de pantalla no se salta el Lorem Ipsum: lee el latín revuelto en voz alta, palabra por palabra, a quien lo esté usando. Eso es confuso en una demo y genuinamente hostil si el relleno llega a producción. Si le estás mostrando trabajo a una persona interesada que usa tecnología de asistencia, un relleno real o temático-pero-legible es más amable que un muro de latín.

Desajustar la cantidad respecto al espacio. Llenar un encabezado de una línea con tres párrafos, o el cuerpo de un artículo largo con una sola oración, prueba la maqueta con la longitud equivocada. Se ve bien en el mockup y se rompe cuando llega el contenido real. Ajusta la unidad y la cantidad a lo que el espacio realmente vaya a contener: seis palabras para un titular, no sesenta.

Suponer que los bytes siempre son iguales a los caracteres. El Lorem Ipsum clásico es ASCII puro, así que un carácter es exactamente un byte, y es fácil empezar a creer que esa es una regla universal. No lo es. Mete una letra con acento, un emoji o cualquier escritura no latina y un solo carácter puede ser de dos, tres o cuatro bytes. Una columna de bytes varchar(255) que sostiene cómodamente 255 caracteres ASCII de Lorem se desborda cuando un usuario real escribe 255 caracteres de café 北京 😀. Prueba los límites de bytes con el conjunto de caracteres que el campo realmente vaya a almacenar; la guía de límites de caracteres por plataforma profundiza justo en dónde esto hace tropezar a la gente. (El mismo cuidado entre bytes y caracteres aparece cuando estás saneando identificadores; la guía de convenciones de nomenclatura cubre el terreno relacionado con claves y slugs.)

Tratar el texto generado como un recurso guardado. La mayoría de los generadores no almacenan nada: refresca la página y la salida desaparece. Si necesitas un bloque concreto otra vez, cópialo o descárgalo. Para fixtures de prueba repetibles, guarda la salida JSON en tu repositorio para que el relleno quede bajo control de versiones junto a las pruebas que dependen de él, en lugar de regenerarse fresco (y distinto) en cada ejecución.

Preguntas frecuentes

¿Qué significa Lorem Ipsum?

Lorem Ipsum no significa nada de forma intencional: es latín revuelto y corrompido sin un significado coherente. Deriva de un pasaje de Cicerón sobre el dolor y el placer, pero las palabras fueron recortadas, reordenadas y alteradas hasta que dejaron de formar latín legible. La primera palabra, lorem, es un fragmento de dolorem (“dolor”) con su sílaba inicial eliminada.

¿El Lorem Ipsum es latín de verdad?

No. Está basado en latín real —un pasaje del De Finibus Bonorum et Malorum de Cicerón—, pero ha sido alterado deliberadamente. Las palabras se truncan, se reordenan, se eliminan y se inventan, así que se lee como un sinsentido con sabor a latín en lugar de texto traducible. Lorem en sí no es una palabra latina real.

¿De dónde vino el Lorem Ipsum?

El Lorem Ipsum viene de un texto del año 45 a. C. de Cicerón, el De Finibus Bonorum et Malorum. Entró en el diseño a través de la empresa Letraset, que lo imprimió en láminas de letras de transferencia en seco en los años 60, y se volvió masivo en los años 80, cuando Aldus lo incluyó como texto de muestra en PageMaker, la primera aplicación de autoedición.

¿Por qué los diseñadores usan Lorem Ipsum en lugar de texto real?

Los diseñadores usan Lorem Ipsum para que quienes revisan juzguen la maqueta, la tipografía y el espaciado en vez de leer y editar el contenido. Sus longitudes realistas de palabra y oración hacen que se ajuste y se divida como prosa genuina, a diferencia de text text text o asdf, manteniéndose lo bastante sin sentido como para que nadie sienta la tentación de leerlo de verdad.

¿Cómo genero Lorem Ipsum en VS Code o Word?

En VS Code, escribe la abreviatura de Emmet lorem (o lorem30 para una cantidad exacta de palabras) en un archivo HTML y presiona Tab. En Word, escribe =lorem() en una línea en blanco y presiona Enter, o =lorem(3,5) para 3 párrafos de 5 oraciones cada uno. Ambos funcionan sin conexión y sin plugins.

¿Cuáles son las mejores alternativas al Lorem Ipsum?

Las alternativas principales son los generadores temáticos (Bacon, Hipster, Cat Ipsum) para revisiones informales, los fakers de datos reales como @faker-js/faker o Mockaroo cuando necesitas registros falsos estructurados en lugar de prosa, y el propio contenido real cuando quieres poner a prueba cómo se comportan la longitud y el tono reales en la maqueta.

¿Es malo para el SEO dejar Lorem Ipsum en una página activa?

Sí. Una página activa e indexable llena de Lorem Ipsum no tiene contenido real que posicionar y puede tratarse como pobre o inacabada, desperdiciando presupuesto de rastreo y confundiendo a los visitantes. No hay una penalización directa por el latín en sí, pero la página no puede rendir. Busca lorem ipsum en tu proyecto antes de cada despliegue.

¿Funciona el Lorem Ipsum para maquetas que no estén en inglés o que sean CJK?

No de forma fiable. El Lorem Ipsum solo aproxima los idiomas de Europa Occidental. Las escrituras CJK se ajustan y se espacian de forma completamente distinta, los idiomas RTL como el árabe invierten toda la dirección y los compuestos del alemán desbordan las columnas estrechas. Valida las maquetas localizadas con texto de muestra real en el idioma de destino, no con Lorem.

Para terminar

El Lorem Ipsum es un pasaje de Cicerón de 2.000 años de antigüedad con su significado arrancado, mantenido vivo por Letraset y PageMaker y ahora integrado en cada herramienta de diseño que tocas. Se gana su lugar porque parece un idioma sin ser un idioma: perfecto para juzgar una maqueta, inútil como contenido que se publica. Recurre a él para esbozar la estructura, genéralo dondequiera que estés trabajando y luego reemplázalo con contenido real y correcto para cada idioma antes de que algo se publique. Cuando necesites un bloque ahora mismo, el Generador de Lorem Ipsum tiene uno esperando.

Artículos relacionados

Ver todos los artículos