> 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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-e8348969472a813380913007a41a3290d8d50ae4%2F2021-05-05_20h37_34.png?alt=media)

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%**:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-0fb098509b82db8c31f1c2807273d26a8fb7de8f%2F2021-05-05_20h42_23.png?alt=media)

## 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 está em **RGB**, para isto, veja a barra onde está o nome da imagem:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-6c70d78d694653f8a5b23d38f5f773d8f8f9b579%2F2021-05-05_20h59_21.png?alt=media)

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-b40709df0d35ec541c9ab3fa1d42a4cdaf21cc49%2F2021-05-05_21h00_19.png?alt=media)

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-41152ed45888e9b61f3b47acd3a07fc7ade0d0eb%2F2021-05-05_21h01_12.png?alt=media)

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-257af90245993f6ca3a21b961b69872c902920b5%2F2021-05-05_21h03_24.png?alt=media)

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

Clique em "**Arquivo -> Exportar -> Salvar para a Web**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-e1ef5ebe3ec85c86e1a6478cbc511b9859a990df%2F2021-05-05_20h46_32.png?alt=media)

Nesta tela, selecione "**Otimizado**" e na "**Qualidade**" preencha com "**72**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-519d4e9706e1760a463131d0b58cb012ec50478c%2F2021-05-05_21h16_55.png?alt=media)

Após isto, clique em "**Salvar**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-ea52441fee54c64fea72b5cff68b90201b3e939a%2F2021-05-05_20h47_20.png?alt=media)

Salve a imagem em seu computador:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-11b6edbe497d5278d077312d8654d9024497fdda%2F2021-05-05_20h48_06.png?alt=media)