tamanho limite de imagem, fundo(background)

Front-end

12/04/2015

Qual o tamanho ideal para um arquivo de imagem para fundo(background) de uma pagina?
Gabriela Monte

Gabriela Monte

Curtidas 0

Melhor post

Paulo Gualter

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
GOSTEI 1

Mais Respostas

Gabriela Monte

Gabriela Monte

12/04/2015

O que deve ser feito para evitar esses problemas e por assim dizer desperdicio.
GOSTEI 0
Paulo Gualter

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.
GOSTEI 1
Gabriela Monte

Gabriela Monte

12/04/2015

Listagem:

sprites
canvas

algum software para manipulação de imagens?
GOSTEI 0
Jothaz

Jothaz

12/04/2015

Listagem:

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

Gabriela Monte

12/04/2015

Tambem pode ser solicitação do cliente, penso dessa forma.
GOSTEI 0
Jothaz

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

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!
GOSTEI 0
Jothaz

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.
GOSTEI 0
Gabriela Monte

Gabriela Monte

12/04/2015

Analisarei os softwares, obrigada.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

12/04/2015

Vale a pena aprender a manipular imagens com GIMP!
GOSTEI 0
Marluce Neves

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

Gabriela Monte

12/04/2015

Acho que até um MB é um limite bom, mas se for menor melhor.
GOSTEI 0
POSTAR