Tamanho vs Qualidade da Foto no site

Ola!
Ao enviar um ensaio para o portifólio site/blog, normalmente o pessoal costuma compactar as fotos até quantos MB mais ou menos?

Danilo

Quanto maior, mais demora o carregamento, o que pode ser um “broxante” para quem deseja ver

96 dpi é o maximo que uso para monitor, e o tamanho da foto vc achar por ai, se pretende que o visitante visualize uma 20x30 é só rebaixar as suas com esses dados… eu acho :ponder:

Meu site é e-commerce e é limitado em 458x458 px

Olá!
Então, eu deixei as fotos em média, 1500px de largura, em 600kb mais ou menos. Mas não fica muito legal.

Eu já tentei fazer o mesmo em 72 dpi, perde qualidade de mais. Até hoje não acho uma boa solução para isso.

Meu site estava lento e um dos motivos era o “peso” das fotos, eu só redimensionava para 1200px e pronto, só que os arquivos ficavam com 700kb em média, aí comecei a exportar as fotos com 300kb no máximo e acho q deu uma boa melhorada.

Mas e a qualidade das fotos em 300kb. Você acha que ficaram boas?

Eu comecei meu site usando 2048px, mas ficou pesado.
Ai adotei 1024px, qualidade 8 no PS.

Aí que está, eu quase não noto diferença nenhuma, fiz vários testes antes pois não abro mão da qualidade. Têm que reparar muito para ver alguma diferença.

Então, atualmente no meu site as fotos estão em 300kb. De início eu não vi muita diferença, daí eu resolvi fazer de novo algumas e quando salvei em 700kb + ou - vi uma diferença muito grande. Depois comparando com a original e a de 700kb a diferença é razoavel. Claro que as vezes uma pessoa não vai reparar, mas sei la né

Eu deixei assim, o que achas? http://www.dcsdesenvolvimento.com.br/books/book-infantil-campo-mourao-r-l-viana/1

ficou muito boas as fotos; no meu monitor estão perfeitas…

Danilo… acho que deve ser alguma coisa no script do site… na página que vc postou as fotos aqui pra mim parecem bem pixealizadas… parecem em baixa resolução. Já quando se clica na foto e ela abre em janela maior elas aparecem corretamente.
Abs.

Vc trabalha com desenvolvimento (pelo que eu vi) e acho que pode melhorar isso aí.

Tá tudo meio podrão as fotos e aí quando abre a foto tem 700kb.
Lembre-se que estamos na era da mobilidade. Quanto menor a foto, melhor (em kb).

Abcs

Opa Obrigado pela ajuda e pelo elogio :ok:

Obrigado por dar uma olhadinha também. Então para que carregasse a página mais rápido eu usei um script que a qualidade das fotos diminuíssem, mas ao clicar em uma foto ela aparecesse com qualidade melhor. Estou testando essa estratégia. Digamos que elas são as “miniaturas” das fotos.

Opa, obrigado por ter também entrado la! Podrão vc diz baixa qualidade as fotos da galeria?

Danilo, aqui também apareceram alguns pixel nas miniaturas.

Olá!

Minha preocupação é o tempo de carregamento.
Só se eu aumentar a qualidade. Ela está em cerca de 60% eu acho da original

O meu site é feito na plataforma da 46 graus. Eu subo as imagens em 96dpi e 960px no lado maior, isso para a visualização grande. Para as miniaturas, o próprio site redimensiona, mas não sei as configurações que eles usam. Aliás, entendo muito pouco sobre web.

Eu nunca penso no tamanho do arquivo, o que importa ao exportar a foto é saber a resolução predominante dos browsers/monitores que estão acessando sua foto, e a questão das cores (qualidade).

Neste site vc encontra pesquisas com a estatística de resolução da maioria dos monitores de atualmente.

Ao longo dos anos a resolução vai aumentando, então o que eu faço aqui é exportar na melhor resolução para a maioria das telinhas do momento. Hoje esse numero esta por volta do Full HD, 1920x1080. Tem tbm a questão do wiewport e da proporção do pixel, mas imagino que a melhor experiencia do cara será ver a foto em tela cheia, nesta resolução (1920x1080). Se a tela do cara for maior que isso, haverá uma especie de ampliação da foto feita pelo browser, e se for menor haverá redução.

Falando de cores, o padrão de exportação é sempre sRGB, por que ainda tem browser que não faz a conversão corretamente do Adobe RGB para sRGB, e ai as cores ficam esquisitas. A compressão do JPG no momento da exportação depende muito da foto original, mas pensando em arquivos nativos das câmeras de foto, algo por volta de 70-80% é ideal pra foto ficar bacana.

As conexões de internet da maioria das pessoas interessadas em visualizar minhas fotos é suficiente para velocidade de carregamento agradável, nestas condições. Essa coisa de redução ou ampliação da foto deve ser gerenciada pelo browser e pelo construtor do site, através das linhas de programação que ele projeta para ver a foto em diferentes dispositivos, e disso ai eu não entendo.

Danilo… EMHO este pode ser um tiro no pé.
Se vou ver um site e a foto já aparece ruim de cara… desisto… nem me dou ao trabalho de ver o resto.
Claro que isso vale também pelo tempo de carregamento.
Sobre o 46graus… que o padilhadim hospeda… eu fiz o meu lá pra testes… achei a plataforma bacana, porém com limitações de configuração… e nas vezes que tentei, demorou pra carregar. Não me agradou muito não. Mas isso é minha opinião.
Abs.

pra colocar no site te recomendo usar o faststone: Download FastStone Photo Resizer | Baixaki

dos que já testei ele foi o melhor pra baixar o tamanho do arquivo sem perder tanto a qualidade da imagem. Você consegue deixar uma foto grande pra visualização com um tamanho bem pequeno, perto de 150kb…

tenho compactado tudo que vai pro meu site por ele. (exceto no portfolio que uso o 500px… mando na maior resolução e eles cuidam do redimensionamento)

Como fui eu que desenvolvi, aí eu que tenho que programar para fazer tudo isso. Na verdade elas redimencionam também conforme o tamanho do monitor. Só não sei dizer se tem a mesma eficiência que o sistema que você usa.

Então eu concordo com você, eu prefiro assim também. Inclusive eu me inspirei no blog da fotógrafa Luciana Prado. Se ela não postou com a qualidade máxima, está quase lá. O problema que as fotos dela são maiores mas parece que carrega mais rápido. Sem esse script para reduzir a qualidade chegava até a travar meu tablet. Olha que as fotos eu reduzi para menos de 600kb.

Eu vou analisar depois direitinho esse link. Meu site redimenciona as fotos conforme a resolução também. (pelo menos a ideia é que fizesse isso hehe).
Na exportação eu usei aquele esquema do PS de exportar para a web. Eu deixei ticado aquela opção da conversão de cores.
Então vamos fazer o teste se for possível por favor. Eu vou aumentar o valor da miniatura pelo script que uso aí o pessoal me fala se está carregando muito lento ou não, pode ser?
Daí depois mais para frente eu vou tentar resolver um outro probleminha que esses espaços em branco :ok:

http://www.dcsdesenvolvimento.com.br/books/book-infantil-campo-mourao-r-l-viana/1

Outro probleminha é que ainda estou aprendendo usar este sisteminha de ThumbPhp :smiley:

A propósito quem ja acessou o link e for acessar de novo talvez precise dar um ctrl+f5 para recarregar tudo de novo