Gerenciando imagem do site

Upload de imagem

Se seu site provém de gerenciador de conteúdo, seguem abaixo algumas dicas.

Fazendo Upload das imagens

Na maioria das vezes, o seu gerenciador precisa que a imagem vá para o banco de dados, no tamanho já predefinido. No exemplo abaixo, circulado de vermelho tem as dimensões e PIXELS.

Fazer o upload é fácil, é só procurar o arquivo e clicar em enviar como na figura. Mas antes, como deixar a imagem no tamanho certo?

No photoshop, que é o editor de imagem mais comum principalmente na área de marketing, vamos em “File” / “New”  ou “Arquivo” / “Novo” (veja se seu photoshop é em inglês ou em português.

Vai abrir uma janela como esta abaixo.

Onde tem “with” e “height”  ou “largura” e “altura”, mude a medida para “PIXELS”. E onde vai as medidas, coloque o valor correto da imagem.

Em “mode” use RGB ao invés de CMYK, já que estamos trabalhando com WEB. Deixar em CMYK torna seu arquivo desnecessariamente mais pesado.

Clique em “OK” e já teremos uma janela no tamanho certo da imagem.

Abra no photoshop a imagem que você quer usar. Vamos ficar com duas janelas como na imagem abaixo.

A janela em branco é a que você criou e a foto para edição.

Com a ferramenta “seta”, indicada de vermelho abaixo, arraste a foto que você quer editar para dentro da janela em branco que você criou.

Se sua imagem for grande, provavelmente vai ficar assim.

Para facilitar o trabalho, dê um “zoom out” até ficar como a  imagem abaixo, com bastante área cinza.

Agora vamos usar a ferramenta “transformar”, cujo o atalho é “control+T”. Reduza proporcional a sua imagem segurando em uma das arestas da imagem e segurando a tecla “shift”. Faça isso até estar satisfeito com o enquadramento como na figura abaixo.

Agora clique em “file”/”save for web” ou “arquivo” / “salvar para web”.

Apenas se certifique se a imagem vai ser salva como JPG como indicado em vermelho na figura abaixo e então clique em “salvar”.

Está finalizado, sua imagem no tamanho ideal para seu banco de dados.

NOME DOS ARQUIVOS

Importante que cada album de foto, tenha um nome específico. Exemplo:

fotosnapraia01.jpg , fotosnapraia02.jpg, fotosnapraia03.jpg

carnaval01.jpg, carnaval02.jpg, carnaval03.jpg

ATENÇÃO: Nomes repetidos no banco de dados podem dar conflito!

Os nomes não podem conter acento nem separação.

Por | 16 de setembro de 2008

Sou de 82, da era do não line. Meu pai dava papel continuo p/ eu desenhar aos 2 anos. Aos 23 me formei como Bacharel em Design com Habilitação em Comunicação Visual com ênfase em Meios Digitais. Odeio matemática, mas nos últimos anos, aprendi amar a lógica no desenvolvimento de Frontend para sites. Trabalho com CSS3, JQuery e HTML5. Amo quadrinhos, arte concreta e cultura pop e me tornei especialista em Design UX. <a href="https://facebook.com.br/vibcruz">Facebook</a>

E-mail | Facebook | Twitter

Leia mais sobre: Help desk, Wordpress

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Este site utiliza o Akismet para reduzir spam. Saiba como seus dados em comentários são processados.