Cenário
Você está usando o Exclaimer e criou sua assinatura de e-mail. Você percebe que as imagens dentro da sua assinatura estão borradas ou com baixa qualidade.
Motivo
A qualidade da imagem depende de vários fatores, tais como:
- A resolução na qual a imagem foi criada
- As dimensões nas quais a imagem foi criada e está sendo exibida
- O formato do arquivo de imagem
- A resolução de exibição da sua tela
- As configurações de zoom que você tem em vigor para sua tela ou aplicativo
- Se uma fonte personalizada ou imagem de fundo é renderizada como um bitmap
Resolução
Algumas dicas para ajudar a resolver os problemas de qualidade da imagem:
Verifique se a resolução da imagem está entre 72 e 150 DPI
A resolução da imagem afeta como ela é exibida, especialmente ao ser enviada por e-mail e visualizada em vários dispositivos.
Recomendamos que as imagens tenham entre 72 e 150 DPI, sendo 96 DPI o ideal em termos de qualidade de imagem e tamanho do arquivo.
Você pode usar ferramentas, como Photoshop, MS Paint ou GIMP para verificar a resolução da imagem.
Exemplo de como verificar usando o Microsoft Paint:
Recomendamos que as imagens tenham entre 72 e 150 DPI, sendo 96 DPI o ideal em termos de qualidade de imagem e tamanho do arquivo.
Você pode usar ferramentas, como Photoshop, MS Paint ou GIMP para verificar a resolução da imagem.
Exemplo de como verificar usando o Microsoft Paint:
- Abra o MS Paint.
- Abra seu arquivo de imagem (Arquivo > Abrir e selecione seu arquivo de imagem).
- Vá para Arquivo > Propriedades da imagem.
A resolução será exibida.
Exemplo:
Evite redimensionar imagens
Aumentar ou reduzir o tamanho das imagens também reduzirá a qualidade da imagem.
Exemplo 1 - Perda de qualidade após aumentar a imagem:
Exemplo 2 - Perda de qualidade após reduzir a imagem:
Sempre que possível, crie as imagens no tamanho correto para serem usadas em suas assinaturas de e-mail.
Com o Photoshop, é possível preservar a qualidade convertendo a imagem em um objeto inteligente, navegando para Camada › Objeto Inteligente › Converter em Objeto Inteligente.
Se estiver usando o Microsoft Paint ou GIMP, não é possível preservar a qualidade da imagem ao redimensionar; nesse caso, certifique-se de que as dimensões estão corretas ao criar a imagem.
Exemplo 1 - Perda de qualidade após aumentar a imagem:
Exemplo 2 - Perda de qualidade após reduzir a imagem:
Sempre que possível, crie as imagens no tamanho correto para serem usadas em suas assinaturas de e-mail.
Com o Photoshop, é possível preservar a qualidade convertendo a imagem em um objeto inteligente, navegando para Camada › Objeto Inteligente › Converter em Objeto Inteligente.
Se estiver usando o Microsoft Paint ou GIMP, não é possível preservar a qualidade da imagem ao redimensionar; nesse caso, certifique-se de que as dimensões estão corretas ao criar a imagem.
Use o formato de arquivo de imagem Portable Network Graphic (PNG)
O PNG é um formato de arquivo de imagem sem perdas projetado para transferir imagens na internet e é um formato ideal para uso em assinaturas de e-mail. O PNG também suporta transparência, tornando-o ideal para uso com logotipos de empresas e outros gráficos em sua assinatura.
Como o formato PNG é de maior qualidade do que outros formatos como JPG, o tamanho do arquivo também pode ser maior.
Para ajudar a manter o tamanho do arquivo de seus e-mails ao mínimo, você pode considerar o uso de uma ferramenta como TinyPNG ou Squoosh que utilizam técnicas de compressão inteligente para reduzir o tamanho do arquivo da imagem, minimizando a perda de qualidade.
Como o formato PNG é de maior qualidade do que outros formatos como JPG, o tamanho do arquivo também pode ser maior.
Para ajudar a manter o tamanho do arquivo de seus e-mails ao mínimo, você pode considerar o uso de uma ferramenta como TinyPNG ou Squoosh que utilizam técnicas de compressão inteligente para reduzir o tamanho do arquivo da imagem, minimizando a perda de qualidade.
Verifique a resolução de exibição e as configurações de zoom
Alguns dispositivos, como aqueles com telas Retina, têm a capacidade de exibir uma resolução muito alta (4k).
Normalmente, aumentar a resolução também fará com que o conteúdo pareça menor na tela, então, para compensar isso, os dispositivos redimensionam automaticamente o conteúdo para caber na tela.
Como vimos na seção anterior, redimensionar imagens reduz a qualidade. Vale a pena verificar qual a resolução de tela e as configurações de zoom que seu dispositivo utiliza e também comparar como uma imagem aparece em outro dispositivo.
A melhor maneira de fazer as imagens parecerem melhores em telas de alta resolução é criá-las em um tamanho maior - para aproveitar a contagem de pixels aumentada que as telas oferecem. Esteja ciente de que isso pode ter um efeito oposto em dispositivos com telas de menor resolução, então você deve considerar cuidadosamente quais dispositivos provavelmente estão sendo usados pelos espectadores pretendidos de suas assinaturas de e-mail.
Normalmente, aumentar a resolução também fará com que o conteúdo pareça menor na tela, então, para compensar isso, os dispositivos redimensionam automaticamente o conteúdo para caber na tela.
Como vimos na seção anterior, redimensionar imagens reduz a qualidade. Vale a pena verificar qual a resolução de tela e as configurações de zoom que seu dispositivo utiliza e também comparar como uma imagem aparece em outro dispositivo.
A melhor maneira de fazer as imagens parecerem melhores em telas de alta resolução é criá-las em um tamanho maior - para aproveitar a contagem de pixels aumentada que as telas oferecem. Esteja ciente de que isso pode ter um efeito oposto em dispositivos com telas de menor resolução, então você deve considerar cuidadosamente quais dispositivos provavelmente estão sendo usados pelos espectadores pretendidos de suas assinaturas de e-mail.
Verifique se você está renderizando como um bitmap
Renderizar objetos como bitmaps pode ser útil ao incluir imagens de fundo ou fontes personalizadas em sua assinatura.
Exemplo:
Ao renderizar texto como um bitmap, a qualidade da imagem é crucial para a legibilidade do texto. Como as imagens podem ser redimensionadas e comprimidas automaticamente por um dispositivo ou cliente de e-mail, elas podem estar sujeitas à perda de qualidade.
Você pode evitar renderizar como um bitmap em sua assinatura. Para mais informações, consulte Como resolver problemas de qualidade de bitmap?
Exemplo:
Ao renderizar texto como um bitmap, a qualidade da imagem é crucial para a legibilidade do texto. Como as imagens podem ser redimensionadas e comprimidas automaticamente por um dispositivo ou cliente de e-mail, elas podem estar sujeitas à perda de qualidade.
Você pode evitar renderizar como um bitmap em sua assinatura. Para mais informações, consulte Como resolver problemas de qualidade de bitmap?