# ximg.es

> Servicio gratuito de imágenes placeholder (de relleno) para maquetación web. El tamaño, los colores, el texto y el formato van en la URL y el servidor devuelve la imagen: basta con usar la URL en el `src` de un `<img>`. Sin registro, sin clave de API, sin límite de uso documentado. Mantenido por VermiIP.es; fork de DummyImage.com (licencia MIT).

Uso típico al generar HTML de ejemplo, prototipos o maquetas:

```html
<img src="https://ximg.es/600x400" alt="" width="600" height="400">
```

## Sintaxis

```
https://ximg.es/{ancho}x{alto}                         gris #ccc, texto negro, PNG
https://ximg.es/{lado}                                  cuadrada: /300 = 300x300
https://ximg.es/{ancho}x{ratio}                         alto por proporción: /600x16:9
https://ximg.es/{ancho}x{alto}/{fondo}                  /600x400/1e293b
https://ximg.es/{ancho}x{alto}/{fondo}/{texto}          /600x400/1e293b/f8fafc
https://ximg.es/{ancho}x{alto}/{fondo}/{texto}.{fmt}    /600x400/000/fff.webp
https://ximg.es/{ancho}x{alto}.{fmt}                    /600x400.jpg
?text=Hola%20mundo                                      texto propio; "|" = salto de línea
```

- Colores: hexadecimal sin `#` de 3, 4 (RGBA), 6 u 8 dígitos (RRGGBBAA), nombres CSS (`red`, `navy`…) y `transparent`.
- Formatos: `png` (por defecto), `jpg`, `gif`, `webp`, `avif`.
- Texto por defecto: las dimensiones, por ejemplo `600 × 400`. El tamaño de letra se ajusta solo.
- Límites: 1–9999 px por lado, 16 megapíxeles de área, 200 caracteres de texto.
- Errores: imagen PNG con el mensaje y estado HTTP 400. Con `Accept: application/json`, JSON.
- Caché: cada URL es determinista; `Cache-Control: public, max-age=31536000, immutable` y `ETag`.

## Alias de tamaño

Sustituyen a `{ancho}x{alto}` y admiten colores y formato detrás: `/leaderboard/f00/fff.png`.

- Publicidad (IAB): `leaderboard` 728×90, `mediumrectangle`/`medrec` 300×250, `largerectangle` 336×280, `rectangle` 180×150, `halfpage` 300×600, `skyscraper` 120×600, `skyscraper160` 160×600, `wideskyscraper`/`wskyscraper` 60×600 (heredado así), `fullbanner`/`fban` 468×60, `halfbanner`/`hban` 234×60, `verticalbanner`/`verban` 120×240, `verticalrectangle`/`verrec` 240×400, `squarebutton` 125×125, `squarepopup` 250×250, `popunder` 720×300, `button1`/`b1` 120×90, `button2`/`b2` 120×60, `microbar`/`mbar` 88×31.
- Pantalla y vídeo: `cga` 320×200, `qvga` 320×240, `vga` 640×480, `wvga` 800×480, `svga800` 800×600, `svga` 1024×600 (heredado así), `wsvga` 1024×600, `xga` 1024×768, `wxga` 1280×800, `wsxga` 1440×900, `wuxga` 1920×1200, `wqxga` 2560×1600, `ntsc` 720×480, `pal` 768×576, `hd720` 1280×720, `hd1080` 1920×1080.

## Fotos aleatorias

```
https://ximg.es/random/{ancho}x{alto}[.{fmt}]
  ?seed=abc       misma foto siempre para la misma semilla (cacheable)
  ?cat=nature     filtra por categoría
  ?grayscale=1    blanco y negro
  ?blur=1..10     desenfoque
  ?text=...       texto superpuesto
```

Fotos reales de un banco local, recortadas al tamaño pedido. Todas con licencia CC0 1.0 (dominio público) procedentes de Wikimedia Commons. Sin `seed`, cada petición puede devolver una foto distinta y no se cachea. Las categorías y la autoría de cada foto: `curl -H "Accept: application/json" https://ximg.es/credits`.

## Páginas

