Sumário
Como guardar para a web no Photoshop
Para guardar para a web no Photoshop basta abrir a imagem que deseja no programa e prepará-la para guardar. Quando estiver pronto para salvar, teremos de ir a “Salvar para a web…”. Dependerá da versão tem do Photoshop encontrá-lo-á directamente no menu ou terá de seguir mais alguns passos (nas versões mais recentes do Photoshop) mas o caminho será sempre muito semelhante, independentemente da versão que tiver.
- Ir para o canto superior esquerdo do ecrã
- Toque em Ficheiro e as opções disponíveis serão abertas.
- Ir para “Exportar”.
- Escolher “Guardar para web…”.
Talvez não tenha de abrir exportar em função da sua versão do Photoshop e que encontra directamente a opção “Guardar para a web” quando clica em “Ficheiro”.
Com comando
Uma das formas mais convenientes e úteis de poupar sem seguir os passos acima referidos é utilizar o atalho ou comando do Photoshop. Adobe permite-nos utilizar as chaves ou combinações de chaves para executar acções. Como, por exemplo, para poupar para a web. Basta premir quatro teclas ao mesmo tempo no seu teclado: Alt+Shift+Ctrl+S. Premindo as quatro teclas, será aberta a opção de guardar para opções e configurações da web que veremos nos parágrafos seguintes.
Opções e ferramentas
Uma vez seguidos os passos acima, seremos todos levados para a mesma janela: a janela Save for web no Photoshop. Aqui veremos definições de qualidade, formato, tamanho da imagem, percentagem… A primeira coisa que vamos ver é uma pré-visualização do resultado final, uma vez reduzido o seu peso.
Do lado esquerdo, veremos algumas ferramentas que nos permitem ampliar ou reduzir para ver os detalhes ou ampliar se quisermos ter uma ideia mais fiável ou concreta de como a imagem optimizada se apresenta à medida que modificamos os parâmetros. Também veremos o tamanho ou peso nesse momento, que será modificado à medida que baixarmos a qualidade da fotografia.
Optimização e cópias
No topo temos também quatro opções: Original, optimizado, 2 cópias e 4 cópias. Ao tocar em 2 cópias, podemos ver como era a imagem e como seria após a optimização. Se tocar em “4 cópias“verá quatro opções de modificação diferentes. No caso da imagem de exemplo, veríamos o resultado com um peso de 68,7 MB, com um peso de 3,095 MB, com um peso de 1,721 MB e com um peso de 1,414 MB para nos dar uma ideia.
Definições
No lado direito temos as configurações onde podemos escolher o formato da imagem, a qualidade, o tamanho, etc. No topo, a primeira coisa que escolhemos é o formato: JPEG (o mais comum), GIF, PNG ou WMBP. Podemos também escolher a qualidade com um deslizador de 0 a 100. Quanto mais baixo for o número, mais compressão e mais pixels serão notados na imagem. O mais comum é marcar um valor de qualidade de “30” ou Médio na queda que atingirá um equilíbrio entre o peso e o resultado final sem o estragar em demasia.
Aqui também pode escolher “Converter sRGB“se queremos que seja compatível com a maior parte da informação e podemos decidir se queremos ou não mostrar os metadados. Nesse caso, de “Metadados” pode abrir um menu drop-down com:
- Nenhum
- Direitos de autor
- Direitos de autor e informação de contacto
- Todos excepto informação da câmara
- Todos
A última coisa que teremos de fazer é escolher o tamanho da imagem. É essencial se o seu blogue ou sítio web funcionar normalmente com dimensões específicas. É suficiente para escolher a largura e a altura em pixels da imagem queremos. Quando o tiver pronto e todas estas configurações escolhidas, basta clicar em “Guardar” e escolher o local.
Verá que o formato é aquele que deseja e também o tamanho e o peso terá sido significativamente reduzido para que não sofra atrasos no carregamento do seu sítio web.
Guardar para a web – Outros recursos
Se quiser reduzir o peso de uma imagem, não temos apenas o Photoshop para os optimizar. Se não tiver o programa da Adobe, pode aceder a alguns sites gratuitos que se ocupam de comprimir ou optimizar as imagens PNG ou JPEG. O que eles fazem, como no caso do software fotográfico, é reduzir o seu peso, mantendo o seu tamanho tanto quanto possível. Existem muitos websites que lhe permitem carregar as suas fotografias e tê-las prontas num segundo automaticamente, sem tocar em nada.
Tiny PNG é um daqueles websites que lhe permite carregar até 20 imagens diferentes com um máximo de 5 MB cada para reduzir o tamanho de todos eles. Podemos descarregá-los um de cada vez, todos de uma só vez ou transferi-los para o Dropbox. Utiliza compressão inteligente que diminui o número de cores utilizadas e promete uma redução de até 70% da imagem, mas sem perda de qualidade.
Squoosh é outro website que desempenha a mesma função que Tiny PNG é Squoosh embora aqui tenhamos um deslizador apelativo que nos permite ver como era a fotografia antes ou como está agora. Suporta JPG; PNG, WebP e outros formatos e pode facilmente reduzir o peso num par de torneiras. Funciona off-line uma vez que já o tenha utilizado anteriormente em linha para que possa tê-lo sempre à mão.
Não guardar imagens para uma web optimizada
Se carregarmos as imagens para um website sem qualquer tipo de compressão, o peso pode ser significativo, o que pode causar alguns problemas, especialmente quando se trata de carregamento da página web. Ou seja, é muito mais fácil para o sistema lançar imagens na web que pesam pouco do que aquelas que pesam mais, especialmente se houver muitas ao mesmo tempo. Não é que passemos minutos à espera de ver as imagens de um artigo, mas é bastante mau estarmos a ler, por exemplo, sobre um tutorial e a imagem que explica que determinado passo ainda não foi carregado ou está a fazê-lo muito lentamente.
Outro problema que pode ocorrer se não utilizarmos os sistemas que mencionámos, é que podemos obter uma imagem que pesa menos, mas ao custo da qualidade da imagem. Quando colocamos uma imagem num website queremos que ela tenha pouco peso, mas também queremos que a pessoa que a vê se sinta confortável e não veja uma imagem distorcida onde não compreenda o que realmente existe.
É por isso que é tão importante reduzir as imagens, mas preservando o máximo de qualidade possível.