tamanho limite de imagem, fundo(background)
Qual o tamanho ideal para um arquivo de imagem para fundo(background) de uma pagina?
Gabriela Monte
Curtidas 0
Melhor post
Paulo Gualter
13/04/2015
Boa Tarde,
Bem quando você fala "tamanho" penso eu em quantidade de bytes da imagem e pensando assim quanto menor melhor.
Justamento porque a aplicação não poderá demorar uma "eternidade" para que complete o carregamento da mesma.
Alem disse existe um outro detalhe que muitos não se apercebem.
Toda aplicação que esta disponível (web) para o usuário precisa ser leve, pelo seguinte fato:
Todos os elementos que estão contidos nas paginas são "baixados" para o computador, por este motivo você ao carregar uma pagina verifica na barra de status
"1 de x arquivos" e esses arquivos vão para a pasta de arquivos "temporarios",
[img]http://arquivo.devmedia.com.br/forum/imagem/322476-20150413-180720.png[/img]
justamente para que ao acessar novamente a aplicação sera feita uma verificação no cache e na aplicação sendo comparado se houve ou não atualização.
Caso tenha sofrido algum tipo de atualização na pagina, seja feito somente "download" daquela nova imagem, utilizando-se assim o restante das imagens que estão no cache.
Desta forma carrega-se mais rápido e evita que seja feito novamente a "baixa" de todos os arquivos.
Veja por exemplo sites de noticias, na qual tem uma rotatividade enorme de imagens.
Quando estiver fazendo seu layout pense nisso, pois se não o cliente que acessar sua pagina pode ter toda a banda consumida (3 ou 4G) somente em seu site.
Ja pensou você fazer alguem estourar sua cota de franquia de (3 ou 4G), porque acessou seu site. Quero nem ver !!!
Fica a dica
Bem quando você fala "tamanho" penso eu em quantidade de bytes da imagem e pensando assim quanto menor melhor.
Justamento porque a aplicação não poderá demorar uma "eternidade" para que complete o carregamento da mesma.
Alem disse existe um outro detalhe que muitos não se apercebem.
Toda aplicação que esta disponível (web) para o usuário precisa ser leve, pelo seguinte fato:
Todos os elementos que estão contidos nas paginas são "baixados" para o computador, por este motivo você ao carregar uma pagina verifica na barra de status
"1 de x arquivos" e esses arquivos vão para a pasta de arquivos "temporarios",
[img]http://arquivo.devmedia.com.br/forum/imagem/322476-20150413-180720.png[/img]
justamente para que ao acessar novamente a aplicação sera feita uma verificação no cache e na aplicação sendo comparado se houve ou não atualização.
Caso tenha sofrido algum tipo de atualização na pagina, seja feito somente "download" daquela nova imagem, utilizando-se assim o restante das imagens que estão no cache.
Desta forma carrega-se mais rápido e evita que seja feito novamente a "baixa" de todos os arquivos.
Veja por exemplo sites de noticias, na qual tem uma rotatividade enorme de imagens.
Quando estiver fazendo seu layout pense nisso, pois se não o cliente que acessar sua pagina pode ter toda a banda consumida (3 ou 4G) somente em seu site.
Ja pensou você fazer alguem estourar sua cota de franquia de (3 ou 4G), porque acessou seu site. Quero nem ver !!!
Fica a dica
GOSTEI 1
Mais Respostas
Gabriela Monte
12/04/2015
O que deve ser feito para evitar esses problemas e por assim dizer desperdicio.
GOSTEI 0
Paulo Gualter
12/04/2015
Bom Dia,
Bem basta você usar técnicas apropriadas para isso;
Reduza o tamanho da imagens, faça um estudo sobre as resoluções realmente necessárias, tente fazer pouco uso de imagens, utilize sprites, desenvolva sobre o canvas.
Com isso você ira conseguir melhorar o seu projeto.
Bem basta você usar técnicas apropriadas para isso;
Reduza o tamanho da imagens, faça um estudo sobre as resoluções realmente necessárias, tente fazer pouco uso de imagens, utilize sprites, desenvolva sobre o canvas.
Com isso você ira conseguir melhorar o seu projeto.
GOSTEI 1
Gabriela Monte
12/04/2015
Listagem:
sprites
canvas
algum software para manipulação de imagens?
sprites
canvas
algum software para manipulação de imagens?
GOSTEI 0
Jothaz
12/04/2015
Listagem:
sprites
canvas
algum software para manipulação de imagens?
sprites
canvas
algum software para manipulação de imagens?
Sim você deverá utilizar o PhtoShpo, GIMP ou outro mais simples.
A dica é diminuir o tamanho e mesmo a qualidade da imagem sem ficar algo bisonho.
Claro que cada cenário vai ser tratado de forma diferente. Vai haver casos em que o site precisa de um visual de qualidade acima da média, então sacrifica-se a performance (claro sem travar o site) em prol de uma melhor qualidade das imagens. Outros sites você pode utilizar umas imagens de qualidade inferior (sem ser grosseiras) e valorizar a usabilidade e funcionalidade.
Agora pessoalmente não gosto de imagens em background, na maioria das vezes complica a leitura e o uso e não traz nenhum benefício. Claro que se o designer for fera existem exceções.
GOSTEI 0
Gabriela Monte
12/04/2015
Tambem pode ser solicitação do cliente, penso dessa forma.
GOSTEI 0
Jothaz
12/04/2015
Tambem pode ser solicitação do cliente, penso dessa forma.
Claro que o cliente tem sempre razão, mas se a solicitação comprometer a usabilidade e funcionalidade é dever do projetista se manifestar.
Lembre-se seu nome vai ficar ligado ao que você construiu é o seu legado.
O mesmo cliente que solicitou e forçou a barra para você fazer "merda", vai ser o primeiro a acusá-lo de ter feito "merda".
E quem utiliza o produto são os usuários e não o dono.
Se ficar ruim e os usuários (internet/intranet) reclamarem o cliente vai cobra de você.
Então tudo é permitido e licito, porém nem tudo me convém! kkkk
É só ter bom senso!
GOSTEI 0
Gabriela Monte
12/04/2015
rsrsrsrs exatamente, deve acontecer bastante essas "m*****"!!!
Voltando ao assunto, qual a melhor ferramenta dentre as quais citou, Photoshop acho exagero!
Voltando ao assunto, qual a melhor ferramenta dentre as quais citou, Photoshop acho exagero!
GOSTEI 0
Jothaz
12/04/2015
Isto depende do nível de primor técnico que você almeja.
Você pode fazer ajustes do tamanho até com o Paint.
Uma sugestão seria o IrfanView que apesar de leve e despretensioso é de grande utilidade. Inclusive com opção para resize de todas imagens de uma pasta de acordo com parâmetros na opção "Batch".
Agora ser você precisa de primor e algo mais poderoso vá de PhotoShop ou o GIMP que é poderoso e grátis.
Tudo depende do seu conhecimento e disposição para investir tempo para aprender a manusear a ferramenta.
Você pode fazer ajustes do tamanho até com o Paint.
Uma sugestão seria o IrfanView que apesar de leve e despretensioso é de grande utilidade. Inclusive com opção para resize de todas imagens de uma pasta de acordo com parâmetros na opção "Batch".
Agora ser você precisa de primor e algo mais poderoso vá de PhotoShop ou o GIMP que é poderoso e grátis.
Tudo depende do seu conhecimento e disposição para investir tempo para aprender a manusear a ferramenta.
GOSTEI 0
Gabriela Monte
12/04/2015
Analisarei os softwares, obrigada.
GOSTEI 0
Marcelo Pastore
12/04/2015
Vale a pena aprender a manipular imagens com GIMP!
GOSTEI 0
Marluce Neves
12/04/2015
Acho que menos de 2MB é limite, chegado a 2 ou ultrapassando fica complicado, diria até que menos de 1MB.
GOSTEI 0
Gabriela Monte
12/04/2015
Acho que até um MB é um limite bom, mas se for menor melhor.
GOSTEI 0