Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Como preparar as imagens para suas newsletters

Publicado por Mailrelay em 03/01/2014

Um dos aspectos que mais precisa ser cuidado ao criar uma newsletter é sem dúvida a preparação das imagens, porém em algumas ocasiões sua edição correta pode ser um pouco complexa. Neste artigo vamos tentar explicar-lhe os aspectos principais da edição das imagens, bem como algumas ferramentas para seu correto tratamento.

O objetivo não é a criação de um artigo que trate o assunto muito profundamente, mas sim oferecer informações para ajudá-lo com os aspectos mais importantes para que você consiga inserir imagens de forma correta em suas newsletters.

1) Averiguar as dimensões da imagem

Uma das primeiras coisas que você precisará saber será as dimensões da imagem que será utilizada na newsletter, para que esta se ajuste corretamente ao design da mensagem.

Por exemplo, imagem que o cabeçalho da newsletter é esta:

edicion-imagenes-newsletter-1

Este design utiliza uma imagem principal. Como saber suas dimensões?

Uma das ferramentas que podem ser utilizadas para obter esta informação é um complemento para o Firefox, chamado MeasureIt , que você poderá encontrar neste link:

https://addons.mozilla.org/pt/firefox/addon/measureit/

Se você acessar esta página verá uma tela similar a esta:

add to firefox

Basta clicar no botão Add to Firefox, provavelmente o sistema solicitará que você reinicie o navegador.

Uma vez feito isto, quando você abrir o navegador outra vez, você verá na parte direita um ícone com uma régua:

Clique neste ícone, em seguida na imagem, arraste-a toda:

edicion-imagenes-newsletter-4

Observe que ao marcar a imagem, ela ficará destacada, além disso na parte superior direita é possível ver a largura e altura da imagem.

Estas deverão ser as dimensões da imagem para poder encaixar corretamente no design da newsletter.

2) Outra forma de descobrir as dimensões da imagem

Outra forma de saber as dimensões da imagem é utilizar um software chamado Photoshop, seguindo alguns passos simples. Vamos testar esta opção com outra imagem, para poder saber suas dimensões será necessário fazer um screenshot, com a tecla printscreen do seu teclado.

Dentro do Photoshop você poderá clicar no menu Arquivo e em seguida em Novo:

ps1

Na próxima tela clique em ok:

ps2

Desta forma você verá uma tela em branco, na qual você poderá colar a imagem que acabou de captura, clicando no menu Edição -> Colar:

ps4

Agora a imagem estará no Photoshop, assim sendo você poderá utilizar, por exemplo, a ferramenta de marcação retangular, para marcar as dimensões que você deseja medir:

ps3

Você verá que a imagem está demarcada por uma linha de pontos, o que indica que a seleção foi realizada:

edicion-imagenes-newsletter-9

Agora basta consultar o painel de informação, o que pode ser feito pressionando a tecla f8 se não estiver ativo, com isso você terá as dimensões da parte da imagem que selecionou:

 

edicion-imagenes-newsletter-10

Esta informação pode ser dada em pixels se você tiver esta configuração, caso contrário, é possível clicar clicando em Edição, Preferências, Unidades e Regras. Você poderá configurar as unidades que desejar utilizar.

3) Modificar as dimensões da imagem

Quando você souber as dimensões da imagem poderá modificá-las sem equivocar-se, para isto existem ferramentas gratuitas e online, como por exemplo:

http://www.picresize.com/

Esta ferramenta permitirá que você modifique a imagem e também será possível recortá-la de acordo com suas necessidades, de forma gratuita. Ao acessar este website, você verá uma tela similar a esta:

edicion-imagenes-newsletter-11

O primeiro passo é selecionar a imagem no computador que você deseja editar, e em seguida clicar em “continuar”.

edicion-imagenes-newsletter-12

Assim que a imagem terminar de ser carregada, você irá acessar uma tela para fazer a edição. A opção Crop Selection permitirá que você selecione apenas uma parte da imagem, caso você não precise utilizá-la toda.

Se você mantiver a tecla Shift pressionada, poderá selecionar um quadrado.

Após selecionar a parte da imagem que você deseja utilizar, ou mesmo se você não deseja selecionar apenas uma parte dela, o próximo passo será redimensioná-la.

Nos passos anteriores deste artigo você aprendeu como descobrir as dimensões da imagem que deseja utilizar, agora será preciso utilizar estes dados.

Abra o seletor que informa Make My Picture e selecione Custom Size& , depois em Width insira a largura e em Height insira a altura da imagem:

edicion-imagenes-newsletter-13

Não iremos falar aqui sobre os efeitos, por isso passaremos diretamente para o quarto passo:

edicion-imagenes-newsletter-14

Selecione o formato desejado no menu Image Format, os formatos mais habituais são:

– JPG -> Para imagens com muitas cores.

– PNG -> Para imagens que incluam textos, esquemas e não incluam tantas cores.

Você também pode utilizar o formato PNG para fotografias, porém geralmente o resultado será um arquivo mais pesado do que seria em JPG.

No caso de você optar por JPG, você também poderá selecionar a qualidade da imagem, e em seguida clicar em I’m Done, Resize My picture! Isto dará por finalizado o processo de tratamento da imagem.

