otimização de imagens é um processo importante que envolve a seleção do formato correto , resolução e configurações de qualidade de uma imagem. O objetivo é exibir as imagens da melhor forma possível , sem ocupar muito espaço. Isto é especialmente importante onde Web design está em causa, porque desnecessariamente grandes imagens vai abrandar o seu website. Como as imagens são otimizados tem muito a ver com os formatos em que são guardadas. Formatos utilizados para a Web são JPEG , GIF e PNG. Esses formatos cada comprimir imagens em seu próprio caminho e influenciam a forma como as imagens são exibidas específico. Coisas que você precisa
Adobe Photoshop
Show Mais instruções
1
Abra o Photoshop e clique em " Arquivo", depois escolha a opção " Abrir". Clique sobre a imagem que você deseja otimizar. Se você quiser selecionar mais de uma imagem, arraste o mouse sobre os arquivos até selecionar todas as imagens que você precisa, e clique em " Abrir".
2
Verifique o tamanho da imagem . Vá em " Editar" e clique em " Image Size ". Um menu irá aparecer, mostrando-lhe dimensões da imagem . Assinale "Estilos de escala", " Restringir proporções " e " Imagem Resample " . Se você estiver trabalhando com uma imagem que precisa ser otimizado para a Web , olhe para o tamanho do pixel . Banners , botões e imagens em sites geralmente precisa ser um certo tamanho.
3
Altere a largura para o tamanho correto. A altura será automaticamente ajustado proporcionalmente. Fechar esta caixa , clicando no "X " no canto .
4
Use a ferramenta de corte na barra de ferramentas da esquerda para cortar fora uma parte da imagem e verificar o tamanho da imagem novamente. Repita este procedimento até que você tenha atingido o tamanho correto. Altere a largura de pixel uma última vez e clique em "OK " para salvar as alterações.
5
Ajuste o contraste da imagem. Clique em " Imagem" e escolha a opção " Ajustes ". Selecione " Brilho /Contraste ". Uma caixa de pop-up e exibir as alterações em sua imagem como você ajustar o brilho eo contraste sliders . Arraste os controles deslizantes até que você tenha o efeito desejado e clique em " OK".
6
Vá em "Arquivo " e clique em "Salvar para Web e Dispositivos". Um menu pop-up , o que lhe dá a opção de salvar a imagem em diferentes formatos. Certifique-se de que a sua imagem é exibida na guia " otimizado " ( canto superior direito da tela) , que irá mostrar os efeitos do formato de arquivo que você escolher.
7
Use a queda "Preset" Menu -down para alterar os formatos diferentes. Suas opções serão GIF 128, 64 ou 32, " pontilhada " ou "não dither "; JPEG de alta , baixa e média ; " . PNG-24 " e " PNG -8 128 pontilhadas " ou
8
Selecione o formato JPEG se você precisar fazer upload de fotos ou outras imagens com uma gama de cores ampla e mudanças graduais na cor . Decidir entre Alto, Médio e Baixo, dependendo de quanto você quer comprimir a imagem. Alta vai lhe dar o máximo de detalhes de cor e maior imagem. Olhe para a imagem para determinar como as mudanças afetam de exibição da imagem. O tamanho do arquivo é exibido diretamente abaixo da imagem.
9
Clique no "4 -Up" Tab ( canto superior esquerdo ) , se você quiser comparar os efeitos dos diferentes formatos de arquivo. Quatro cópias da sua imagem será exibida , com informações para todos os formatos de baixo.
10
Selecione o formato GIF a partir do menu drop-down Programe se você estiver trabalhando com um logotipo, arte de linha ou qualquer outra imagem cor sólida. GIF suporta transparência de fundo, permitindo que você coloque o seu logotipo sobre um fundo colorido na web. 128, 64 e 32 referem-se ao número de cores que você comprimir a imagem. Se sua imagem contém apenas duas cores sólidas , você não precisa de uma gama de cores maior que 32. Selecione um formato GIF com um " Dither " se você quiser salvar uma imagem com gradientes de cor , e "Não dither " se sua imagem tem cores sólidas. Assinale " Transparência " , se você quiser exibir a imagem com um fundo transparente .
11
Selecione o formato PNG a partir do menu drop-down Programe se você tem imagens de cores sólidas ou fotos em que você deseja preservar detalhes nítidos . " PNG -8 128 pontilhadas " suporta 256 cores da Web , enquanto " PNG-24 " fornece para milhões de tonalidades de cor . Imagens PNG são muito maiores do que JPG e GIF. Assinale " Transparência " , se você quiser exibir a imagem com um fundo transparente .
