Softonic

Galería Lorem Picsum

Paso 1 / 2
Siguiente

Lorem Picsum ofrece fotos libres de derechos a través de una simple API de URL, https://picsum.photos/{width}/{height} devuelve una imagen en cualquier tamaño. Esta galería te permite elegir ancho, alto, semilla, radio de desenfoque y escala de grises, luego copia la URL lista para pegar (o una etiqueta <img>) para que puedas insertar marcadores de posición fotográficos directamente en Figma, tu vista Blade o un componente de React sin buscar imágenes de stock.

Cómo usar la galería

  1. 1

    Establecer dimensiones de la imagen

    Ancho y alto en píxeles. Tamaños comunes como 800×600 o 1200×630 están listos como preajustes.

  2. 2

    Elegir modificadores

    Desenfoque (0–10), escala de grises, semilla fija para imágenes reproducibles, formato WebP o JPEG.

  3. 3

    Explorar la cuadrícula de vista previa

    Se cargan múltiples muestras aleatorias para que puedas elegir una que te guste.

  4. 4

    Copiar la URL

    Obtén la URL simple, la etiqueta `<img>` completa o la sintaxis de imagen en Markdown.

Anatomía de la URL

Endpoint base:

https://picsum.photos/{width}/{height}

Más partes de consulta y ruta opcionales:

Variante Ejemplo Efecto
Acceso directo cuadrado /200 → igual que /200/200 Imagen cuadrada
Semilla fija /seed/cat/400/300 Siempre devuelve la misma foto
ID de foto específica /id/237/400/300 Fija a la imagen 237 en la colección
Escala de grises /400/300?grayscale Filtro monocromático
Desenfoque /400/300?blur=5 Desenfoque gaussiano, 1–10
Formato /400/300.webp Fuerza un formato de archivo
Aleatorio en cada carga Solo la URL Nueva foto en cada actualización

Cuándo usarlo vs. imágenes de stock reales

  • Bueno: wireframes, revisiones de diseño, demostraciones internas, fixtures de prueba, experimentos de carga diferida.
  • No bueno: sitios de marketing de producción, imágenes principales, vistas previas sociales. Hacer hotlink a un servicio de imágenes gratuitas de otra persona para tráfico real es una mala práctica y frágil, la foto puede cambiar sin previo aviso.

Consejos

  • Fija una semilla cuando captures pantallas de diseños para documentación; de lo contrario, la imagen cambiará la próxima vez que alguien abra la página.
  • Ajusta las proporciones de tus activos finales (16:9, 4:5, 1:1) para que tu diseño no salte cuando intercambies fotos reales.
  • Usa desenfoque para probar transiciones de marcador de posición a real (patrones LQIP), la salida de desenfoque de Picsum imita cómo se vería un marcador de posición de imagen de baja calidad.
  • Solicita WebP para páginas más ligeras durante el desarrollo.

Preguntas frecuentes

Técnicamente, las fotos están licenciadas por Unsplash, pero se desaconseja hacer hotlink a picsum.photos desde producción, úsalo para prototipos y descarga el activo (o ve a la fuente original de Unsplash) para uso en producción.

Sin una semilla o ID, la API sirve una foto aleatoria en cada solicitud. Usa /seed/tupalabra/... o /id/123/... para fijarla.

Lorem Picsum es un servicio gratuito en Cloudflare y tiene límites de tasa razonables. Para suites de prueba pesadas o pruebas de carga, descarga una copia local y sírvela desde tu propio host.

Sí, el servicio es solo HTTPS. Todas las URLs generadas comienzan con https://.

Solo para las miniaturas de vista previa, que se cargan directamente desde picsum.photos. Ningún dato sobre tus elecciones de tamaño o semilla se envía a terceros por esta galería.

Herramientas relacionadas

Referencia de la tabla ASCII

Tabla ASCII completa del 0 al 127 con decimal, hex, octal, binario y referencia numérica HTML para cada carácter, incluidos los códigos de control como NUL, LF y DEL.

Referencia de caracteres HTML

Lista buscable de entidades HTML, sus códigos nombrados y numéricos, y una copia con un clic para caracteres y símbolos especiales.

Referencia de atajos de teclado

Busca los atajos predeterminados documentados de VS Code, Chrome y Bash con GNU Readline en macOS, Windows y Linux.

Generador de letras aleatorias

Genera letras aleatorias A-Z. Elige la cantidad, usa mayúsculas, minúsculas o mezcla de ambas, y aplica el resultado en juegos, consignas o clase.

Generador de Paletas de Color

Genera paletas monocromáticas, análogas, complementarias, triádicas o tetrádicas desde un color base HEX y exporta variables CSS listas para copiar.

Generador de EditorConfig

Genera un archivo .editorconfig con tu estilo y tamaño de indentación, fin de línea, charset y reglas de espacios para un formato consistente en IDEs y editores.

Herramienta disponible en otros idiomas