English
EspañolGaleria de fotos para site (com ampliação)
Cole os endereços das imagens (um por linha, com legenda opcional depois de uma barra). Escolha colunas e cantos e copie o bloco pronto.
Galeria com foto ampliada
Tudo é feito no seu aparelho: nada é enviado para a internet.
Disponível em: 
Galeria de fotos para site (com ampliação): para que serve
Uma galeria de fotos bem feita mostra o trabalho, o espaço e os produtos sem pesar a página. Este gerador monta a grade responsiva com CSS grid, escolhendo o número de colunas no computador e no celular, o formato das miniaturas e os cantos.
Ao tocar numa foto ela abre ampliada usando o elemento dialog nativo do HTML, com setas na tela e no teclado, legenda e fechamento com Esc ou tocando fora. As miniaturas carregam de forma preguiçosa e a legenda vira o texto alternativo, bom para acessibilidade e SEO de imagens.
Como usar
- Cole os endereços das fotos com a legenda.
- Escolha colunas, formato e cantos.
- Copie o código e cole no site.
Quando usar
- Portfólio de fotógrafo, barbeiro ou arquiteto.
- Fotos do espaço de um restaurante ou loja.
- Antes e depois de serviços.
Perguntas frequentes
Funciona sem biblioteca?
Sim. A grade é CSS grid e a ampliação usa o elemento dialog nativo do navegador, que já cuida do fundo escuro, do foco e de fechar com a tecla Esc. O script tem poucas linhas, só para trocar de foto.
As fotos pesam no carregamento?
As miniaturas usam loading=lazy e decoding=async: só baixam quando chegam perto da tela. Para ficar ainda mais leve, gere versões menores para as miniaturas (a ferramenta de imagens para site faz isso) e use a grande só na ampliação.
Preciso de legenda?
A legenda vira o texto alternativo (alt) da foto, que é lido por leitores de tela e ajuda no SEO de imagens. Descreva o que aparece, como "Corte degradê com barba", em vez de "foto 1".
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.