Usar imagens em websites e blogs

Crítica escrita por:mizaelmsales
Bons web sites necessitam de uma correta integração entre textos e imagens. Este artigo contém o mínimo que você precisa saber sobre imagens para a web. Introdução Formato: Salve imagens “simples” como GIFs e imagens “fotográficas” como JPGs. Tamanho: Figuras devem ser salvas a uma resolução de 72 dpi e não devem ter mais de 600 píxels de largura. Cor: Quanto mais bits você usar por píxel, melhor será o detalhe das cores e maior o tamanho da imagem. Jaggies: Conserte a aparência recortada através do anti-aliasing para formas curvas e textos. Background: Pare o “halo effect” desenhando a imagem sobre a cor do seu fundo. Anos atrás, a Web não passava de texto na cor preta sobre um fundo cinza. As poucas imagens demoravam três semanas para carregar, um pão francês custava dois centavos e eu tinha que caminhar na lama quando chovia para ir à escola. Os tempos mudaram, os pãozinho custa 20 centavos e a Web tornou-se um lugar onde os visitantes esperam encontrar imagens profissionais. Fundamentos Sobre Imagens Para 2 ara Web Mas se você não souber como tomar vantagem o potencial da Web, a história vai se repetir: Sua página levará três semanas para carregar e você vai receber um bilhete para ser entregue aos seus pais convidando-os a uma reunião de pais e mestres, para falar sobre o seu “mau comportamento na sala de aula”. O primeiro passo para você entender como criar e gerenciar gráficos para a Web é compreender o que propriamente são as imagens. As imagens eletrônicas são feitas de milhares de pequenos pontinhos coloridos chamados de “píxels”.Os píxels são tão pequenos que um deles sozinho não pode ser captado pelo olho humano, por isso eles dão a ilusão de uma imagem contínua. É assim que todas as imagens que você vê em seu computador (e TY) funcionam. Claro, você já olhou na tela da TV com uma lupa quando era criança. Se não, vá e faça isso agora mesmo. Algumas telas têm pontos, outras têm linhas, mas o princípio é o mesmo. Então, continue lendo e eu vou ajudar a preparar você para manejar seus píxels corretamente. Formatos da Web Os Navegadores da Web (browsers) podem exibir apenas imagens salvas em tipos especiais de arquivos. Os dois principais tipos usados são GIF e JPG. É muito importante saber as diferenças e escolher o melhor formato para cada imagem, para que as figuras sejam o mais compactas possíveis para que elas apareçam na tela do seu visitante o mais rápido possível. Quanto tempo? Para estimar quanto tempo vai demorar a alguém ver uma imagem usando um modem de 28.
8 (a velocidade mais comum), divida o tamanho da imagem por dois. Assim, um arquivo com 12K vai normalmente demorar 6 segundos para carregar e aparecer. Fundamentos Sobre Imagens Para Web 3 GIF: Graphic Information Format. (lê-se “guifi”) ! Arquivos GIF são melhores para imagens com poucas camadas de cores. Use-a para “imagens de apresentação”: gráficos, figuras ou imagens de texto. Quanto menos cores você usar, mais eficiente será o arquivo GIF. Um arquivo do tipo GIF pode conter no máximo 256 cores. ! Arquivos GIF podem ser “entrelaçados” assim eles parecem “fade in” (vão aparecendo aos poucos), de uma menor para uma maior qualidade enquanto estão sendo carregados. Isto dá a seus visitantes algo para ser visto enquanto eles estão esperando. ! Arquivos GIF podem ser transparentes. Isto significa que você pode escolher uma ou mais cores para “não serem” mostradas permitindo que as cores do fundo da sua página apareçam através delas. Isto evita que os gráficos pareçam estar em caixas e visualmente causa a impressão de que eles estão mais integrados com a página. ! Os arquivos GIF são “lossless”, o que significa que a qualidade da imagem não é degradada pelo processo de compressão. ! Os arquivos GIF podem ser animados. Como filmes, só que bem mais simples, as GIFs animadas simulam movimento usando uma série de imagens individuais. ! Os arquivos GIF nãosão bons para fotografias - você perde qualidade e os arquivos não serão compactos. Use arquivos JPG para fotos. JPG: Joint Photographic Experts Group JPEG, (lê-se “jota-pegue” e muitas vezes como “JPG”). ! Arquivos JPG são melhores para imagens com muitas cores, como fotografias e arte digitalizada. O JPG admite 16 milhões de cores. ! A compressão do JPG é variável. Você pode aplicar maior ou menor compressão a cada imagem individualmente. ! O sistema JPG é do tipo “lossey”. Quanto maior a compressão que você usar, menor será a qualidade. O tamanho do arquivo pode diminuir bastante neste sistema.
FUNDAMENTOS SOBRE IMAGENS PARA A WEB Originalmente publicado no Shvoong: http://pt.shvoong.com/internet-and-technologies/websites/1669986-fundamentos-sobre-imagens-para-web/

Tweet