Como Redimensionar Imagens Online

O artigo de hoje é uma dica sobre imagens e que pode ser bem útil para quem publica um blogue. ;)

A linha anterior deixou a curiosidade no ar? :D

Então passo a explicar... Como mencionei num artigo anterior, andei/ando a considerar começar a fazer alguns trabalhos pagos na personalização de blogues e afins, e quis o destino aparecer-me um trabalho desse tipo pouco tempo depois e onde entre algum trabalho no código HTML e respectiva personalização no CSS, o cliente entregou-me uma pasta com fotos/imagens que ele gostaria de ver colocadas no blogue.

Até aqui tudo bem, podem vocês pensar. Mas estariam errados. Aqui foi onde começou a situação que me levou a descobrir a dica que vos quero deixar hoje. =D

Aconteceu que cada uma das imagens na pasta que recebi tinha entre 2.5MB e 5.5MB. O-o

Ou seja, eram Gigantescas!!! Sem contar que ao alojar imagens no Picasa só dispomos de um determinado espaço, conforme a nossa situação em relação ao G+, carregar cada uma dessas imagens no site iria demorar uma eternidade além do tempo de carregamento da página onde tinha que as colocar no blogue em questão... Qualquer navegador iria enlouquecer.

Mas vocês podem perguntar: Qual o problema, rapaz? Tu não és um às do Photoshop?

Pois, não digo um às... :-`

E não seria um problema para mim, mas neste caso eu tenho feito este trabalho no meu part-time da noite e no computador de lá não tenho acesso aos programas que tenho instalados no meu PC.

O que me levou a procurar uma alternativa, de preferência online, e que servisse para o fim que eu pretendia: Reduzir as ditas imagens gigantescas de tamanho mas sem que perdessem muita qualidade e se possível, sem alguma dessas marcas-de-agua que normalmente esse tipo de programas online imprimem quando os utilizamos.

Após alguma pesquisa, onde encontrei (e testei) vários programas online que comprimem imagens, acabei encontrando um que me agradou bastante: O JPEG Optimizer.

Está em inglês mas é um site bem intuitivo e fácil de utilizar. Tem ainda uma página de exemplos onde podem ver alguns exemplos de como fica cada imagem após passar pelo processo.

Só por curiosidade, nas imagens que precisei de comprimir o tamanho através deste site, utilizei a compressão nível 75 e resultou bastante bem sem perder qualidade.

Para ajudar a entenderem, caso não percebam inglês ou tenham alguma dificuldade, deixo abaixo um exemplo (pensei colocar uma imagem, mas depois Meh! Uma div com algum CSS também serve. »: ) do que encontram na pagina do JPEG Optimizer:

Tradução ou Explicação a Vermelho.

» JPEG Optimizer - Digital Photo Compression and Resizing
Photo to Optimize:Aqui é onde seleccionam a imagem no vosso computador que querem comprimir
Compress Image Comprimir Imagem Compression Level 0-99 Nível de Compressão 0-99
Resize Photo Redimensionar Foto New Photo Width in Pixels A nova Largura da foto em Pixels
* - Large photos may take a few moments. Please be patient. Fotografias grandes podem demorar algum tempo. Por favor tenha paciência.
 

Bem, espero que esta dica ajude alguém de alguma maneira. :)

Até Breve. :-F

Este Artigo foi útil?
Então se quiser, pode pagar-me um café. ;)

Escolhe com Sabedoria:

Deixa o teu comentário no Formulário Incorporado (NOTA: As respostas directas aos comentários só são possíveis utilizando este Formulário.) , ou no Antigo Formulário em uma nova janela, ou então no Formulário em Pop Up .

LER AS REGRAS ANTES DE COMENTAR! MOSTRAR EMOTICONS
Ler Antes de Comentar ◊  As Regras dos Comentários:
  • O comentário precisa ter relação com o assunto!
  • O comentário que deixares é da tua inteira Responsabilidade!
  • Comentários anónimos São permitidos,MAS:

    • Por favor, evita comentar em MAIÚSCULAS .
    • Por favor, não faças Spam.
    • Por favor, não utilizes termos obscenos ou ofensivos.
    • Comentários considerados Spam ou ofensivos serão apagados.
◊  Para deixares a URL do teu blogue, comenta com OpenID, ou com a opção NOME/URL.
◊  Podes usar algumas tags HTML como:
  • @<strong>Nome</strong> para mencionar a quem se responde o comentário.
  • <em>Fulano disse:<i>Texto Citado</i></em> para colocar uma Citação.
  • Para inserir um link ou um vídeo do YouTube, basta só escrever o endereço URL como texto normal.
  • <i>Texto em Itálico</i>
  • <b>Texto em Negrito</b>
    • HTML EXTRA:
    • [im]URL DA IMAGEM[/im] para colocar uma imagem.
    • [ma]Texto rolando[/ma] para colocar texto rolando.
    • [si="2"]Texto com tamanho determinado[/si] Altera o numero para determinar o tamanho da letra.
    • [co="red"]Texto em cor[/co] Altera a cor do texto.
    • [ce]Texto centrado[/ce] centraliza o texto.
    • [ma+]Texto rolando para a direita[/ma+]
    • [box]"encaixotar" o texto[/box]
    • [mark]Texto Marcado[/mark]
    • [card="blue"]Texto com fundo[/card] Altera a cor de fundo do comentário.
    • [im#]URL DA IMAGEM[/im] para colocar uma imagem que ocupe TODA a largura.
    • [hi="yellow"]Texto Destacado[/hi]
  • ATENÇÃO: Comentários com imagens ou vídeos com conteúdo ofensivo ou inadequado serão REMOVIDOS, SEM EXCEPÇÃO!!!
FECHAR
NOTA: os códigos dos emoticons devem ser inseridos separados das restantes palavras ou pontuação. OCULTAR EMOTICONS

0 comentários :

Enviar um comentário