ximg.es

Xerador de imaxes placeholder por URL

Imaxes de recheo para maquetación web: pon o tamaño na URL (https://ximg.es/600x400) e úsaa en calquera <img>. Cores, texto, formatos modernos, alias de banners e fotos reais CC0. De balde e sen rexistro.

Xerador de imaxes

Vista previa

Exemplos rápidos

Exemplo: 600x400
/600x400
Exemplo: cores personalizadas
/300x250/1e293b/f8fafc.png?text=...
Exemplo: alias leaderboard
/leaderboard
Exemplo: proporción 16:9
/600x16:9/000/fff.png
Sintaxe completa e opcións avanzadas

Sintaxe da URL

/{ancho}x{alto}                         cor gris por defecto
/{ancho}x{alto}/{fondo}                 fondo personalizado
/{ancho}x{alto}/{fondo}/{texto}         + cor do texto
/{ancho}x{alto}/{fondo}/{texto}.{fmt}   + formato
/{ancho}x{proporción}                   por exemplo: 600x16:9
/{alias}[/...]                          alias estándar

?text=...                               texto personalizado
?seed=N                                 semente para a aleatoriedade
?cat=categoría                          filtrar por categoría

Formatos admitidos

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

Cores

Códigos hexadecimais de 1 a 8 díxitos (f, ab, f00, aabbcc, aabbcc80), nomes CSS (red, blue…) e transparent.

Alias de tamaño

Todos os alias IAB e de pantalla están dispoñibles:

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

Que é ximg.es?

Un servizo de balde que xera imaxes de recheo (placeholder) para maquetar webs. O tamaño, as cores, o texto e o formato van na propia URL, así que abonda con poñela no src dunha etiqueta <img>. Non fai falla rexistro nin clave de API.

Como poño unha imaxe placeholder no meu HTML?

Escribe o tamaño na ruta: <img src="https://ximg.es/600x400" alt=""> devolve unha imaxe gris de 600 × 400 píxeles. Cun só número (/300) sae cadrada.

Como cambio as cores?

Engade a cor de fondo e a do texto como segmentos da ruta: /600x400/1e293b/f8fafc. Acepta hexadecimal de 3, 4, 6 ou 8 díxitos (con alfa), nomes CSS como red e transparent.

Podo poñer o meu propio texto?

Si, con ?text=: /600x400?text=Ola%20mundo. O carácter | parte o texto en varias liñas e o tamaño da letra axústase só.

Que formatos de imaxe xera?

PNG por defecto, e JPG, GIF, WebP e AVIF engadindo a extensión: /600x400.webp ou /600x400/f00/fff.jpg.

Hai tamaños predefinidos para banners?

Si, os formatos publicitarios IAB e de pantalla teñen alias: /leaderboard (728 × 90), /mediumrectangle (300 × 250), /skyscraper (120 × 600), /hd720 e máis. A táboa completa está na sección de sintaxe.

Podo usar proporcións no canto do alto?

Si: /600x16:9 calcula o alto a partir do ancho e da proporción.

De onde saen as fotos aleatorias e podo usalas?

/random/800x600 devolve unha foto real recortada ao tamaño pedido. Todas teñen licenza CC0 (dominio público) e veñen de Wikimedia Commons; a autoría de cada unha está na páxina de créditos. Con ?cat= fíltrase por categoría e con ?seed= obtense sempre a mesma foto.

Cal é o tamaño máximo?

9999 píxeles por lado e 16 megapíxeles de área. O texto admite ata 200 caracteres.

As imaxes gárdanse en caché?

Si. Cada URL produce sempre os mesmos bytes e sérvese con Cache-Control: immutable e ETag, de xeito que o navegador e as CDN a gardan durante un ano.