Imagens de produto para o Webflow, leves o bastante para o envio.
O Webflow não define tamanho em pixels para as imagens de produto; o limite dele recai sobre o peso de cada arquivo. O Estúdio de produto recebe uma foto do produto, coloca-o em um fundo de estúdio ou em uma cena ambientada e o entrega em 2K ou 4K. Um PNG em 2K pode pesar mais do que o Webflow permite, de modo que o download em JPG é o arquivo mais seguro para uma loja no Webflow.
Onde o Webflow traça seus limites.
- 1
Um limite de peso em vez de um tamanho
Qualquer tamanho de imagem pode ser enviado ao Webflow, desde que o arquivo fique abaixo do limite de peso. Um PNG de uma cena detalhada fica pesado: em 2K ele pode passar desse limite, e um arquivo em 4K é maior ainda. O download em JPG é o arquivo mais seguro. Leia o peso de cada arquivo antes de enviá-lo; o limite em si está na tabela desta página.
- 2
Main image e More images
Um produto do Webflow tem um campo Main image e um campo More images, que comporta um número limitado de outras imagens. Arquivos SVG não são permitidos nos campos de imagem de produto e de variante. Dê ao campo Main image a vista inteira mais simples; as demais posições podem receber outros ângulos, uma cena ambientada e um detalhe de perto, feitos a partir da mesma foto de origem.
- 3
Variantes responsivas, exceto na importação
A partir de uma imagem suficientemente larga, o Webflow gera um conjunto de variantes mais estreitas, no caso de imagens inline em JPG, PNG e WebP. Imagens adicionadas por uma importação de CSV ou pela API não recebem essas variantes, e o Webflow diz que elas já deveriam estar no tamanho certo e otimizadas. Um catálogo trazido por importação precisa, portanto, ter os arquivos preparados de antemão.
O que Webflow exige.
Fonte: Webflow Help Center — Responsive images; Image; Image file types; Image resolution; Multi-image Collection field; Ecommerce Collections overview; Assets panel; Image conversion tool; Import/export Ecommerce products and variants; Include alt text on images. Verificado em 12 de outubro de 2026.
- Tamanho do arquivo
- Máximo de 4 MB para cada imagem
- Tamanho
- Imagens de qualquer tamanho podem ser enviadas, desde que o arquivo seja menor que o limite de 4 MB; imagens WebP têm um limite de 16.383 pixels de lado
- Formatos
- PNG, JPEG, SVG e WebP são apontados como os melhores formatos de imagem para envio
- Não permitido
- Imagens SVG nos campos de imagem de produto e de variação, e arquivos AVIF animados
- Quantidade
- Um produto tem um campo “Main image” e um campo de várias imagens “More images”, que comporta até 25 imagens
- Imagens responsivas
- Para uma imagem com mais de 3.200 pixels de largura, o Webflow gera 7 variantes em 3.200, 2.600, 2.000, 1.600, 1.080, 800 e 500 pixels; as variantes são feitas para imagens JPG, PNG e WebP inline
- Importações por CSV e API
- Imagens adicionadas por importação de CSV ou pela API não recebem variantes responsivas; por isso, já devem estar no tamanho certo e otimizadas
- WebP e AVIF
- Arquivos JPEG e PNG podem ser convertidos em WebP ou AVIF com a ferramenta de conversão integrada; a conversão tem perdas e substitui o arquivo original
- Texto alternativo
- O texto alternativo pode ser definido para cada imagem, inclusive para cada imagem de um campo de várias imagens; o Webflow AI pode gerá-lo para JPG, PNG, GIF, WebP e AVIF
A foto por trás de uma página de produto do Webflow.
- Faça uma foto do produto inteiro e outra, de perto, da parte mais fina dele, um fecho, um mostrador ou uma etiqueta costurada; o campo More images tem espaço para uma vista de detalhe ao lado da principal.
- Mantenha todas as bordas do produto dentro da foto, com uma margem ao redor; uma parte cortada pelo enquadramento não pode ser reconstituída com fidelidade, seja qual for a cena escolhida depois.
- Anote o nome, o material e a cor do produto enquanto ele está em mãos: o Webflow permite definir texto alternativo para cada imagem, inclusive as do campo More images.
Fotos de produto para Webflow: respostas.
O PNG ou o JPG deve ir para uma loja no Webflow?
O JPG, na maioria dos casos. O Webflow limita o peso de cada arquivo de imagem, e um PNG em 2K da Herofab pode ser mais pesado do que esse limite, enquanto o JPG da mesma imagem é mais leve. PNG e JPEG estão ambos entre os formatos que o Webflow cita para envio. Se um PNG for desejado, o peso dele deve ser lido antes; o verificador de tamanho de imagem gratuito testa um arquivo no navegador com o limite publicado pelo Webflow.
A ferramenta de conversão do Webflow pode ser usada em imagens da Herofab?
A ferramenta integrada do Webflow converte arquivos JPEG e PNG em WebP ou AVIF. O Webflow descreve a conversão como uma conversão com perdas e diz que ela substitui o arquivo original. Guarde fora do Webflow, como cópia mestra, o arquivo baixado da Herofab antes de converter, e observe as letras finas do produto depois de feita a conversão.
Quantas imagens um produto do Webflow comporta?
Uma no campo Main image e mais uma quantidade definida no campo More images; o número está na tabela desta página. O Estúdio de produto pode mostrar o produto de frente, de três quartos, de lado ou de cima, em um fundo liso ou em uma cena, tudo a partir de uma foto de origem. Cada imagem acrescentada é mais um arquivo sujeito ao limite de peso, e cada uma pode ter o seu texto alternativo.
Quanto custa?
4 créditos por imagem, mais um crédito para 4K. O custo aparece antes de gerar e, se um trabalho falhar, os créditos são devolvidos. Os 20 créditos gratuitos do cadastro cobrem 5 imagens com esta ferramenta.
Sua próxima coleção, fotografada nesta semana.
20 créditos no cadastro, sem cartão. Imagens feitas com créditos gratuitos têm marca d’água.