Toplojas
  • Toplojas
  • Geral
    • Editar Páginas de Texto Livre
    • Alterando a Logo
    • Configurando Endereço da Loja
    • Enviando Arquivos
    • Ativando a aceitação de Política de Privacidade
    • Limpeza de Cache
    • Inserindo Textos Externos
    • Comprimindo Imagem
  • Formas de Pagamento
    • Configurando Formas de Pagamento
      • MercadoPago
      • PagSeguro
      • PagarMe (Integração Padrão)
      • PagarMe (Integração App)
      • PagHiper
      • Pix Manual
      • Cielo
      • UseRede
      • GetNet
      • PicPay
    • Configurar Forma de Pagamento Padrão
    • Configurando Vencimento
  • Formas de Entrega
    • Configurando Formas de Entrega
      • Correios (Sem Contrato)
      • Correios (Com Contrato)
      • DLog
        • Configurando Integração
        • Enviando os Pedidos
      • MelhorEnvio
        • Configurando Integração
        • Enviando os Pedidos
      • Frenet
      • TotalExpress
      • JadLog
      • Rodonaves
      • Frete Barato
      • Retirada na Loja
      • Tabela Personalizada
  • Produtos
    • Cadastrando Produtos (Simplificado)
    • Cadastrando Produtos (Variações)
    • Editando Produtos
    • Deletando Produtos
    • Ativando/Desativando Produtos
    • Alterando Estoque de Produto
    • Gerenciando Produtos Exibidos na Capa da Loja
      • Vitrines
    • Configurando Produtos Sob Consulta
    • Combos
    • Desconto por Forma de Pagamento
    • Ordenação Personalizada de Produtos
  • Departamentos
    • Cadastrando Departamentos
    • Editando Departamentos
    • Ativando/Desativando Departamentos
    • Alterando a Ordem dos Departamentos
  • Pedidos
    • Reabrindo um Pedido
    • Recuperando Pedido Reaberto
    • Análise de Fraudes
      • FControl
      • ClearSale
    • Origens de Pedidos
  • Banners
    • Configurando Banners
      • Banners de Slide
      • Banners Normais
  • SEO
    • Configurando SEO da Loja
  • Integrações
    • Facebook
      • Conta Comercial
      • Validando Domínio
      • Pixel
      • Catálogo de Produto
      • Suporte
    • Google Shopping (Merchant Center)
    • TotalExpress
      • Testando Dados
      • Configurando Integração
      • Gerando Código de Rastreio e PLP
      • Enviando PLP
    • Google Analytics
    • Google GA4
    • Google Tag Manager
    • Hotjar
    • Tags Personalizadas
    • JivoChat
    • Integrazap
    • Google AdWords
      • Configurando Ponto de Conversão
    • Sigep
      • Testando Dados
      • Configurando Integração
      • Gerando Etiqueta / PLP
      • Enviando PLP e Imprimindo Etiquetas
    • Correios Pré-Postagem Nacional (PPN)
      • Configurando Integração
      • Gerando Etiquetas
      • Confirmando Pacote
      • Imprimindo Etiquetas
      • Imprimindo Aviso de Recebimento
      • Imprimindo Declaração de Conteúdo
      • Cancelando Pacote
      • Perguntas Frequentes
  • Marketplaces
    • MercadoLivre
      • Configurando Integração
      • Departamentos
      • Produtos
      • Pedidos
      • Cuidados com o Anúncio
      • Qualidade do Anúncio
      • Problemas Comuns na Sincronia
    • OList
      • Integração
      • Produtos
      • Pedidos
    • ViaVarejo
      • Integração
      • Departamentos
      • Produtos
      • Pedidos
      • Status "VALIDO" em Produtos
    • SkuHub / B2W
      • Cuidados com o Anúncio
    • Integracommerce / MagazineLuiza
      • Cuidados com o Anúncio
  • DNS
    • Alterando DNS
      • Alterando DNS na Registro.br
  • E-mails
    • Acessando os E-mails
    • Acessando os E-mails via Internet (Webmail)
    • Acessando os E-mails via Programas/Celular
  • API
  • Video Aulas
    • O que é um Resultado Orgânico?
    • Facebook e Google Ads
    • Facebook Ads
    • Pixel - Facebook e Instagram
    • Sacolinha do instagram
Powered by GitBook
On this page
  • Exemplo de Imagem com Tamanho Excessivo
  • Como Reduzir
  • Exportando Imagens do Photoshop
  1. Geral

Comprimindo Imagem

PreviousInserindo Textos ExternosNextConfigurando Formas de Pagamento

Last updated 4 years ago

É 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

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:

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

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:

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

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

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

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

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

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

Após isto, clique em "Salvar":

Salve a imagem em seu computador:

TinyPNG – Compress WebP, PNG and JPEG images intelligentlytinypng
Kraken.io Image OptimizerKraken.io
Logo
Logo