Editar e Otimizar as Imagens do Blog: Carregar Imagens mais Rápido

Um blog usa muitas imagens tanto nas postagens como também na criação do template, mas você pode otimizar essas imagens para carregarem mais depressa e melhorar o desempenho do seu blog, afinal quanto mais rápido o blog carregar melhor. Conheça uma ferramenta para otimizar imagens que vai ajuda-lo a deixar as imagens mais leves (arquivo com tamanho menor), mas também permite alguns efeitos nas imagens como, por exemplo, colocar bordas, redimensionar ou girar imagens.

Editar e Otimizar as Imagens do Blog

Neste tutorial vamos falar sobre melhorar as imagens que você já tem no seu computador e quer usar no seu blog, site ou até fotos para o Facebook, então se precisar de ajuda para criar ou encontrar imagens veja os links abaixo:
Criar e Colocar e Proteger Imagens no seu Blog
Sites para Fazer Imagens Online
4 Passos para Criar Banners ou Imagens para Usar em Blogs e Sites

Quando já tiver a imagem que deseja usar entre no site http://www.webresizer.com, clique no botão resize photos now, selecione e envie a imagem ou foto que deseja modificar.

editar e otimizar fotos para o facebook

Note que aparecem as opções crop imagem (cortar imagem) e border (borda) acima da imagem que enviou então clicando nestes itens você pode editar suas imagens. São ferramentas simples para colocar bordas nas imagens, mas veja que a borda se divide em 3 partes, ou seja, você pode editar as cores e largura de cada uma delas até conseguir o melhor efeito na imagem, veja o exemplo abaixo.

colocar bordas nas imagens

Depois que terminar clique no botão apply changes e pronto. Veja também que em nosso exemplo a imagem foi reduzida para a largura 460 por isso preste atenção neste detalhe para redimensionar a imagem para o tamanho que você quer. Você tem ainda as opções para girar a foto para evitas publicar imagens como muitas enviadas ao Facebook que a foto está de lado ao invés de estar em pé.

girar imagem

Agora que já fez todas as modificações que desejava é só clicar no link download this image para salvar a imagem no seu computador e depois utilizar como quiser no seu blog, site ou rede social. E como o assunto otimizar imagens tem como finalidade fazer o blog carregar mais depressa sugerimos que vejam mais algumas dicas falando sobre medir a velocidade do blog e achar outras formas de melhorar o tempo de carregamento do blog:
Como Diminuir o Tempo de Carregamento e Otimizar Blogs/Sites
Medir a Velocidade de Blogs e Sites - Contador Google Analytics

Esperamos que gostem desta dica para editar e otimizar imagens para deixar seu blog mais rápido. Abraços e sucesso.

10 comentários:

  1. Ola eu sei que não tem nada haver com o post mas eu queria saber uma coisa eu criei um novo blog mas não veio com a caixa de seguidores ja colocado então eu procurei ela nos gadgets e não achei o que aconteceu?

    ResponderExcluir
  2. Obrigado,pela dica, vou usar esse site agora para editar minhas imagens !!!

    ResponderExcluir
  3. Jose Lopes Neto está usando algum template que baixou pronto de algum site? se for o código pode estar direto no html do template.

    veja aqui como usar o firefox para achar erros no blog

    Como Encontrar Erros nos Códigos do Blog: HTML, CSS, Javascript

    ResponderExcluir
  4. Não fabiano eu não baixei meu template em algum site eu personalizei o meu template com o personalizar do blogger mesmo o que acha que pode ser não tem outro jeito de colocar a caixa de seguidores?

    ResponderExcluir
  5. se não estiver em um gadget tem que estar no html do blog.

    veja os gadgets de html/javascript também porque é possivel colocar os seguidores usando códigos html

    ResponderExcluir
  6. ah desculpe fabiano eu ja encontrei o gadget ele estava em mais gadgets o normal e ele estar em noções basicas mas eu achei então então o problema esta resolvido desculpe pelo incomodo

    ResponderExcluir
  7. optimizei meu site no dudamobile e quem acessar pelo celular já ta redirecionando para a versão móvel,mas o blogger contabiliza as visitas da versão móvel do duda mobile?

    ResponderExcluir
  8. Marcos deve contar as visitas de celular normalmente

    ResponderExcluir
  9. Ola meu amigo, estou usado varios recursos que esta aqui nos tutorias do seu blog,. minha pergunta é: existe algum código que posso usar para que quando eu postar , as imagens fiquem do mesmo tamanho dentro das paginas do blogger? meu blog, www.oslaineartes.com.br.
    fiz as paginas mas todas as vezes que faço postagem preciso adicionar manualmente as fotos dentro das paginas...
    Obrigado.
    Oslaine.

    ResponderExcluir
  10. Oslaine

    quando você envia as fotos para o blogger tem que escolher o tamanho delas uma a uma.

    talvez você encontre em alguns sites pessoas dizendo que é possível fazer isso com CSS, mas o problema é que controlando o tamanho da imagem assim você perde qualidade da imagem e pode deixar seu blog lento, além de correr o risco de aparecer de forma diferente em cada navegador.

    ResponderExcluir