Skip to main content

Usando imagens transparentes na Web e em impressão

COMO CRIAR UM LOGO TRANSPARENTE! Super fácil - Logo Transparente + Imagem PNG | Por Patricia Angelo (Pode 2025)

COMO CRIAR UM LOGO TRANSPARENTE! Super fácil - Logo Transparente + Imagem PNG | Por Patricia Angelo (Pode 2025)
Anonim

Então, você acaba de remover meticulosamente o fundo de uma imagem e agora quer usar a imagem parcialmente transparente em outro lugar. O que você faz? A resposta depende de onde você está indo.

Do Photoshop (versões anteriores ao CS4)

Se você estiver trabalhando no Photoshop e imprimir ou na Web, consulte o Assistente para exportação de imagens transparentes, localizado no menu Ajuda. Ele fará uma série de perguntas e exportará a imagem no formato apropriado. Esta opção foi removida no Photoshop CS4.

Existem realmente apenas duas maneiras de exibir uma imagem digital. A imagem vai aparecer em uma tela, como uma tela de smartphone, tablet ou desktop (ou maior) ou impressa. Então, a decisão se resume ao formato de arquivo.

A imagem está indo para uma tela.

Você tem três opções aqui: GIF, PNG ou "fingir com JPEG".

  • GIF: GIF é o formato original com suporte a transparência para a Web. O problema com o GIF é que ele reduz a paleta de cores a não mais do que 256 cores, causando mudanças de cor, posterização ou formação de faixas de cores e distorção em imagens de alta cor, como fotografias. Se as dimensões físicas da imagem forem pequenas ou se você postar a imagem em um site de mídia social como o Twitter, o uso de uma imagem GIF será considerado. Outra desvantagem do GIF é que ele suporta apenas transparência de 1 bit. O que isto significa é que cada pixel da sua imagem é completamente transparente ou não transparente.
  • PNG: PNG é um formato desenvolvido para superar muitas das limitações do GIF e uma opção preferível para imagens transparentes. O formato de arquivo suporta alta transparência de cor e parcial usando canais alfa. Os arquivos PNG transparentes são suportados desde o IE7 e são suportados em todos os navegadores populares da atualidade, portanto, é seguro usar o PNG atualmente, a menos que você saiba que grande parte do seu público está usando hardware e software muito antigos. Imagens PNG também são comumente vistas em dispositivos móveis.
    • Observação: se você quiser manter a transparência total sem um halo de suavização, precisará salvar seu arquivo PNG como PNG-24 e não PNG-8. O PNG-8 é útil para reduzir o tamanho do arquivo de arquivos PNG quando você não precisa de transparência, mas tem as mesmas limitações de paleta de cores que os arquivos GIF.
    • Outro formato PNG comum é o PNG-32. Esta não é uma imagem de 32 bits com bilhões de cores. Esta é uma imagem padrão de 24 bits com um canal extra de escala de cinza de 8 bits usado para transparência. Quando você está na caixa de diálogo Exportar como do Photoshop, se clicar na caixa de seleção de transparência, estará criando uma imagem PNG-32.
  • Transparência Falsa com JPEG: Este é um trabalho em torno de onde as áreas da imagem que você quer que sejam transparentes são preenchidas com a mesma cor de fundo ou textura que a página da web em que serão colocadas. Isso funciona melhor ao posicionar a imagem em um plano de fundo de cor sólida ou em um plano de fundo pequeno e com uma textura sutil, em que o alinhamento não será um problema. Essa é uma maneira de fazer isso. Outra é usar uma ferramenta de seleção para mascarar a área de cor sólida ou usar o Preencher comando para preencher a seleção com a cor sólida.

A imagem está indo para um aplicativo de layout de página, como InDesign, QuarkXpress ou PageMaker.

Você tem três opções aqui: formato PSD nativo da Adobe, caminhos incorporados ou canais alfa.

  • Formato PSD nativo da Adobe: O PSD mantém a transparência entre os aplicativos da Adobe, portanto, se você estiver trabalhando totalmente em aplicativos Adobe, use o formato PSD nativo do Photoshop com transparência.
  • Caminhos Incorporados (EPS): As imagens EPS suportam o uso de caminhos de recorte incorporados e a maioria dos aplicativos de editoração eletrônica aceita o formato EPS. Quando os caminhos incorporados são usados ​​para transparência, o objeto isolado pode ter apenas arestas duras. Não há transparência parcial.

Canais Alfa (TIFF): Canais alfa são máscaras de bitmap que definem transparência em tons de cinza. Quando usado em aplicativos de layout de página, o formato TIFF é preferido para imagens com transparência de canal alfa.