> For the complete documentation index, see [llms.txt](https://ajuda.toplojas.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.toplojas.com.br/geral/comprimindo-imagem.md).

# Comprimindo Imagem

É importante que as imagens utilizadas na loja (*Em banners, produtos, etc*) sejam LEVES.

As imagens **não devem ultrapassar 100 kb**, imagens acima deste tamanho começam a afetar a velocidade da loja.

## Exemplo de Imagem com Tamanho Excessivo

![](/files/-MZytdfuHawSrK4SicRO)

Esta imagem tem **1.37 mb**, considerando que a capa da loja tenha *20 produtos* sendo exibidos, teríamos **27 mb** apenas de imagens de produtos na loja, o que afetaria diretamente a velocidade da loja.

## Como Reduzir

Existem alguns sistemas que permitem comprimir imagens, são eles:

{% embed url="<https://tinypng.com/>" %}

{% embed url="<https://kraken.io/web-interface>" %}

Estes compressores reduzem **drasticamente o tamanho da imagem**, removendo elementos que não são necessários para um site.

Utilizando a imagem de exemplo deste arquivo, a imagem de **1.37 mb** foi comprimida para **33.9 kb**, uma redução de **98%**:

![](/files/-MZyuMBMEtPFbw1-jkCs)

## Exportando Imagens do Photoshop

Caso você tenha sua imagens no formato PSD (*Ou um outro formato editado via Photoshop*) ou suas imagens estão em **CMYK** ou estão acima de **72 dpi**, é requerido que seja feito a exportação para web.

Antes de tudo, vamos verificar se a imagem esta em **RGB**, para isto, veja a barra onde esta o nome da imagem:

![](/files/-MZyyGMRB5UNhz8nWSRP)

Caso não esteja em **RGB** (*Por exemplo, caso esteja em CMKYK*), clique em "**Imagens -> Modo -> Cores RGB**":

![](/files/-MZyyU3yG4AEY_x9lh1x)

Agora precisamos checar a configuração de **DPI**, para isto, clique em "**Imagem > Tamanho da Imagem**":

![](/files/-MZyzIhM15u9bVTexZII)

No campo "**Resolução**" preencha com "**72**" e no campo ao lado selecione "**Pixels/polegadas**":

![](/files/-MZyz9YCMmHhNu1TKrrZ)

Agora que já definimos as configurações, iremos exportar a imagem para utilizar na loja.

Clique em "**Arquivo -> Exportar -> Salvar para a Web**":&#x20;

![](/files/-MZyvvAW6DrptyF012Jg)

Nesta tela, selecione "**Otimizado**" e na "**Qualidade**" preencha com "**72**":&#x20;

![](/files/-MZz1G3QWzzpfG_NxFZt)

Após isto, clique em "**Salvar**":&#x20;

![](/files/-MZyvxQOJcFxhgGPIK7m)

Salve a imagem em seu computador:

![](/files/-MZyvzpVQXVDDkG1smvd)
