Fabio Mierlo ([info]fmierlo) wrote,
@ 2008-06-30 00:44:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Otimizando...
Nas horas vagas desta última semana, eu praticamente fiquei organizando as fotos da viagem.

Vide experiências passadas, eu imagino que é melhor ler comentários em fotos do que um post gigante aqui no blog só te texto e só depois olhar as fotos.

Apesar de ter dado um bom trabalho comentar quase todas +700 fotos e separar elas por label eu também passei muito trabalho para deixar estas informações de uma forma acessível para as pessoas.

Com eu faço tudo isto em um monitor 1280x1024, eu sempre converti as imagens para 640x480 e aqui ainda sobrava espaço para os links, a data e os comentários.

Pela primeira vez na casa de alguém eu vi o quanto isto fica horrível em uma resolução 1024x768.

Depois de tentar fuçar sem sucesso eu vi que o flickr usa resolução 500x375 para as imagens ficarem boas na tela, com isto melhorou bastante a página das fotos.

Mas ainda tinha um outro problema, algumas pessoas reclamavam que demorava muito para carregar as páginas.

Só de passar os parâmetros "-strip" e "-quality 85" para o convert do ImageMagick baixou quase 75% o tamanho dos arquivos e aos meus olhos sem perda aparente de qualidade.

Algumas lições aprendidas...




(4 comments) - (Post a new comment)


[info]rafasgj
2008-07-01 01:54 pm UTC (link)
Como eu falei em outro post (ou devia ter feito o post), "listen to the pros", ou ao menos, por que já passou por esse martírio...

Sugestõoes:

1) Dimensão máxima do lado maior da imagem: 480 pixels.

2) Reduz a "qualidade" no ImageMagick para 75. Com esse tamanho de imagem fica bem legal. (Se tu duvida, é o que eu uso no meu site "pro".)

3) No comando para crias as imagens, utiliza o "unsharpen" do ImageMagick. Dá uma melhorada na imagem redimensionada (ela perde qalidade na interpolação).

4) Não sei se o "-strip" do ImageMagick, tira os EXIF/IPTC da imagem (ou se o ImageMagick tira eles porque não sabe lidar com eles), mas se ele não tira ou tem uma opção para isso usa. Quase ninguém quer informações de como tu capturou as fotos, e faz uma boa diferença no tamanho.

Mais dicas como eu descobrir como diminuir ainda mais o tamanho sem perder a qualidade, afinal, eu ando pagando por tráfego, então, acredite, voltei a contar bytes. (Além de estar trabalhando com ASM PPC, mas isso é outra história...)

(Reply to this) (Thread)


[info]fmierlo
2008-07-10 03:51 am UTC (link)
Eu li sobre o unsharpen logo depois da última vez que eu redimensionei as fotos, vou tentar outra hora ou com as próximas que espero que sejam em menor quantidade :-)

Com o 85 eu vi depois que algumas não ficaram boas, mas acho que o unsharpen resolve isto.

Acho que o -strip tira o exif sim, bom pelo menos baixou 16K em cada foto.

Quanto a contar bytes, porque tu não aluga um espaço no Dreamhost? Eu acho que tem 1 TB de banda mensal!

(Wellcome back! :-)

ps: tu chegou a olhar as minhas fotos? Se sim o que tu achou delas?

(Reply to this) (Parent)(Thread)


[info]rafasgj
2008-07-10 11:03 am UTC (link)
1TB por mês resolve o problema de colocar vídeos no site, o que eu vou começar a fazer muito em breve, mas não resolve o problema de que quanto maior a imagem, mais tempo o cliente demora pra ver a imagem e se demorar muito, não compra. :)

Ainda não tive tempo de ver as tuas fotos, mas acho que consigo hoje, mais tarde.

E sobre tu esperar que sejam menos fotos da próxima vez, esquece. Isso só aumenta. :-)

(Reply to this) (Parent)


[info]rafasgj
2008-07-11 04:10 am UTC (link)
Olhei alguma coisa agora. Gostei de algumas, gostei muito de outras, tem outras que acho que nem tu gostou. Tem algumas que tu não botou na "melhores" que eu achei muito boas. E tem umas das "melhores" que eu teria deletado sem pensar. :)

O que deu pra notar claramente é que "faltou câmera" em algumas fotos. O mesmo aconteceu com o Hisham, em uma foto que ele tirou em Londres.

No final, acho que o que importa é que tu tem um ótimo registro da tua viagem. E se tu curtiu as fotos (já que curtir a viagem é um pouco mais fácil), é isso que importa.

(Reply to this) (Parent)


(4 comments) - (Post a new comment)

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…