Softonic

Galeria Lorem Picsum

Etapa 1 / 2
Próximo

Lorem Picsum oferece fotos royalty-free através de uma simples API de URL, https://picsum.photos/{width}/{height} retorna uma imagem em qualquer tamanho. Esta galeria permite que você escolha largura, altura, semente, raio de desfoque e escala de cinza, e então copia a URL pronta para colar (ou uma tag <img>) para que você possa inserir placeholders fotográficos diretamente no Figma, na sua view Blade ou em um componente React sem precisar procurar imagens de estoque.

Como usar a galeria

  1. 1

    Defina as dimensões da imagem

    Largura e altura em pixels. Tamanhos comuns como 800×600 ou 1200×630 estão prontos como predefinições.

  2. 2

    Escolha modificadores

    Desfoque (0–10), escala de cinza, semente fixa para imagens reproduzíveis, formato WebP ou JPEG.

  3. 3

    Navegue pela grade de pré-visualização

    Vários exemplos aleatórios são carregados para que você possa escolher um que goste.

  4. 4

    Copie a URL

    Pegue a URL simples, a tag `<img>` completa ou a sintaxe de imagem Markdown.

Anatomia da URL

Endpoint base:

https://picsum.photos/{width}/{height}

Além de partes opcionais de consulta e caminho:

Variante Exemplo Efeito
Atalho quadrado /200 → mesmo que /200/200 Imagem quadrada
Semente fixa /seed/cat/400/300 Sempre retorna a mesma foto
ID de foto específica /id/237/400/300 Fixa na imagem 237 na coleção
Escala de cinza /400/300?grayscale Filtro monocromático
Desfoque /400/300?blur=5 Desfoque gaussiano, 1–10
Formato /400/300.webp Força um formato de arquivo
Aleatório a cada carregamento Apenas a URL Nova foto a cada atualização

Quando usar em vez de imagens de estoque reais

  • Bom: wireframes, revisões de design, demos internas, fixtures de teste, experimentos de carregamento preguiçoso.
  • Não bom: sites de marketing em produção, imagens principais, pré-visualizações sociais. Hotlinking para o serviço de imagens gratuitas de outra pessoa para tráfego real é uma má prática e frágil, a foto pode mudar sem aviso prévio.

Dicas

  • Fixe uma semente quando você tirar screenshots de designs para documentação; caso contrário, a imagem muda na próxima vez que alguém abrir a página.
  • Combine as proporções dos seus ativos finais (16:9, 4:5, 1:1) para que seu layout não salte quando você trocar por fotos reais.
  • Use desfoque para testar transições de placeholder para reais (padrões LQIP), a saída de desfoque do Picsum imita como uma imagem de placeholder de baixa qualidade pareceria.
  • Solicite WebP para páginas mais leves durante o desenvolvimento.

Perguntas frequentes

Tecnicamente, as fotos são licenciadas pela Unsplash, mas hotlinking para picsum.photos a partir da produção é desencorajado, use para protótipos e baixe o ativo (ou vá para a fonte original da Unsplash) para uso em produção.

Sem uma semente ou id, a API serve uma foto aleatória a cada solicitação. Use /seed/suapalavra/... ou /id/123/... para fixá-la.

Lorem Picsum é um serviço gratuito no Cloudflare e possui limites de taxa razoáveis. Para suítes de teste pesadas ou testes de carga, baixe uma cópia local e sirva-a do seu próprio host.

Sim, o serviço é apenas HTTPS. Todas as URLs geradas começam com https://.

Apenas para as miniaturas de pré-visualização, que carregam diretamente de picsum.photos. Nenhum dado sobre suas escolhas de tamanho ou semente é enviado a terceiros por esta galeria.

Ferramentas relacionadas

Referência da Tabela ASCII

Tabela ASCII completa de 0 a 127 com valores decimais, hexadecimais, octais e binários e notação de referência numérica HTML, incluindo NUL, LF e DEL.

Referência de Caracteres HTML

Lista pesquisável de entidades HTML, seus códigos nomeados e numéricos, e uma cópia com um clique para caracteres e símbolos especiais.

Referência de atalhos de teclado

Pesquise atalhos padrão documentados do VS Code, Chrome e Bash com GNU Readline no macOS, Windows e Linux.

Gerador de EditorConfig

Gere um arquivo .editorconfig com suas regras de estilo e tamanho de indentação, fim de linha, charset e espaços em branco para formatação consistente entre IDEs e editores.

Validador de Email

Valide um endereço de email: verificação de sintaxe RFC 5322, consulta de registro MX em tempo real, além de detalhes de parte local, domínio e comprimento. Nenhum email é enviado.

Conversor de Tamanho de Arquivo

Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.

Ferramenta disponível em outros idiomas