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).