> ## Documentation Index
> Fetch the complete documentation index at: https://docs.teceo.co/llms.txt
> Use this file to discover all available pages before exploring further.

# guia de tamanhos de fotos e vídeos

os formatos, tamanhos e quantidades aceitos em cada imagem e vídeo da teceo.

a página está dividida em três partes: o que o sistema exige e recusa no envio, a proporção e a resolução indicadas para cada imagem, e o que acontece com o arquivo depois que ele entra.

## o que o sistema exige

### formatos aceitos

| tipo | formatos |
| - | - |
| imagem | `.jpg`, `.jpeg`, `.png`, `.webp`, `.jfif` |
| vídeo | `.mp4`, `.avi`, `.mkv`, `.wmv` |
| PDF | `.pdf` |

três telas têm lista própria:

| tela | imagem | vídeo |
| - | - | - |
| fotos internas e externas da loja, no cadastro do cliente | `.jpg`, `.jpeg`, `.png`, `.webp`, `.svg` | não aceita |
| mídias do caso de devolução | `.jpg`, `.jpeg`, `.png`, `.webp`, `.jfif` | `.mp4`, `.webm`, `.ogg` |
| imagem de capa e banners do catálogo | `.jpg`, `.jpeg`, `.png`, `.webp`, `.svg` | não aceita |

a capa e os banners do catálogo são convertidos para `.webp` no envio.

### quantidade e tamanho por tela

| onde | quantidade | tamanho máximo por arquivo |
| - | - | - |
| [mídias do produto](/docs/produtos/configurar-cada-cor-do-produto), por cor | 7 arquivos, sendo no máximo 1 vídeo | 5 MB |
| imagem de capa do catálogo | 1 imagem | 5 MB |
| banner para computadores | 1 imagem | 5 MB |
| banner para celulares | 1 imagem | 5 MB |
| produtos de destaque do showroom | 12 imagens | 5 MB |
| mídias do showroom | 12 arquivos em PDF | 100 MB |
| fotos internas e externas da loja | 7 imagens | 5 MB |
| arquivos do cliente | 12 arquivos | 10 MB |
| mídias do caso de devolução | 15 arquivos | 5 MB |

cada seção do showroom está detalhada na [referência de campos do showroom](/docs/showroom/referencia-de-campos).

