O cardápio tem dois tipos de imagem, e cada um tem um formato próprio: a foto do produto e a imagem de cabeçalho da categoria.

Foto do produto

Fica dentro da ficha do produto, no topo.

  • O tamanho ideal é 1224 por 704 pixels, ou seja, um retângulo deitado.
  • Foto maior pode, desde que seja na mesma proporção deitada. O Hubt reduz sozinho.
  • Dá para adicionar mais de uma imagem por produto no botão Adicionar mais imagens, nos planos pagos. No Gratuito é uma foto por produto.
  • O botão Editar Imagem troca ou ajusta a foto que já está lá.

Nos dois lugares onde a foto aparece o corte é pelas bordas, com o meio da foto preservado. Por isso, deixe o prato no centro. Foto em pé perde muita coisa em cima e embaixo.

Sobrou faixa branca? O Hubt resolve. Se você enquadrar a foto e sobrar uma tarja branca nas laterais, o Hubt preenche esse espaço com um fundo borrado da própria foto, parecido com o que o Instagram faz. Fica bem mais bonito que a faixa branca. Quando a foto já tem fundo branco de verdade, o caso de garrafa e lata, ele mantém o branco mesmo.

Imagem de cabeçalho da categoria

É a faixa larga que aparece acima dos produtos de uma seção. Muita gente chama de banner, e é isso mesmo: é com ela que você coloca uma arte grande no meio do cardápio, com foto, chamada ou aviso.

Ela fica na edição da categoria, abaixo da cor.

O tamanho mínimo é 1472 por 492 pixels. É uma faixa larga e baixa, que aparece acima dos produtos daquela seção. Serve para uma foto de ambiente ou uma arte com o nome da seção.

Resumo dos tamanhos do Hubt

Junte tudo em um lugar só. Estes são os tamanhos de cada imagem da sua página.

  • Logo (marca): quadrada, a partir de 500 por 500 pixels. Aparece dentro de um círculo. Veja Nome e logo.
  • Fotos do perfil: quadradas, a partir de 800 por 800 pixels. A miniatura é quadrada, mas ao clicar a foto abre inteira. Veja Fotos do estabelecimento.
  • Foto do produto: 1224 por 704 pixels, deitada.
  • Imagem de cabeçalho da categoria: no mínimo 1472 por 492 pixels, uma faixa larga e baixa.
  • Imagem de compartilhamento: 1200 por 630 pixels, deitada. É o cartão que aparece quando você manda o link. Veja Prévia ao compartilhar.

Na dúvida, mande a maior que você tiver. O Hubt reduz a imagem sozinho, então uma foto grande não pesa a página. O contrário não funciona: foto pequena esticada fica borrada e não tem como consertar depois.

Como a foto chega no cliente

A mesma foto aparece em dois lugares: pequena no cartão da lista e grande no topo da ficha que abre quando o cliente clica.

Produto aberto na tela do cliente, com a foto, os tamanhos, os complementos e o botão Adicionar

Por isso a proporção deitada importa tanto. É essa foto grande que vende.

Dicas que valem para as duas

  • Luz natural resolve mais que filtro.
  • Fundo limpo faz o produto aparecer.
  • Mantenha o mesmo estilo em todas as fotos. Cardápio com fotos de estilos diferentes parece desorganizado.
  • Evite texto dentro da foto. Ele fica ilegível no celular.
  • Não use foto de banco de imagens de um produto que você não vende assim.

Perguntas frequentes

A foto ficou cortada.

Deixe o assunto no centro e respeite o formato deitado. O corte acontece nas bordas.

Como faço um banner no meio do cardápio?

É a imagem de cabeçalho da categoria. Crie uma seção só para isso, coloque a arte no cabeçalho e escreva o aviso na descrição da categoria. O bloco aparece com a cor que você escolher para a seção.

E onde escrevo um texto ou um aviso para o cliente?

Na descrição da categoria. Ela aceita várias linhas e aparece abaixo do título da seção, antes dos produtos. É por ali que sai aquele aviso do tipo “os molhos são vendidos separadamente”.

Posso ter produto sem foto?

Pode. Se a categoria inteira não tem foto, desligue Exibir imagem dos produtos na edição dela. Fica mais limpo.

Quantas imagens por produto?

No plano Gratuito é uma por produto. Nos planos pagos são múltiplas imagens.

Veja também