PSD é o formato de arquivo para arquivos do Adobe Photoshop. Photoshop ajuda a gerar folhas de estilo em cascata (CSS) para imagens na Web. Exibindo uma imagem grande na Web desacelera páginas. Por isso é melhor para cortar a imagem (dividi-lo em gráficos menores) antes da exportação. Para economizar tempo, o Photoshop permite personalizar a convenção de nomeação para fatias e especificar como os estilos são referenciados. Você pode exportar as imagens com o seu código CSS ou simplesmente exportar o código.
Abra a imagem que pretende exportar como um CSS no Photoshop.
Selecione a ferramenta "fatia" da paleta Tools.
Coloque o mouse sobre a área que deseja cortar. Desenhar uma caixa em torno da área e solte o mouse para criar a fatia. Repita esse processo para cortar outras áreas da imagem.
Selecione "Arquivo" e "Save for Web Dispositivos "no menu. Você está direcionado para o" Save for Web Dispositivos "caixa de diálogo.
Clique em "Save" para gerar o código CSS. A "Save Optimized como" caixa de diálogo é aberta.
Altere a opção "Format" drop-down para "HTML e imagens." Alterar o "Configurações" opção suspensa para "Outros".
Change "HTML" para "fatias" na lista drop-down. Vá para a seção "Fatia Output" e escolha "Gerar CSS." Set "Referenciado" para "por ID", "in-line" ou "por classe" para o seu código CSS. Escolha uma convenção de nomeação a partir da secção "Default Fatia Naming".
Clique em "Salvar". A caixa de diálogo "Salvar Configurações de saída" abre. Nomeie o arquivo de saída, e clique em "Salvar" e "OK". Você será redirecionado para a "Save Optimized Como" janela.
Clique duas vezes a pasta onde o código e as imagens serão salvas. Digite um nome de arquivo e clique em "Salvar".
Como alterar um arquivo pdf para jpg
Como reduzir o tamanho do arquivo em adobe
Como emendar imagens para web design
Como faço para importar e exportar imagens no photoshop?
Como converter uma imagem adobe photoshop em uma imagem vetorial