a imagem de login é a única que recusa o arquivo pela dimensão. o limite dela está em [imagem de login](#imagem-de-login).

## a proporção e a resolução de cada imagem

nenhum envio é recusado por proporção ou por resolução. as duas mudam o resultado na tela:

| o que | o que acontece fora do indicado |
| - | - |
| proporção | a plataforma exibe a imagem dentro de um espaço de proporção fixa e preenche esse espaço inteiro. o que sobra fica de fora, e o enquadramento não é ajustável depois do envio. o [logotipo da marca](#logotipo-da-marca) é a exceção |
| resolução abaixo | a imagem perde nitidez, principalmente nas fotos de produto, que ficam armazenadas como foram enviadas e são ampliadas na galeria |
| resolução acima | não há ganho nas imagens que a plataforma redimensiona, listadas em [o que acontece com o arquivo depois do envio](#o-que-acontece-com-o-arquivo-depois-do-envio) |

as medidas em pixels abaixo são um exemplo de cada proporção, não uma exigência.

a foto de produto tem dois formatos, e cada marca usa um: retrato 10:16 ou quadrado 1:1. a escolha é da marca inteira e vale para todos os produtos, então a proporção das fotos precisa seguir o formato configurado.

<Frame>
  <img src="https://mintcdn.com/teceo/FhS3aIe-GaY_KfYl/images/docs/midias/guia-de-tamanhos.svg?fit=max&auto=format&n=FhS3aIe-GaY_KfYl&q=85&s=9c1ccd2d34647bf12ffa78413af2ad40" alt="guia de tamanhos das imagens da teceo. marca: logo horizontal com 1.024 px de largura, altura conforme a proporção da logo, até 5 MB, em png ou webp, com fundo transparente; a logo precisa ser enviada rente ao desenho, porque a imagem inteira vai para o topo da tela e a sobra em volta deixa a logo menor e desalinhada. showroom: ícone da marca em 320 por 320, quadrado 1:1, até 5 MB; capa do showroom em 2.500 por 1.250, paisagem 2:1, até 5 MB; ambos em png, jpg ou webp. catálogo: capa em 2.000 por 2.500, retrato 4:5; banner para computadores em 2.700 por 600, paisagem 9:2; banner para celulares em 1.600 por 1.200, paisagem 4:3; todos até 5 MB, em png, jpg, webp ou svg. produtos: cada marca usa um dos dois formatos, até 7 mídias por cor, sendo 1 vídeo; formato retrato em 1.050 por 1.680, retrato 10:16; formato quadrado em 1.680 por 1.680, quadrado 1:1; ambos até 5 MB. cores: imagem usada no seletor de cores em 320 por 320, quadrado 1:1, até 5 MB. se a arte fugir da proporção, a imagem é cortada pelo centro para preencher o espaço, e a logo é a única exceção, que aparece inteira, sem corte." width="1200" height="2632" data-path="images/docs/midias/guia-de-tamanhos.svg" />
</Frame>

os produtos de destaque e as mídias em PDF do showroom não aparecem no guia acima, e os limites dos dois estão na tabela de quantidade e tamanho por tela.

## o que acontece com o arquivo depois do envio

parte das imagens é redimensionada assim que chega. o valor abaixo é a largura em que a imagem fica armazenada, e a altura acompanha a proporção do arquivo enviado.

| imagem | largura armazenada |
| - | - |
| imagem de capa do catálogo | 1920 px |
| banner para computadores | 2500 px |
| banner para celulares | 2500 px |
| imagem de capa do showroom | 1920 px |
| foto da logo do showroom | 512 px |
| logotipo da marca | 1024 px |
| imagem de login | 1440 px |

a imagem de cores do produto segue outro caminho: ela é convertida em duas versões, de 128 px e
de 661 px de largura.

as demais mídias são armazenadas na dimensão em que foram enviadas.

## logotipo da marca

o logotipo da marca é o desenho inteiro, e não apenas o símbolo. ele ocupa a parte superior da plataforma. na tela ele aparece como logo horizontal, e o cadastro pede duas imagens, uma para fundo claro e uma para fundo escuro.

o cadastro é feito por ambiente: uma marca com ambientes separados de pronta-entrega, franquia e atacado cadastra o par de imagens em cada um deles.

| item | valor |
| - | - |
| formato | `.png` ou `.webp`, com fundo transparente |
| versões | duas: logo horizontal e logo horizontal para fundo escuro |
| tamanho máximo | 5 MB |
| largura | 1024 px. arquivos maiores são reduzidos para essa largura no envio |
| altura | conforme a proporção do logotipo |
| proporção | horizontal |

### a margem ao redor do desenho

o logotipo é a única imagem que aparece inteira no espaço reservado a ela, sem cortar as bordas. em compensação, o arquivo inteiro ocupa esse espaço, inclusive a área transparente em volta do desenho.

envie o arquivo ajustado ao contorno do desenho. quando o arquivo tem margem sobrando, o desenho aparece menor e desalinhado em relação aos demais elementos. o fundo transparente não altera esse comportamento, porque os limites do arquivo continuam ocupando o espaço.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/teceo/images/docs/midias/logotipo-da-marca.png" alt="especificação do logotipo nas versões logo horizontal e logo horizontal para fundo escuro, as duas em .png ou .webp com fundo transparente, 1024 px de largura e até 5 MB, e a comparação entre dois arquivos no mesmo espaço da parte superior da plataforma: no primeiro, o desenho ocupa uma fração do arquivo e aparece pequeno; no segundo, o desenho preenche o arquivo e aparece maior" />
</Frame>

## imagem de login

a imagem de login é exibida na tela de entrada da marca. é a única imagem da plataforma que recusa o arquivo pela dimensão: abaixo do mínimo, o envio apresenta a mensagem de imagem muito pequena.

| item | valor |
| - | - |
| formato | `.jpg`, `.jpeg`, `.png` ou `.webp` |
| tamanho máximo | 8 MB |
| proporção | quadrada, 1:1 |
| dimensão mínima | 1024 px de largura e de altura |
| largura armazenada | 1440 px |

o essencial da imagem precisa estar no centro, porque as bordas que sobram da proporção do espaço ficam de fora.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.