ximg.es

Gerador de imagens placeholder por URL

Imagens de preenchimento para maquetação web: coloque o tamanho no URL (https://ximg.es/600x400) e use-o em qualquer <img>. Cores, texto, formatos modernos, aliases de banners e fotos reais CC0. Grátis e sem registo.

Gerador de imagens

Pré-visualização

Exemplos rápidos

Exemplo: 600x400
/600x400
Exemplo: cores personalizadas
/300x250/1e293b/f8fafc.png?text=...
Exemplo: alias leaderboard
/leaderboard
Exemplo: proporção 16:9
/600x16:9/000/fff.png
Sintaxe completa e opções avançadas

Sintaxe do URL

/{largura}x{altura}                          cinzento por predefinição
/{largura}x{altura}/{fundo}                  fundo personalizado
/{largura}x{altura}/{fundo}/{texto}          + cor do texto
/{largura}x{altura}/{fundo}/{texto}.{fmt}    + formato
/{largura}x{proporção}                       por exemplo: 600x16:9
/{alias}[/...]                               alias padrão

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

Formatos suportados

PNG (predefinido), JPG, GIF, WebP, AVIF

Cores

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

Aliases de tamanho

Todos os aliases IAB e de ecrã estão disponíveis:

AliasTamanhoAliasTamanho
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

Perguntas frequentes

O que é o ximg.es?

Um serviço gratuito que gera imagens de preenchimento (placeholder) para maquetar sites. O tamanho, as cores, o texto e o formato vão no próprio URL, por isso basta colocá-lo no src de uma etiqueta <img>. Não é preciso registo nem chave de API.

Como coloco uma imagem placeholder no meu HTML?

Escreva o tamanho no caminho: <img src="https://ximg.es/600x400" alt=""> devolve uma imagem cinzenta de 600 × 400 píxeis. Com um só número (/300) sai quadrada.

Como mudo as cores?

Acrescente a cor de fundo e a do texto como segmentos do caminho: /600x400/1e293b/f8fafc. Aceita hexadecimal de 3, 4, 6 ou 8 dígitos (com alfa), nomes CSS como red e transparent.

Posso usar o meu próprio texto?

Sim, com ?text=: /600x400?text=Ol%C3%A1%20mundo. O carácter | divide o texto em várias linhas e o tamanho da letra ajusta-se automaticamente.

Que formatos de imagem gera?

PNG por predefinição, e JPG, GIF, WebP e AVIF acrescentando a extensão: /600x400.webp ou /600x400/f00/fff.jpg.

Há tamanhos predefinidos para banners?

Sim, os formatos publicitários IAB e de ecrã têm aliases: /leaderboard (728 × 90), /mediumrectangle (300 × 250), /skyscraper (120 × 600), /hd720 e mais. A tabela completa está na secção de sintaxe.

Posso usar proporções em vez da altura?

Sim: /600x16:9 calcula a altura a partir da largura e da proporção.

De onde vêm as fotos aleatórias e posso usá-las?

/random/800x600 devolve uma foto real recortada ao tamanho pedido. Todas têm licença CC0 (domínio público) e vêm da Wikimedia Commons; a autoria de cada uma está na página de créditos. Com ?cat= filtra-se por categoria e com ?seed= obtém-se sempre a mesma foto.

Qual é o tamanho máximo?

9999 píxeis por lado e 16 megapíxeis de área. O texto admite até 200 caracteres.

As imagens ficam em cache?

Sim. Cada URL produz sempre os mesmos bytes e é servido com Cache-Control: immutable e ETag, de modo que o navegador e as CDN o guardam durante um ano.