Formato e tamanho
JPG abre em qualquer celular e navegador. WebP costuma ficar 25–35 % menor no mesmo tamanho.
O otimizador procura a melhor qualidade que caiba no alvo. Só reduz a resolução se nem na qualidade mínima o alvo for atingido.
O cartão do item é 16:9. Para a maioria dos celulares, 800 × 450 já fica nítido.
Ligado, uma foto de 600×400 continua com 600×400 na maior dimensão — sem pixels inventados e com arquivo menor.
Enquadramento
Use
#FFF5F5 (o fundo claro do cartão) ou a cor da sua marca. Em fotos com "Preencher" quase não aparece.Como usar
1. Arraste as fotos dos itens para esta página (ou Ctrl+V para colar uma imagem copiada).
2. Elas são otimizadas automaticamente com os ajustes ao lado.
3. Clique em Baixar todos e coloque os arquivos na pasta
4. Copie o caminho gerado (ex.:
2. Elas são otimizadas automaticamente com os ajustes ao lado.
3. Clique em Baixar todos e coloque os arquivos na pasta
img/ do site.4. Copie o caminho gerado (ex.:
img/x-burguer.jpg) para a coluna Link da imagem da aba Cardápio.
Enquanto estiver reunindo as fotos novas, use a pasta
novas_img/; depois mova só as escolhidas para img/. Ajustes ficam salvos neste navegador e nada é enviado para a internet.Imagens
nenhuma
Arraste as fotos dos itens para cá
Aceita PNG, JPG, WebP, BMP, GIF, AVIF e SVG · vários arquivos de uma vez
Dica: use o mesmo nome do item (ex.:
x-burguer-tradicional)
Resumo
alvo 80 KBOriginais
—
Otimizadas
—
Economia
—
Média por imagem
—
Nenhuma imagem processada ainda.
Usar no cardápio
0 caminhosO nome do arquivo é acrescentado no fim. O site procura as fotos em
img/.Cole o caminho na coluna Link da imagem da aba Cardápio. O
lista.csv traz o nome original e o caminho final, útil para conferir tudo de uma vez.Dicas
· 800×450 é o tamanho do cartão (16:9). Em telas 2× já fica nítido.
· Precisa de outro tamanho ou proporção? Em Resolução de saída, escolha Personalizado e informe a largura e a altura em pixels.
· 60–80 KB basta para foto de lanche; use 120–200 KB se a imagem tiver texto miúdo.
· O cartão usa recorte 16:9 (
· JPG é o mais compatível; WebP gera arquivo menor e é aceito nos navegadores atuais.
· Ao trocar uma foto no servidor, mude o nome do arquivo: o celular do cliente pode guardar a versão antiga em cache.
· O site não lê
· Precisa de outro tamanho ou proporção? Em Resolução de saída, escolha Personalizado e informe a largura e a altura em pixels.
· 60–80 KB basta para foto de lanche; use 120–200 KB se a imagem tiver texto miúdo.
· O cartão usa recorte 16:9 (
object-fit: cover): em fotos, prefira Preencher; em imagens com texto, 16:9 cheio. As tarjas usam a cor de fundo — no tema escuro do site, prefira fotos ou uma cor escura. Com WebP dá para deixar o fundo transparente e o cartão aparece por baixo.· JPG é o mais compatível; WebP gera arquivo menor e é aceito nos navegadores atuais.
· Ao trocar uma foto no servidor, mude o nome do arquivo: o celular do cliente pode guardar a versão antiga em cache.
· O site não lê
cardapio.json: o que vale é a planilha + os arquivos em img/.