DIGITAL MARKETING AGENCY

Otimizando suas imagens em um website: 3 dicas

Compartilhar sem facebook
Facebook
Compartilhar sem twitter
Twitter
Compartilhar sem linkedin
LinkedIn
Compartilhar nenhum e-mail
Email
otimizando suas imagens em um site

Otimizando suas imagens em um website:

Uma grande porcentagem do conteúdo de um website são imagens. É necessário escolher as fotos certas e garantir que todas elas tenham o mesmo estilo e sejam exibidas corretamente no site.

Mas isso não é tudo. Também é necessário que as imagens não sejam apenas de qualidade, mas que sejam corretamente otimizadas para o site. Desta forma, é possível melhorar a velocidade de carregamento do site.

E como você deve saber, a velocidade de carregamento é um fator essencial para determinar se a experiência do usuário tem sido boa.

Otimização de imagens para o site não é nada de mais. É bastante simples de conseguir, desde salvar uma imagem editada até colocá-la dentro do site usando HTML e CSS.

E neste artigo, oferecemos algumas técnicas simples a serem colocadas em prática para melhorar a velocidade do seu site, utilizando imagens otimizadas.

otimizando suas imagens em um site

1-Utilizar a opção salvar para otimizar.

Salvar imagens para o site é uma das características que os editores de fotos como o Photoshop possuem. A escolha desta opção para salvar faz com que o programa comprima os arquivos e, portanto, eles pesam menos.

Mas tudo depende da qualidade que você coloca em suas imagens; obviamente, quanto mais alta a porcentagem de qualidade, mais pesadas elas são. Por esta razão, você terá que fazer escolhas, mesmo que você guarde suas fotos para o site.

Você terá que encontrar o equilíbrio entre qualidade de imagem e tamanho do arquivo. Em média, cada 10% da imagem o tornou 30% a 50% mais pesado.

Ferramentas como o Photoshop permitem gerar várias cópias de qualidade diferente na mesma janela e compará-las lado a lado.

Desta forma, você pode ver uma grande diferença entre escolhendo qualidade 70 ou 80 para suas fotos. Não defina um valor padrão para todas as suas imagens, faça esta verificação para cada uma delas, pois algumas fotografias têm cores mais intensas que normalmente requerem um ajuste de qualidade mais alto.

2-Utilizar o formato correto.

Para o site, são utilizados quatro formatos de imagem: JPEG, PNG, GIF, e SVG. JPEG é o formato mais comum para imagens e ilustrações; provavelmente a maioria das fotos em seu site estão neste formato. PNG tem transparência, por isso é usado para desenhos onde esta característica é necessária.

Pode ser usado, por exemplo, para colocar imagens de trabalho aberto de pessoas ou objetos dentro da composição. Por outro lado, o GIF é usado para animações. E SVG é um formato vetorial normalmente usado para logotipos e ícones.

Quando você está guardando sua imagem para o websiteCertifique-se de escolher o formato correto. Embora PNG seja um formato amigável à web, ele tende a ser ligeiramente mais pesado que JPEG, portanto, se você tiver imagens simples que não usam transparência, salve-as em JPEG.

3-Escolha os JPEGs de carregamento progressivo

Ao salvar para o site no Photoshop, você tem várias opções. As que você leva em conta são a qualidade e o formato de arquivo que você deseja salvar. Se o formato mudar, muitas das opções que você tinha em primeiro lugar mudam e são adaptadas ao tipo de formato que você está salvando.

Se você estiver trabalhando com JPEG, talvez tenha notado uma série de caixas de seleção (indique onde).

Uma caixa de seleção é essencial e pode não ter prestado atenção especial até agora. Estamos nos referindo à que indica "Progressivo".

Isto indica que o carregamento da imagem é feito progressivamente e, a princípio, o usuário pode ver uma imagem pixelada que se torna mais clara. Ao contrário do download "progressivo", encontramos o "otimizado", onde o download é realizado a partir da linha superior de pixels para baixo.

Embora a opção pelo upload "otimizado" possa parecer a melhor opção, principalmente por causa do nome, recomendamos a escolha do upload "progressivo".

A diferença no peso do arquivo é mínima entre as duas opções, o carregamento progressivo dá ao usuário a sensação de velocidade em seu website.

Assim, mesmo que as imagens demorem mais de dois segundos para carregar, eles saberão que pelo menos o site está carregando se o usuário notar estas imagens pixelizadas.

Deixe uma resposta

José Limardo

José Limardo

Escrito por

mais notícias

76% do Google & Facebook Orçamentos são Sorridos

Nós podemos ajudar você:

Você precisa de crescer seu negócios?

Sobre nós

Receba postagens por e-mail

Seja o primeiro a saber quando publicarmos um novo post no blog!

Participe de nosso blog e obtenha as melhores percepções de marketing digital, estratégias e dicas entregues diretamente em sua caixa de entrada.

>
pt_BRBR
Consultor

Como podemos ajudá-lo?

Ligue-nos +1 (305) 447-7060

Ao clicar em Contate-Nos botão você concorda com nosso Privacy Policy

Contate nossa equipe

Fale com um especialista em resultados!

Ao clicar em Enviar para botão você concorda com nosso Privacy Policy

Receba minha proposta grátis

Fale com um especialista em resultados!

Ao clicar em Enviar para botão você concorda com nosso Privacy Policy

Obrigado!

Tudo parece ótimo.

Estamos entusiasmados para começar, vamos escolher um momento em que possamos falar brevemente sobre seu projeto.