Como converter PSD em arquivo do Dreamweaver

Escrito por william harrel | Traduzido por vinícius albuquerque
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como converter PSD em arquivo do Dreamweaver
Importe arquivos do Photoshop no Dreamweaver para convertê-los (internet image by Jean-Michel POUGET from Fotolia.com)

O Dreamweaver nos auxilia na criação de páginas e até sites inteiros para a Internet. Tecnicamente o programa não converte de fato arquivos PSD (ou qualquer outro tipo de arquivo de imagem) em página da web. Esse tipo de página é apenas uma estrutura que formata e exibe texto, imagens e outros tipos de mídia em um navegador (Internet Explorer ou Safari, por exemplo). Pode-se, contudo, importar PSDs em páginas no Dreamweaver e salvá-las como HTML ou qualquer outro tipo de arquivo compatível com a web. Ainda que esse processo não converta realmente o arquivo, ele permite vincular e exibir o PSD em uma página da web.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

O que você precisa?

  • Dreamweaver CS3 ou posterior

Lista completaMinimizar

Instruções

    Importando um PSD no Dreamweaver

  1. 1

    Abra a página no Dreamweaver. Clique em "Arquivo" na barra de menus e selecione "Abrir" para exibir a caixa de diálogo "Abrir". Procure o arquivo, selecione-o e clique no botão "Abrir".

  2. 2

    Clique em "Inserir" na barra de menus e selecione "Imagem". Isso abrirá a caixa de diálogo "Selecionar origem da imagem".

  3. 3

    Procure o arquivo PSD que deseja importar e dê um clique duplo nele. A caixa de diálogo "Visualização da imagem" será exibida. PSDs não são compatíveis com a web. Em outras palavras, os navegadores não podem baixá-los e exibi-los. Essa caixa de diálogo permite converter o PSD em um formato compatível, tal como JPEG, GIF ou PNG. O software na verdade cria uma cópia do PSD para implementar na Internet.

  4. 4

    Clique na lista suspensa "Formato" e escolha um. A menos que o PSD seja algo muito simples, como um traçado ou logotipo de apenas uma cor, na maioria dos casos será necessário escolher JPEG ou PNG. Esses formatos de imagem são muito melhores em manter a qualidade da imagem durante o processo de compressão do arquivo.

  5. 5

    Ajuste a qualidade da imagem no campo "Qualidade". O número desse campo retrata a porcentagem de qualidade e compressão: quanto menor a porcentagem, menores serão o tamanho do arquivo e a qualidade da imagem. Na maioria dos casos, especialmente para fotografias, o valor padrão do Dreamweaver (80 porcento) é satisfatório.

  6. 6

    Clique em "OK" para importar a imagem. Agora você pode salvar a página e enviá-la para a Internet.

Dicas & Advertências

  • Já que o Dreamweaver não importa ou "usa" de fato o arquivo PSD (ele cria uma cópia), não é necessário enviar o PSD para o servidor. Assim, pode-se economizar espaço em uma conta de hospedagem com capacidade de armazenamento limitada. Contudo, se armazenamento não for problema, é uma boa ideia enviar o PSD. Desse modo haverá uma cópia de segurança dele fora do site.
  • Podemos exportar layouts em PSD com camadas complexas como páginas em HTML no Photoshop. Apenas salve o arquivo como HTML na caixa de diálogo "Salvar como" do Photoshop. Novamente, esse procedimento não converte o PSD de fato; em vez disso, salva camadas separadas como arquivos de imagem individuais compatíveis com a web. Esse procedimento, contudo, mantém o formato do layout em tabelas HTML.
  • Quando enviar a página para a Internet, certifique-se de manter a estrutura de pastas, seus nomes e nomes de arquivos idênticos aos usados no desenvolvimento. Se qualquer uma dessas coisas mudar, o navegador não poderá encontrar e exibir a imagem.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível