AZ Tools

Construtor de URL Lorem Picsum

Imagem

`picsum.photos` retorna uma foto aleatória do Unsplash nas dimensões pedidas. Este construtor produz a URL que você realmente quer: largura × altura, escala de cinza e desfoque opcionais, e uma foto aleatória por request, uma foto estável por string seed (ótimo pra fixtures de storybook), ou uma foto específica por ID. Saída com a URL mais snippets Markdown e HTML prontos pra colar, com preview ao vivo.

URL
https://picsum.photos/800/600

Preview

placeholder
Markdown
![placeholder](https://picsum.photos/800/600)
HTML
<img src="https://picsum.photos/800/600" width="800" height="600" alt="placeholder">

picsum.photos serve fotos do Unsplash como placeholders. Grátis pra prototipar; cheque a licença Unsplash pra produção.

Como usar

  1. Defina largura e altura (clique em 'quadrado' pra copiar largura pra altura).
  2. Opcionalmente ative escala de cinza ou desfoque (0-10).
  3. Adicione seed se quer a mesma foto retornando a cada page load.
  4. Ou fixe uma foto específica pelo ID (encontre IDs em picsum.photos/images).
  5. Copie URL, Markdown ou snippet HTML.

Perguntas frequentes

Diferença entre seed e ID de imagem?
Um **seed** é qualquer string — `picsum.photos/seed/alice/800/600` retorna a mesma imagem toda vez pra `alice` mas diferente pra `bob`. **ID de imagem** fixa uma foto específica do catálogo picsum (ex: `id/237` é o cachorro famoso). Use seeds quando quer estável mas arbitrário; use IDs quando quer foto específica.
Devo usar em produção?
Picsum é ótimo pra protótipos, mocks de design, fills no Figma e Storybook. Pra produção hospede seu próprio placeholder ou use CDN — hosts de imagem terceiros podem rate-limitar, mudar imagens ou cair. Imagens Picsum também têm licença Unsplash, com restrições comerciais pra alguns casos.
Por que minha imagem está cacheada/igual a cada reload?
Sem seed, navegadores podem cachear a URL mesmo que picsum escolha aleatório. Adicione cache-buster (ex: `&rand=123`) ou use seed e aceite o determinismo. Inverso: se quer imagem estável, use sempre seed.
Quais proporções funcionam?
Qualquer inteiro — `1600/900`, `1200/630` (Open Graph), `400/400` (avatares), `2000/300` (banners). Picsum faz crop/resize da foto fonte, então proporções extremas podem ficar cortadas estranhamente.

Ferramentas relacionadas