- [Generador interactivo y documentación](https://ximg.es/): constructor de URLs con vista previa, ejemplos, tabla de alias y preguntas frecuentes.
- [Créditos de las fotos](https://ximg.es/credits): autor, origen y licencia de cada foto de `/random`, por categorías.
- [Herramientas para maquetación](https://ximg.es/herramientas): índice de utilidades gratuitas que funcionan en el navegador.

## Herramientas

- [Generador de box-shadow](https://ximg.es/herramientas/box-shadow): sombras CSS con varias capas, `inset`, color y opacidad; copia el CSS. El estado va en el hash de la URL (`#l=x,y,blur,spread,rrggbb,opacidad,inset;...&r=radio&bg=rrggbb`), así que un enlace reproduce la sombra.
- [Generador de degradados CSS](https://ximg.es/herramientas/gradiente-css): `linear-gradient`, `radial-gradient` y `conic-gradient` con varias paradas y transparencia; opción de verlo sobre una foto de `/random`. Estado en el hash de la URL.
- [Tamaños de imagen para redes sociales](https://ximg.es/herramientas/tamanos-redes-sociales): tablas de medidas y proporciones por red (Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest, Open Graph), cada una con su URL de placeholder (`https://ximg.es/1080x1350`).
- [Generador de lorem ipsum](https://ximg.es/herramientas/lorem-ipsum): texto de relleno en latín o en es, en, gl, ca, pt, it y fr; párrafos, frases, palabras o listas; salida en texto, HTML o Markdown, con títulos e imágenes de ximg.es opcionales.
- [Tamaños de banners IAB](https://ximg.es/herramientas/banners-iab): formatos publicitarios IAB actuales y clásicos, y resoluciones de pantalla y vídeo, con vista previa y todos los alias de ximg.es que devuelven cada tamaño (`/mediumrectangle`, `/leaderboard`, `/skyscraper160`…). Marca los que más rinden en AdSense.
- [Calculadora de relación de aspecto](https://ximg.es/herramientas/relacion-de-aspecto): ancho y proporción → alto (y al revés), proporción de un tamaño dado, URL `https://ximg.es/{ancho}x{w}:{h}` (el alto se trunca: `/600x16:9` da 600×337) y CSS `aspect-ratio`.
- [Filtros CSS para imágenes](https://ximg.es/herramientas/filtros-css): `filter` con blur, brightness, contrast, grayscale, sepia, saturate, hue-rotate, invert, opacity y drop-shadow sobre una foto de `/random`; ejemplos y opción de quitar el filtro al pasar el ratón. Estado en el hash (`#f=grayscale:100,blur:2`).
- [Convertir imágenes a WebP y AVIF](https://ximg.es/herramientas/convertir-imagen): conversión y compresión a WebP, AVIF, JPG o PNG en el navegador con `canvas.toBlob()`, sin subir nada; calidad, ancho máximo y varias imágenes a la vez. AVIF solo si el navegador sabe codificarlo.
- [Comprobador de contraste WCAG](https://ximg.es/herramientas/contraste-wcag): ratio de contraste WCAG 2.2, niveles AA/AAA para texto normal y grande y 3:1 para controles, color de texto más cercano que cumple y vista previa con `/600x300/{fondo}/{texto}.png`. Estado en el hash (`#fg=767676&bg=ffffff`).
- [Generador de srcset y picture](https://ximg.es/herramientas/srcset): proporción, anchos de corte y maquetación (`sizes`) → `<img srcset sizes>` y `<picture>` con AVIF y WebP. Las URLs son de ximg.es (`https://ximg.es/800x450.webp?text=800w`), así que el HTML funciona al pegarlo y cada imagen dice su ancho; la vista previa muestra qué fichero elige el navegador.
- [Generador de border-radius](https://ximg.es/herramientas/border-radius): cada esquina en px o %, y forma libre con la sintaxis de ocho valores (`a b c d / e f g h`) para blobs; código acortado y vista previa sobre una imagen de ximg.es. Estado en el hash (`#h=24,24,24,24&u=px`).
- [Imagen a Base64](https://ximg.es/herramientas/imagen-base64): imagen → data URI con fragmentos para `<img>`, CSS `background-image` y JSON (SVG también URL-encoded), y Base64 → imagen descargable. Con `FileReader`, sin subir nada.
- [Conversor de colores](https://ximg.es/herramientas/conversor-colores): cualquier color CSS (hex de 3/4/6/8 dígitos, `rgb()`, `hsl()`, `hwb()`, `oklch()`, `oklab()`, los 148 nombres) → HEX, RGB, HSL, HWB, OKLCH, nombre CSS más cercano y URL de ximg.es (`/600x300/{hex}/{fff|000}`). Estado en el hash (`#c=2563eb`).
- [Generador de clip-path](https://ximg.es/herramientas/clip-path): `circle()`, `ellipse()`, `inset()` y `polygon()` con doce polígonos predefinidos y edición libre arrastrando puntos (o con el teclado) sobre una foto de `/random`. Estado en el hash (`#s=polygon&p=50,0;100,100;0,100`).
- [Generador de favicon](https://ximg.es/herramientas/favicon): desde una letra o una imagen, en el navegador; descarga `favicon.ico` (16, 32 y 48), `icon.svg`, `apple-touch-icon.png`, `icon-192.png`, `icon-512.png` y `site.webmanifest` en un ZIP, con el HTML de `<head>`. Como favicon provisional sirve `https://ximg.es/32x32/2563eb/fff.png?text=X`.
- [Placeholders SVG y LQIP](https://ximg.es/herramientas/placeholder-svg): placeholder SVG en línea (data URI URL-encoded, sin petición HTTP) equivalente a `https://ximg.es/{w}x{h}/{fondo}/{texto}`, y vistas previas de carga de una imagen: miniatura borrosa, SVG con `feGaussianBlur` y color medio.
- [Paleta de colores de una imagen](https://ximg.es/herramientas/paleta-de-colores): colores dominantes por k-means en OKLab, con su porcentaje, en HEX/RGB/HSL y como variables CSS, SCSS o JSON; también el color medio, el mismo `dominant_color` que guarda el banco de fotos de `/random`.

Las páginas existen también en inglés, gallego, catalán, portugués, italiano y francés, con el código del idioma delante de la ruta: [/en/](https://ximg.es/en/), [/gl/](https://ximg.es/gl/), [/ca/](https://ximg.es/ca/), [/pt/](https://ximg.es/pt/), [/it/](https://ximg.es/it/), [/fr/](https://ximg.es/fr/) (y `/en/credits`, `/fr/privacidad`, `/gl/herramientas/box-shadow`…). Las URLs de imagen no cambian con el idioma.