# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ajuda.toplojas.com.br/geral/comprimindo-imagem.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
