Talvez a maior alegria da fotografia seja compartilhar seu trabalho com outras pessoas e mostrar suas criações. O caminho para colocar a imagem online, no entanto, pode ser difícil. Neste tutorial, mostrarei como exportar imagens prontas para a Web com os melhores resultados.
A Dança da Compressão
Se suas imagens estão sendo carregadas em um site ou enviadas por e-mail para familiares e amigos, a compactação é necessária. Criar imagens para as capacidades restritas da web significa pesar a compensação entre a qualidade da imagem e o tamanho do arquivo da imagem. À medida que nossa qualidade de imagem aumenta, também aumenta o tamanho do arquivo da imagem.
Uma parte fundamental do design para a web é a consideração da experiência do usuário (o Tuts+ tem um curso fantástico sobre UX, se você estiver interessado) ou priorizar a capacidade do visualizador de visualizar e navegar confortavelmente no site. O carregamento rápido da página, que é determinado em parte pelo tamanho do arquivo da página da Web, é uma grande parte da experiência do usuário. As imagens são agora 62% do peso do tráfego da web. Manter as imagens pequenas em tamanho de arquivo ajuda muito os sites a carregar rapidamente.
Como fotógrafos, estamos constantemente lutando contra essa barreira. Queremos fotos grandes e gloriosas. E embora desejemos que nossas imagens apareçam ótimas na web, você não deseja forçar tempos de carregamento lentos para ninguém. Equilíbrio é a chave.
Quando exportamos imagens para a web do Adobe Photoshop Lightroom, devemos considerar dois aspectos principais: Tamanho e qualidade.
Exportando no Lightroom
Antes de mergulharmos na otimização de nossas exportações, vamos percorrer uma exportação básica no Lightroom.
Escolha uma imagem
Para iniciar uma exportação, escolha uma imagem ou série de imagens para exportar. Prefiro escolher as imagens que desejo exportar da tira de filme. Depois de selecionar as imagens para exportar, você pode clicar com o botão direito do mouse no Windows ou controlar + clicar no Mac para escolher Exportar > Exportar no menu contextual.
Após iniciar a exportação, uma nova janela aparecerá com diversas opções. Vamos dar uma olhada nas principais configurações que você escolherá em cada exportação.
Local de exportação
O local de exportação designa onde as imagens finalizadas serão salvas. Você pode escolher uma pasta no menu suspenso e marcar a caixa “Colocar na subpasta” se quiser que as imagens sejam colocadas todas na mesma pasta.
Nomenclatura de arquivo
Cada exportação também pode apresentar suas próprias configurações de renomeação. Se você ficar com a opção padrão, suas imagens terão o mesmo nome dos arquivos originais, mas salvas como um tipo de imagem padrão, assim como JPEG. Você também pode marcar a caixa “renomear para” e escolher um dos muitos modelos de renomeação que o Lightroom oferece para personalizar as imagens exportadas.
Configurações de arquivo
O painel de configurações de arquivo é aquele que discutiremos com um pouco mais de profundidade quando estivermos tentando encontrar o equilíbrio entre qualidade e tamanho do arquivo. Nesta tela, aqui estão minhas sugestões para cada opção:
- Formato de imagem: quase sempre JPEG, principalmente se as imagens forem destinadas à web
- Espaço colorido: sempre sRGB
- Qualidade: este controle deslizante permite escolher a qualidade da imagem que será exportada; um número baixo é um arquivo pequeno e de baixa qualidade; arrastar o controle deslizante para a direita aumenta a qualidade da imagem e o tamanho do arquivo
- Limite o tamanho do arquivo para: Também podemos marcar a opção “limitar tamanho do arquivo” para limitar o tamanho do arquivo da imagem salva
Dimensionamento de imagem
O dimensionamento da imagem é outro painel que controla o tamanho de nossas imagens. Você pode escolher as dimensões, bem como o DPI de suas imagens exportadas.
Exportando para a Web
Quando se trata de encontrar o equilíbrio entre o tamanho do arquivo e a qualidade da imagem, aqui estão os principais pontos a serem considerados:
Tamanho
A primeira parte de uma exportação eficiente é considerar o tamanho da imagem na web. O tamanho de uma imagem é a dimensão real em pixels da imagem.
Quando suas imagens saem da câmera, suas dimensões são enormes. Por exemplo, as imagens de 22 megapixels da Canon 5D Mark III medem 5760 × 3840 pixels. No entanto, a tela do meu laptop tem apenas 1440 x 900 pixels. Veja o problema? Considere o fato de que as imagens da web são novamente menores que a largura de nossos monitores e a necessidade de redimensionamento é clara.
Para tutoriais sobre Tuts+, nossas imagens são redimensionadas para 600 pixels e têm um tamanho máximo de arquivo de 200 kilobytes. Isso garante uma carga rápida e, para a maioria das pessoas, faz o trabalho. Se você está lendo esta página em seu smartphone, é provável que ela tenha carregado muito rápido, mesmo se você estiver em uma conexão lenta.
Qualidade
Em um mundo perfeito, sempre poderíamos exportar imagens com qualidade máxima. Na realidade, descobrimos que nem sempre são necessárias exportações de máxima qualidade. Nos tamanhos da Web, as diferenças de qualidade geralmente são difíceis de perceber, e isso significa que podemos diminuir um pouco a qualidade e reduzir bastante o tamanho do arquivo.
Na extremidade superior da escala de qualidade, há retornos decrescentes. A diferença na qualidade percebida entre uma configuração de qualidade de 90 e 100 é difícil de ver, mas aumenta significativamente o tamanho do arquivo.
| Configuração de qualidade do Lightroom | Tamanho do arquivo de imagem na exportação |
|---|---|
| 25 | 91kb |
| 50 | 122kb |
| 75 | 168kb |
| 100 | 366kb |
Dados os resultados acima, eu provavelmente selecionaria a exportação de qualidade 75. Ele atinge o equilíbrio correto de qualidade e ajusta o limite Tuts+ de imagens de 200kb.
Perfis incorporados para a Web
Uma etapa de verificação importante para exportar imagens para a Web é incluir o perfil de cores adequado em suas exportações. Daniel Sone tem um ótimo artigo no Tuts+ sobre espaços de cores, mas para fins de exportação no Lightroom, certifique-se de incorporar o perfil de cores sRGB.
Predefinições para exportação
Mesmo ao exportar para a web, há vários cenários diferentes que afetarão suas configurações. Embora estejamos otimizando o tamanho do arquivo, há ocasiões em que imagens de maior qualidade ou resolução são necessárias. É por isso que as predefinições de exportação são incrivelmente úteis; você pode criar várias opções diferentes e usá-las para os diferentes tamanhos de destino.
Na janela de exportação, salvar suas configurações atuais para exportação é muito fácil. Depois de escolher todas as configurações de exportação, pressione o botão “+” e salve suas predefinições prontas para a web.
O Take Away
Neste tutorial, você aprendeu algumas práticas recomendadas e ideias para exportação eficiente para a web. A compactação de suas imagens para a Web garante que os visualizadores as carreguem rapidamente. Com as configurações corretas, ainda podemos manter a alta qualidade.
