CSS: tamanho e resolução de tela
Tamanho de tela
A medida de tela dos dispositivos de mídia (monitores desktop, laptops, tablets, e telefones celulares) é calculada pela medida diagonal da tela expressa em polegadas. Essa linha diagonal é calculada de um ponto extremo a outro da tela em polegadas (cada polegada equivale a 2,54 cm). O tamanho da tela de um dispositivo é muito importante não só para dar qualidade de visualização ao conteúdo exibido na tela de um dispositivo. Além disso, a tela touch do telefone celular, por exemplo, é a principal forma de interação do usuário com o dispositivo, por isso pode influenciar diretamente no conforto e precisão do toque. [1]
Tamanho de tela de notebooks está associado a sua resolução:
- 800 x 600 pixels: 12 polegadas;
- 1024 x 768 pixels: 12, 13.3, 14 e 15 polegadas;
- 1280 x 800 pixels: 15.4, 14.1, 13.3 e 12.1 polegadas;
- 1440 x 900 pixels: 14 polegadas;
- 1280 x 1024 pixels: 14, 15 e 15.7 polegadas;
- 1400 x 1050 pixels: 12.1, 14 e 15 polegadas;
- 1680 x 1050 pixels: 15.4 polegadas;
- 1600 x 1200 pixels: 14, 15 e 16 polegadas;
- 1920 x 1200 pixels: 17 e 15.4 polegadas.
Resolução de tela
Além do tamanho da tela do dispositivo, expressa em polegadas, outra medida importante para reconhecer a qualidade da imagem do dispositivo é a resolução de tela. A resolução de tela é calculada e pela quantidade de pixels contida na área de uma polegada (N pixels/polegada). O pixel é a unidade de medida formada pelo menor ponto de luz que compõe as imagens da tela de um dispositivo. Nesse sentido, quanto maior a quantidade de pixels contidas em uma polegada de tela, maior será a definição da imagem exibida.
Referências
- ↑ Canal Techtudo: Resolução da tela do celular: as diferenças entre HD, Full HD, Retina etc; disponível em Canal TechTudo; Acessado em 12/12/2021.