Para terminar, você poderá prévisualizar a imagem resultante View image ou salvá-la no seu computador Save to Disk :

edicion-imagenes-newsletter-15

Após seguir estes passos simples, a imagem está pronta e poderá ser adicionada em sua newsletter:

edicion-imagenes-newsletter-16

4) Modificar o tamanho da imagem com o Photoshop

Outra opção disponível para redimensionar as imagens é a utilização do Photoshop, neste caso, uma vez que você tenha as dimensões desejadas o processo de alteração é extremamente simples e rápido.

Para fazer isto você irá utilizar a ferramenta recortar:

edicion-imagenes-newsletter-17

Ao selecionar esta ferramenta, você verá que na parte superior esquerda é possível inserir os valores para as medidas da imagem:

edicion-imagenes-newsletter-18

Em seguida, marque na imagem tudo o que você deseja recortar e pressione a tecla enter. Isto fará com que você fique com uma imagem com as dimensões adequadas para o que você precisa.

Para salvar a imagem resultante, para utilizá-la em sua newsletter, clique no menu Arquivo e em seguida em Salvar para web e dispositivos:

edicion-imagenes-newsletter-19

A seguir você poderá selecionar o formato da imagem, além da sua qualidade, em alguns casos:

edicion-imagenes-newsletter-20

Quanto mais qualidade sua imagem tiver, mais pesado será o arquivo resultante, por isso selecione um valor suficiente para que a imagem possa ser exibida corretamente, sem deixar o arquivo demasiado grande. Em seguida é só salvar a imagem e esta estará pronta para ser utilizada em sua newsletter.

5) Bônus: Cropp.me

Se você chegou até aqui, vamos explicar-lhe um terceiro método para recortar imagens de forma fácil, rápida e gratuita.

Assim sendo, você poderá dispor de mais uma ferramenta para edição de imagens, para que você tenha várias alternativas e possa escolher a mais adequada para suas necessidades.

Basta acessar este website:

http://cropp.me/

Neste website, você verá uma tela similar a esta:

edicion-imagenes-newsletter-21

O processo é muito simples, clique no botão Upload your images, em seguida selecione a imagem que você deseja editar.

É possível fazer o upload de mais de uma imagem, caso necessário. Na próxima tela você poderá selecionar as dimensões desejadas, ou inseri-las manualmente:

edicion-imagenes-newsletter-22

Após inserir as medidas, ou selecionar um tamanho padrão, clique em Cropp Your images , você verá como as imagens irão aparecer na parte direita:

edicion-imagenes-newsletter-23

Se o recorte não for proporcional as medidas da imagem, algumas partes da imagem serão perdidas, embora o software tentará recortá-la da melhor forma possível.

Talvez você não goste do resultado, nesse caso bastará modificá-la outra vez, clicando no ícone de edição da imagem:

edicion-imagenes-newsletter-24

Você verá uma tela, na qual poderá mover a seleção para onde desejar, para em seguida salvar as alterações:

edicion-imagenes-newsletter-25

Para finalizar, salve no seu computador todas as imagens resultantes. Este é um processo muito simples, esta é mais uma ferramenta para recortar imagens sem complicação.

Resumindo

Neste tutorial, explicamos algumas formas de saber as dimensões necessárias para as imagens da sua newsletter, como também várias alternativas para redimensioná-las para que possam ser corretamente utilizadas em suas campanhas de e-mail marketing.


El motivo principal por el que no vendes con tus emails es porque acaban en SPAM. Eso tiene solución, está en este ebook, lo puedes descargar registrándote, abajo







Acepto la política de privacidad.



Comentários

  1. JoseSalva

    En mi opinión la mejor aplicación para hacer ésto es el “Paint”.
    Una utilidad que viene por defecto en Windows y que además es gratuita.
    Saludos!

    15/05/2016 - 17:32:26 Publicar una respuesta
    • Mailrelay

      ¡Hola JoseSalva! La pega el paint creo que es que no reduce demasiado el peso de la imagen, en comparación con otras herramientas.

      16/05/2016 - 08:03:22 Publicar una respuesta
  2. Vicen

    Una buena herramienta de software libre (¡y además gratuita!) para preparar las imágenes y todo lo que explicas aquí (y mucho más) en GIMP: http://www.gimp.org/
    Utilizo GIMP habitualmente, tanto para ajustar el tamaño y formato de las imágenes como para hacer ajustes de color (el balance de blancos en una excelente ayuda) o retoques.
    Creo que estaría bien que le echases un vistazo… ¡y nos lo explicases en un post!

    20/11/2015 - 14:59:34 Publicar una respuesta
    • Mailrelay

      ¡Hola Vicen! Pues lo cierto es que no se me da muy bien el GIMP, soy más de la competencia 🙂 Pero si alguien se anima a hacer un tutorial o dejarnos un enlace a alguno 🙂

      20/11/2015 - 15:08:27 Publicar una respuesta
  3. UD QUART

    Gracias por la información es muy muy interesante.

    13/09/2014 - 15:12:54 Publicar una respuesta

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *


Menu Title