Como usar uma câmera digital para adicionar imagens para o HTML5 e CSS3 Baseadas Páginas da Web
câmeras digitais e scanners são surpreendentes nos dias de hoje. Você pode usá-los para adicionar imagens para suas páginas web HTML5 e CSS3. Mesmo câmeras com preços moderados podem agora abordar a resolução de câmeras analógicas da velha escola. Scanners também são capazes de capturar imagens tradicionais e convertê-los em formatos digitais que usam computadores.
Em ambos os casos, porém, a imagem padrão pode estar em um formato que causa problemas. As imagens digitais são armazenados como uma série de pontos, ou píxeis. Na impressão, os pontos são muito próximos, mas ecrãs de computador têm pontos maiores. Esta imagem é em linha reta a partir da câmara digital.
Esta imagem (tomada em uma câmera digital mais antiga) registra a 6 megapixels (MP). Isso é uma boa resolução, mas as câmeras digitais modernas são muito mais elevados. Se você imprimir a foto em papel, todos os pontos são muito pequenas, e você terá uma imagem agradável. Se você tentar mostrar a mesma imagem na tela do computador, você vê apenas um canto.
Esta imagem real saiu em 2.816 pixels de largura por 2.112 pixels de altura. Você só vê um pequeno canto da imagem, porque as telas são tomadas em 1024x768 pixels. Menos de um quarto da imagem é visível.
Quando você olha para uma imagem grande na maioria dos navegadores, é automaticamente redimensionada para caber na página. O cursor geralmente se transforma em uma espécie de lupa, e se você clicar na imagem, você pode vê-lo em seu tamanho real ou o tamanho menor.
Alguns visualizadores de imagem tirar imagens muito grandes e redimensioná-las automaticamente para que possam caber na tela. (Este é o comportamento padrão do visualizador de imagens padrão do Windows "e a maioria dos navegadores.) A imagem pode parecer ser de um tamanho razoável por causa desta característica, mas vai ser enorme e difícil fazer o download de uma página da web actual. Certifique-se de que você sabe o tamanho real de uma imagem antes de usá-lo.
Embora encolhendo uma imagem de modo que ele pode ser visto em sua totalidade é, obviamente, benéfico, há uma razão ainda mais convincente para fazê-lo. Cada pixel na tela exige 3 bytes de memória do computador. (UMA byte é a unidade básica da memória em um computador.) Para fins de comparação, um caractere de texto requer cerca de 1 byte.
A imagem não compactada do navio pesa um colossal 17 megabytes (MB). Se você pensar em uma palavra como cinco caracteres, uma imagem diretamente da câmera digital ocupa a mesma quantidade de espaço de armazenamento e tempo de transmissão de cerca de 3.400.000 palavras. Esta imagem requer cerca de três minutos para baixar em um modem de 56K!
Em uma página da web, imagens pequenas são frequentemente mostrado em cerca de 320x240 pixels, e imagens maiores são frequentemente 640x480 pixels. Se você usar o software para fazer uma nova amostra da imagem para o tamanho que você realmente precisa e usar um algoritmo de compressão apropriada, você pode obter a imagem para olhar direito.
A nova versão da imagem é o formato e tamanho de arquivo que é necessário, ele parece tão bom, e isso pesa muito mais razoável 88 kilobytes. Isso é de 2 por cento do tamanho da imagem original.
Embora esta imagem é muito menor do que a imagem original, ele ainda ocupa muito mais memória do que o texto. Mesmo essa imagem menor ocupa tanto tempo de transmissão e espaço de armazenamento de 1.600 palavras! Ele ainda leva 10 segundos para baixar sem uma conexão de banda larga. Use imagens com sabedoria.
As imagens são grandes, mas manter algumas coisas em mente quando você usá-los:
Certifique-se as imagens valem visualizadas. Não use uma imagem sem alguma boa razão, porque cada imagem torna a sua página dramaticamente mais lenta para acessar.
Usar o software para redimensionar a imagem. Você ainda pode usar software livre para mudar a imagem para exatamente o tamanho que você precisa.
Usar um formato comprimido. As imagens são quase nunca usado em seu formato nativo na web, porque eles são muito grandes. Diversos formatos surgiram que são úteis para trabalhar com diferentes tipos de imagens.