Web design: por que assuntos resolução da imagem e do monitor
Se você já assistiu a um filme em seu computador ou em uma TV de alta definição, você pode realmente notar a diferença em detalhe em comparação com um padrão de TV. Isso ocorre porque HDTVs e monitores de computador tem uma resolução de tela maior do que os televisores normais. Resolução
Conteúdo
Video: Programação visual aplicada 09
Resolução de monitor de computador
Por que você deve dar a mínima para a resolução do monitor? Porque o monitor é a sua tela web-design. Embora o monitor é uma resolução fixa (afinal de contas, é um pedaço de hardware), gráficos vêm em diferentes resoluções. Em web design, gráfico deve partida a resolução da tela.
Video: Centering Page in High Res Monitors Using CSS
Embora os monitores variar 72-96 ppi, o padrão da web-gráficos é de 72 ppi. O jargão profissional é 72 dpi, que significa pontos por polegada, um carry-over da indústria de impressão.
resolução da imagem website
Aqui está uma pergunta freqüente: uma imagem de maior resolução não vai ficar mais bonito na minha página web? A resposta é não, porque mesmo que uma 300 imagem dpi parece ótimo em uma peça impressa, o monitor 72-a-96-dpi fixo não é capaz de mostrar tudo isso detalhadamente. Independentemente da resolução da imagem, o navegador simplesmente mostra que pela sua dimensão de pixel físico, dizer 200 pixels de largura por 200 pixels de altura.
Ambas as imagens no exemplo contêm o mesmo número de pixels. Porque a imagem esquerda é de 300 dpi, cada ponto é menor, então, mais pontos pode ser espremido em uma polegada. É por isso que toda a imagem encolhe quando você imprimi-lo. O monitor do computador, no entanto, não é capaz de exibir esses pontos minúsculos, por isso sopra cada ponto até o tamanho de 72 dpi. Então você está de volta onde você começou - imagens de alta resolução não melhorar a qualidade. Ergo, é melhor ficar com a resolução padrão de 72 dpi em primeiro lugar.