Para publicar imagens em seu blog, não basta enviar qualquer arquivo para o WordPress e inserí-lo no meio do post. Se a sua imagem for muito pesada ou larga, o carregamento do seu site pode ficar lento e o layout desconfigurado. Veja aqui como “fazer bonito”.
Descobrindo a largura ideal da imagem
A primeira etapa é descobrir a largura de imagem mais apropriada para o seu tema. Para isso existem duas opções:
1) Se você possui conhecimentos de html, pode usar um plugin de Firefox chamado FireBug para analisar o CSS do site e descobrir a largura da sua área de conteúdo. Lembre-se de considerar os pixels reservados para margens e bordas das imagens, além do padding em torno do conteúdo.
ou
2) Quem não entende muito de código, pode acessar o blog, fazer um print screen da tela, e colar no Photoshop. Com a ferramenta de seleção, marque a largura da sua área de conteúdo e consulte o total de pixels que irá aparecer na janela Info. Procure pela medida da letra W (width) ou L (largura).
Se as medidas do seu Photoshop não estiverem configuradas para pixels, certifique-se de trocá-las, indo em Editar > Preferências > Unidades e Réguas. Para trabalhar com web, as medidas em Unidades > Réguas devem ser sempre pixels. Nada de usar cm ou inches, pois estas são medidas para artes em papel, não para monitores.
Por último, se você estiver meio perdido com as sugestões acima, publique um comentário no fim deste post com a url do seu website e terei o maior prazer em ajudar.
Configurando o sistema de cores da imagem
A segunda etapa é verificar se sua imagem está no padrão de cor RGB, que é o indicado para imagens que serão visualizadas em telas de computadores. O padrão CMYK é para artes a serem impressas, portanto, não o use para imagens que serão publicadas no seu blog.
Abra sua imagem no Photoshop e vá em Imagem > Modo, e selecione a opção RGB.
Alterando o tamanho da imagem
A terceira etapa é redimensionar a imagem para a largura da área de conteúdo do seu site. Existem duas formas de fazer isso:
1) Vá em Imagem > Tamanho da Imagem. Certifique-se de marcar a opção Manter Proporções para que as proporções da imagem não sejam alteradas. Digite a largura em pixels e clique OK.
ou
2) Selecione a ferramenta Crop (Cortar). Na barra de opções que aparecerá ao topo, e configure a largura com o número de pixels da largura da área de conteúdo do seu blog, e a resolução para 72 pixels/inch. Arraste a ferramenta por cima da sua imagem, escolhendo a área que deseja aproveitar. Por exemplo, você pode deixar de fora um pedaço da foto que não lhe agrada, e cortar apenas a parte principal da imagem. Após selecionar a área desejada, dê duplo clique e pronto. Sua imagem está cortada e agora possui a largura que você configurou na barra de opções.
Salvando a imagem
A quarta etapa é salvar a imagem para a web, ou seja, com o menor peso possível, de forma que não prejudique a sua qualidade.
Para isso, clique em Arquivo > Salvar para a web. Nas abas do topo, escolha a opção 2-up. A imagem da esquerda é sua imagem original, e a da direita é o resultado final após otimização. No canto direito da tela você pode ver as opções de otimização. Para fotos, o ideal é usar JPG, e escolher entre os níveis de qualidade. A opção High (Alta) geralmente resolve bem a maioria dos casos. Mas, se você quiser testar qualidades mais baixas, observe como o resultado final da imagem irá mudar na janela da direita. Vá alterando as qualidades até encontrar o menor tamanho de imagem com uma qualidade que não comprometa a visualização. Você pode ver os pesos da imagem com as diferentes qualidades logo abaixo da imagem.
Dúvidas ou sugestões? Deixe seu comentário.
