O Adobe Photoshop pode exportar um mesmo arquivo para vários formatos, seja gif ou jpg. Este tutorial como exportar uma imagem para jpg, gif ou png por exemplo.
Ao criar uma imagem ou abria um arquivo no Adobe Photoshop CS2, para salvar uma cópia em outro formato de arquivo, vá no menu, File > Save for Web…
Clique na aba 2-up: 
agora você pode ver ao mesmo tempo, a versão da imagem original e uma versão com as configurações do arquivo a ser criado. Clique na visualização a direita para que todas as mofificações temporárias fiquem visíveis nesta imagem. Agora vejamos as opções.
O Photoshop vem com pré-definições dos tipos de arquivos mais usados. Elas se encontram listadas em Preset: é só clicar e escolher o fomato do arquivo (na lista que aparece com a opção JPEG High, na imagem ao lado.)
No exemplo, escolheu-se JPEG, Optimized, High. Depende do que deve ser levado em conta, tamanho do arquivo ou qualidade.
O tamanho do arquivo estimado pode ser visto logo abaixo da visualização, entre outras informações, está o tempo médio que o arquivo levará para ser visualizado por determinada velocidade de modem. No exemplo, o tamanho do arquivo original é de 183 kb e o tamanho do arquivo originado segundo as configurações mostradas, gera um arquivo de 15kb.
Clique com o botão direito sobre estas informações para configurar a velocidade do modem, no exemplo, 56 kbps foi excolhido.
Qual tipo de arquivo devo usar?
Não existe uma regra definida quanto a isso, normalmente escolhe-se o tipo de arquivo conforme as necessidades. Seria muito bom se todos pudessem usar apenas arquivos de máxima resolução e qualidade sem que isso prejudicasse o desempenho de ninguém, enquanto isso não acontece tão plenamente quanto se pensa, ainda temos que criar arquivos conforme as exigências que podem surgir.
Pessoalmente, uso o seguinte esquema:
JPG
Este é o formato ideal para fotos. Uma imagem jpg otimizada significa que teve alguma informação discartada, como algumas gamas de cores. Dependendo do propósito, é possível reduzir bastante as cores, mantendo a qualidade e o melhor de tudo, reduzindo bastante o tamanho do arquivo.
Para imagens como fotografias, thumbnails de fotografias, por exemplo.
GIF
É o formato padrão para imagens comprimidas, com cor uniforme e detalhes nítidos (não suavizados), por exemplo, line-art, logotipos, pequenos gráficos etc. Além de permitir transparência (não suavizada, também) foi muito usado como formato de imagens animadas. Os arquivos GIF só podem conter 256 cores diferentes, é que se chama de imagem com cores indexadas. É como se o programa onde o arquivo é gerado, escolhesse apenas as 256 cores mais usadas naquela imagem, descartando as outras. Por esse motivo, os arquivos GIF são bastante reduzidos em tamanho. Hoje em dia, muitos preferem criar naimações com Flash e arquivos com transparência no formato PNG-24.
Animações pequenas, (ex.: pequenos textos como “Novo!” etc), ícones para páginas, avatares, gráficos pequenos do layout de uma página, (ex.:plano de fundo, cantos de um frame etc.)
PNG-8
É quase a mesma coisa que o GIF, o que fez a diferença é que antigamente a web era muito restrita e este tipo de arquivo não fez muito sucesso por ser particular. O GIF teve popularidade por que as patentes do seu modo de compressão eram públicas. Ou seja, qualquer um poderia criar programas que lessem arquivos GIF.
PNG-24
É o mais adequado para gráficos de grande resolução e variedade de cores, porém gera arquivos maiores que um jpg. Este formato é o ideal para gráficos web por permitir 256 níveis de transparência. Isso é muito útil para quem cria layouts de sites. Use este tipo de arquivo para objetos gráficos como botões, frames etc e não para fotos! Uma desvantagem ale’m do tamanho, é que alguns browsers podem não mostrar a transparência adequadamente, se houver.
Gráficos que devem ter máxima resolução e cores mas que podem ter dimensões pequenas, como logotipos, botões, pequenos gráficos que se repetem como para planos de fundo, menus, etc.
WBMP
Com apenas 1bit de cor, esse tipo de arquivo parece que foi feito para dispositivos como os celulares antigos. O resultado é uma imagem formada por pontos pretos em um fundo branco.
Para efeitos em fotos(?).
