Essa é uma dica para todos aqueles que possuem sites ou blogs e que costumam postar muitas imagens, fiz esse tutorial principalmente porque entrei em muitos blogs e vi que o carregamento demorava devido a imagens mal postadas.
Muita gente conhece as propriedades height e width da imagem, onde você pode alterar a largura e a altura da imagem sem necessitar recortar.
O grande problema nesse caso é que a imagem carrega para o usuário com o seu tamanho original, ou seja, se a imagem tiver 1024x768 com 500kb, e você redimensioná-la para 640x480, ela continua pesando 500kb no seu site.
Agora vou mostrar 2 modos simples de deixar suas imagens mais leves e consequentemente seu site/blog carregar mais rápido.
Essas são as propriedades da imagem antes de alterar.
1ª- Para diminuir a imagem para uma largura específica, é recomendável que você use o Photoshop.
Digamos que você queira uma imagem com 500 pixels de largura, mas a que você possui tem 1024.
Abra a imagem no Photoshop e vá em Image -> Image size... que pode ser acessado também com o atalho Control + Alt + I e em português seria Imagem -> Tamanho da imagem... como na imagem abaixo
Leia o restante clicando aqui
Muita gente conhece as propriedades height e width da imagem, onde você pode alterar a largura e a altura da imagem sem necessitar recortar.
O grande problema nesse caso é que a imagem carrega para o usuário com o seu tamanho original, ou seja, se a imagem tiver 1024x768 com 500kb, e você redimensioná-la para 640x480, ela continua pesando 500kb no seu site.
Agora vou mostrar 2 modos simples de deixar suas imagens mais leves e consequentemente seu site/blog carregar mais rápido.
Essas são as propriedades da imagem antes de alterar.
1ª- Para diminuir a imagem para uma largura específica, é recomendável que você use o Photoshop.
Digamos que você queira uma imagem com 500 pixels de largura, mas a que você possui tem 1024.
Abra a imagem no Photoshop e vá em Image -> Image size... que pode ser acessado também com o atalho Control + Alt + I e em português seria Imagem -> Tamanho da imagem... como na imagem abaixo
Leia o restante clicando aqui
