A imagem acima mostra as medidas básicas para o tamanho de arquivos. Em termos de imagens para web, valores até 100KB são bastante comuns, mais que isso deve ser visto com atenção. O tamanho irá depender de uma série de variáveis (largura x altura, resolução, modo de cor, etc.).

Resolução

Resolução é uma medida referente ao montante de informação de uma imagem, embora o termo correto para imagens digitais seja PPI (pixels per inches – pontos por polegadas), no Brasil, geralmente se utilizada o termo (medida) DPI (dots per inches – pontos por polegada), que é mais adequado para impressos.

De qualquer modo, o que é muito importante notar é que o tamanho e a qualidade das imagens depende diretamente da quantidade de informação que ela possui. Porém a maneira como a imagem se mostra (num monitor, num impresso, por exemplo) depende da resolução do dispositivo de saída. Então, não é necessário que uma imagem tenha uma resolução maior do que a deste. Por outro lado, imagens em resolução maior poderão ser reescalonadas para que se obtenha um tamanho maior no material que se produz.

Assim, um selo de 1 x 1 centímetro se scanneado a 600ppi poderá ter uma aparência de 8 x 8 cm numa resolução de 72 dpi (para web) ou 2 x 2 cm num impresso para gráfica. O que importa é o número de pixels, que neste caso simplesmente foram redistribuídos.

Grande parte dos monitores, hoje em dia, está calibrado em 1024 x 768 pixels, então, este é um número a ser pensando como referência na produção para a web. Desse modo, uma imagem que tenha a largura de 512 pixels ocupará metade da área do monitor. Porém, se a resolução deste for alterada, digamos para 1440 x 900 pixels, a imagem parecerá menor, ocupando cerca de um terço da tela, embora o arquivo seja o mesmo.

Sobre resolução e reescalonamento de imagens ver – link.

Formatos (extensões)

Os formatos de arquivos de imagens mais usuais para a web são: JPG (ou JPEG), que não admite transmite transparência, PNG (admite transparência) e GIF (idem, mas com uma paleta de cor pequena, por isso é utilizado para imagens a traço e animações). Geralmente para impressos, os formatos utilizados são TIF e EPS.

Modos de cor

Imagens na web utilizam o modo RGB (do dispositivo luminoso que constitui a imagem, a partir dessas três cores). Os impressos são compostos (via retícula) em CMYK, na grande maioria das vezes. É possível também utilizar “cores especiais” (como as dos catálogos Pantone) nos impressos, no entanto, isso encarece o serviço.

Imagens bitmap e vetoriais

As fotografias na web são exemplos de imagens bitmap (mapa de bit). Imagens vetoriais são utilizadas em ilustrações e logotipos, por exemplo (embora estas imagens também possam ser bitmap). A diferença entre as imagens bitmap (ou raster) e as vetoriais é que as primeiras possuem, por assim dizer, materialidade, enquanto imagens vetoriais são, na verdade, instruções matemáticas, que, por isso, admitem aumento ou diminuição sem perda de qualidade.

Trabalho com camadas

O recurso fundamental para edições mais avançadas em imagens é o uso de camadas, como mostrado abaixo, permitindo fundir imagens e/ou adicionar elementos (textos, gráficos, etc.). Porém, depois, para efeito de geração de arquivos JPG ou PNG, que sejam colocados em sites nas web, as camadas são mescladas, “achatando” a imagem, para que o tamanho da mesma diminua. Em edições complexas, que poderão ser continuadas, geralmente, grava-se um arquivo de trabalho (em formato que mantém as camadas, por exemplo, no caso do Photoshop, o PSD).

Existem vários sites que agrupam fotos e imagens diversas para utilização em produções midiáticas (inclusive comerciais). Geralmente, eles possuem ferramentas de busca por categorias. Há ainda ferramentas de busca exclusivas para imagens (e outras mídias) que não requerem pagamento. É importante ler as licenças das fotos/imagens encontradas nestes locais (certos bancos começam totalmente gratuitos e depois passam a cobrar; assim como combinam a oferta de trabalhos dos dois tipos). Vale notar que o termo “royalty free” tem um sentido mais ligado a “pagamento posterior” do que em termos de gratuidade. Segue uma lista de sites relacionados ao tema:

• CC Search – ferramenta de busca para imagens e outras mídias com licenças Creative Commons, em diferentes espaços da web.
• DNS Fotografia Digital  – banco de imagens brasileiro, com fotos gratuitas (requer cadastro).
• Free Imagens – banco de imagens que requer cadastro, dando acesso a 350 mil fotografias, com diferentes tipos de licença.
• Free Digital Photos – fotos e ilustrações vetoriais, possuindo modalidades gratuitas (geralmente as imagens com menor tamanho).
• Free Range Stock – banco de imagens gratuitas, requer registro.
• Image After – coleção de fotos gratuitas.
• Morguefile – para imagens gratuitas, deve-se usar marcar a opção “Free Photos” no menu.
• Openphoto – fotos gratuitas, solicitando que se dê crédito ao autor.
• Pexels – fotos com a licença Creative Commons Zero (CC0).
• Photogen – fotos totalmente gratuitas.
• Picography – fotos em alta resolução gratuitas.
• PhotoPin – fotos com licenças Creative Commons.
• Picjumbo – fotos totalmente gratuitas para uso comercial e/ou pessoal.
• Pixabay – mais de 360 mil fotos grátis, vetoriais e ilustrações de arte.
• Public Domain Pictures – coleção de fotos em domínio público.
• Public Domain Images – idem.
• Public Domain Photos – igual anteriores.
• RGB Stock – banco de imagens gratuitas.
• Stokpic – fotos totalmente gratuitas.
• Wikimedia Commons – banco de dados com inúmeras imagens de uso gratuito.

Quando uma foto possui permissão, é possível editá-la (alterar orientação, tamanho, padrão de cores, inserir texto, etc.). Houve uma época que a internet possuía diversos editores de imagens mais sofisticados. Hoje em dia, o único que sobrou foi o Pixrl, que é quase um pequeno Photoshop. A grande vantagem dele é o trabalho com camadas (como o PS). Opcionalmente, é possui baixar para o computador programas gratuitos como o Gimp.