--- title: "Fotos de produto para Webflow dentro do limite de peso | Herofab" description: "Para uma loja no Webflow, a Herofab cria de uma foto uma imagem de estúdio ou ambientada; o JPG é o download mais seguro diante do limite de peso do Webflow." url: https://herofab.app/pt/tools/product-photos-for-webflow language: pt updated: 2026-10-12 --- # 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. [Comece grátis](https://app.herofab.app/login?lang=pt) · [Estúdio de produto](https://herofab.app/pt/tools/product-photography) ![Um frasco de perfume com filigrana dourada sobre um bloco de mármore](https://herofab.app/img/ex/perfume-marble-1100.webp) Feito com a Herofab · Estúdio de produto ## 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](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-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 [Webflow: requisitos das fotos de produto](https://herofab.app/pt/guides/webflow-ecommerce-product-image-size) · [Verifique suas imagens — grátis](https://herofab.app/pt/tools/image-size-checker) ## 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. [Estúdio de produto](https://herofab.app/pt/tools/product-photography) · [Imagem principal](https://herofab.app/pt/glossary/main-image) · [Imagem de ambiente](https://herofab.app/pt/glossary/lifestyle-image) · [Proporção da imagem](https://herofab.app/pt/glossary/aspect-ratio) Exemplos por produto [Fotos de produto para Square Online](https://herofab.app/pt/tools/product-photos-for-square-online) · [Fotos de produto para Lightspeed eCom](https://herofab.app/pt/tools/product-photos-for-lightspeed) · [Fotos de produto para Big Cartel](https://herofab.app/pt/tools/product-photos-for-big-cartel) · [Fotos de produto para SHOPLINE](https://herofab.app/pt/tools/product-photos-for-shopline) · [Fotos de produto para Wayfair](https://herofab.app/pt/tools/product-photos-for-wayfair) · [Fotos de produto para Orderchamp](https://herofab.app/pt/tools/product-photos-for-orderchamp) · [Fotos de produto para ABOUT YOU](https://herofab.app/pt/tools/product-photos-for-about-you) · [Fotos de produto para Trendyol](https://herofab.app/pt/tools/product-photos-for-trendyol)