Como otimizar imagens JPEG para a Web
Tendo em imagens atraentes em seu site é uma das melhores maneiras de atrair para iPhone e iPad entusiastas imagem-consciente. O formato JPEG é a melhor escolha para otimizar imagens de tons contínuos, como fotografias e imagens com muitas cores ou gradientes.
Menu
- Com a imagem aberta no photoshop, escolha arquivo-salvar para web devices (ou file-save for web).
- No canto superior esquerdo da caixa de diálogo, escolha um 2-up ou 4-up para exibir várias versões da mesma imagem para facilitar a comparação lado-a-lado.
- No lado direito da janela, logo abaixo preset, clique na pequena seta para abrir a lista suspensa formato de arquivo otimizado e escolha jpeg.
- Definir a qualidade de compressão.
- Especifique outras configurações conforme desejado (a qualidade de compressão e formato de arquivo são as configurações mais importantes).
- Clique em salvar.
- Digite um nome para a imagem e guardá-lo para a pasta de imagens na sua pasta de site.
Quando você otimizar um JPEG, você pode fazer o tamanho de arquivo menor, aplicando compressão. Quanto mais compressão, menor a imagem, mas se você compactar a imagem demais, a imagem pode olhar terrível. O truque é encontrar o equilíbrio certo.
Se você tem uma fotografia digital ou uma outra imagem que você quer se preparar para a Web, siga estes passos para otimizar e guardá-lo no Photoshop (em Photoshop Elements ou Fireworks, o processo é semelhante, embora os passos específicos podem variar):
Com a imagem aberta no Photoshop, escolha Arquivo-Salvar para Web Devices (ou File-Save for Web).
A Save for Web caixa de diálogo Dispositivos aparece.
No canto superior esquerdo da caixa de diálogo, escolha um 2-Up ou 4-Up para exibir várias versões da mesma imagem para facilitar a comparação lado-a-lado.
A configuração 2-Up torna possível ver a imagem original no topo e uma pré-visualização da mesma imagem como ela aparecerá com as configurações especificadas na parte inferior (se você estiver trabalhando com uma imagem vertical, as visualizações aparecem lado a lado). A opção 4-Up, como o nome indica, apresenta quatro versões diferentes para comparação.
Imagens de artistas Amy Baur e Brian Boldon, de arte inplainsight.
No lado direito da janela, logo abaixo Preset, clique na pequena seta para abrir a lista suspensa Formato de arquivo otimizado e escolha JPEG.
O formato JPEG é a melhor escolha para otimizar imagens de tons contínuos, como fotografias e imagens com muitas cores ou gradientes.
Definir a qualidade de compressão.
Use as opções predefinidas Baixa, Média, Alta, Muito Alta ou Máximo na lista drop-down. Ou utilize o cursor logo abaixo do campo de qualidade para fazer ajustes mais precisos. Diminuindo a qualidade reduz o tamanho do arquivo e faz o download da imagem mais rapidamente, mas se você diminuir esse número muito, a imagem ficará borrada e manchada.
Photoshop usa uma escala de compressão de 0 a 100 para JPEGs nesta janela de diálogo, com 0 a qualidade mais baixa possível (a maior quantidade de compressão e menor tamanho de arquivo) e 100 a mais alta qualidade possível (a menor quantidade de compressão e o maior arquivo tamanho). Baixo, Médio e Alto representam valores de compressão de 10, 30 e 60, respectivamente.
Especifique outras configurações conforme desejado (a qualidade de compressão e formato de arquivo são as configurações mais importantes).
Por exemplo, você pode selecionar a caixa de seleção Progressive para exibir a imagem progressivamente num browser- web ou seja, para exibi-lo primeiro em baixa resolução e, em seguida, em resoluções progressivamente maiores à medida que prossegue o download. (Alguns navegadores não suportam JPEGs progressivos.)
Clique em Salvar.
Salvar otimizado como caixa de diálogo é aberta.
Digite um nome para a imagem e guardá-lo para a pasta de imagens na sua pasta de site.
Photoshop salva a imagem otimizada como uma cópia do original e deixa a original aberta na área Photoshop trabalho principal.
Repita essas etapas para cada imagem que você deseja otimizar como um JPEG.
Na parte inferior da visualização da imagem no Salvar para Web caixa de diálogo dispositivos, Photoshop inclui uma estimativa do tempo necessário para a imagem para baixar a velocidade de conexão especificado. Como você ajustar as configurações de compactação, o tamanho da imagem muda ea estimativa de download irá ajustar automaticamente.
Você pode alterar a velocidade de conexão usado para fazer este cálculo clicando na pequena seta à direita da velocidade de conexão e usando a lista drop-down para selecionar outra opção, como 256 Kbps de velocidade de modem por cabo. Use essa estimativa como um guia para ajudar você a decidir o quanto você deve otimizar cada imagem.