ximg.es

Generador de imágenes placeholder por URL

Imágenes de relleno para maquetación web: pon el tamaño en la URL (https://ximg.es/600x400) y úsala en cualquier <img>. Colores, texto, formatos modernos, alias de banners y fotos reales CC0. Gratis y sin registro.

Generador de imágenes

0
Vista previa

Ejemplos rápidos

Sintaxis completa y opciones avanzadas

Sintaxis de URL

/{ancho}x{alto}                         color gris por defecto
/{ancho}x{alto}/{fondo}                 fondo personalizado
/{ancho}x{alto}/{fondo}/{texto}         + color de texto
/{ancho}x{alto}/{fondo}/{texto}.{fmt}   + formato
/{ancho}x{proporción}                   por ejemplo: 600x16:9
/{alias}[/...]                          alias estándar
/random/{tamaño}[.{fmt}]                foto aleatoria (jpg por defecto)
/pattern/{nombre}/{tamaño}              diagonal, cross, grid, gradient, noise
/avatar/{nombre}[/{lado}][.{fmt}]       avatar de iniciales; ?shape=square

?text=...                               texto; | hace un salto de línea
?seed=N                                 /random: misma semilla, misma foto
?cat=categoría                          /random: filtrar por categoría
?grayscale=1                            /random: escala de grises
?blur=1…10                              /random: desenfoque
?step=N&line=N&angle=N                  /pattern: periodo, grosor, ángulo

Formatos soportados

PNG (por defecto), JPG, GIF, WebP, AVIF

Colores

Códigos hexadecimales de 1 a 8 dígitos (f, ab, f00, aabbcc, aabbcc80), nombres CSS (red, blue…) y transparent.

Alias de tamaño

Todos los alias IAB y de pantalla están disponibles:

AliasTamañoAliasTamaño
b1 120 × 90 rectangle 180 × 150
b2 120 × 60 skyscraper 120 × 600
button1 120 × 90 skyscraper160 160 × 600
button2 120 × 60 squarebutton 125 × 125
cga 320 × 200 squarepopup 250 × 250
fban 468 × 60 svga 1024 × 600
fullbanner 468 × 60 svga800 800 × 600
halfbanner 234 × 60 verban 120 × 240
halfpage 300 × 600 verrec 240 × 400
hban 234 × 60 verticalbanner 120 × 240
hd1080 1920 × 1080 verticalrectangle 240 × 400
hd720 1280 × 720 vga 640 × 480
largerectangle 336 × 280 wideskyscraper 60 × 600
leaderboard 728 × 90 wqxga 2560 × 1600
mbar 88 × 31 wskyscraper 60 × 600
mediumrectangle 300 × 250 wsvga 1024 × 600
medrec 300 × 250 wsxga 1440 × 900
microbar 88 × 31 wuxga 1920 × 1200
ntsc 720 × 480 wvga 800 × 480
pal 768 × 576 wxga 1280 × 800
popunder 720 × 300 xga 1024 × 768
qvga 320 × 240

Preguntas frecuentes

¿Qué es ximg.es?

Un servicio gratuito que genera imágenes de relleno (placeholder) para maquetar webs. El tamaño, los colores, el texto y el formato van en la propia URL, así que basta con ponerla en el src de una etiqueta <img>. No hace falta registro ni clave de API.

¿Cómo pongo una imagen placeholder en mi HTML?

Escribe el tamaño en la ruta: <img src="https://ximg.es/600x400" alt=""> devuelve una imagen gris de 600 × 400 píxeles. Con un solo número (/300) sale cuadrada.

¿Cómo cambio los colores?

Añade el color de fondo y el del texto como segmentos de la ruta: /600x400/1e293b/f8fafc. Acepta hexadecimal de 3, 4, 6 u 8 dígitos (con alfa), nombres CSS como red y transparent.

¿Puedo poner mi propio texto?

Sí, con ?text=: /600x400?text=Hola%20mundo. El carácter | parte el texto en varias líneas y el tamaño de letra se ajusta solo.

¿Qué formatos de imagen genera?

PNG por defecto, y JPG, GIF, WebP y AVIF añadiendo la extensión: /600x400.webp o /600x400/f00/fff.jpg.

¿Hay tamaños predefinidos para banners?

Sí, los formatos publicitarios IAB y de pantalla tienen alias: /leaderboard (728 × 90), /mediumrectangle (300 × 250), /skyscraper (120 × 600), /hd720 y más. La tabla completa está en la sección de sintaxis.

¿Puedo usar proporciones en vez de alto?

Sí: /600x16:9 calcula el alto a partir del ancho y la proporción.

¿De dónde salen las fotos aleatorias y puedo usarlas?

/random/800x600 devuelve una foto real recortada al tamaño pedido. Todas tienen licencia CC0 (dominio público) y vienen de Wikimedia Commons; la autoría de cada una está en la página de créditos. Con ?cat= se filtra por categoría y con ?seed= se obtiene siempre la misma foto.

¿Cuál es el tamaño máximo?

9999 píxeles por lado y 16 megapíxeles de área. El texto admite hasta 200 caracteres.

¿Las imágenes se cachean?

Sí. Cada URL produce siempre los mismos bytes y se sirve con Cache-Control: immutable y ETag, de modo que el navegador y las CDN la guardan durante un año.