<img>

<img> (for image) allows to insert a visual within an HTML document. This tag mainly requires two required attributes: src and alt. It should be noted that the visuals are not, technically, inserted into the document. Instead, they're called through this tag. <img> creates a placeholder for the called image. The call to the image is done via the src attribute.

Several image formats can be envisioned in an email

Jpeg, gif, or png. Each of these formats has its qualities… And its faults:

JPEG

GIF

PNG

Benefits

Perfect for gradients, it also adjusts the quality of image compression. This format can display several millions of colors. It's ideal for any photo or product visual.

Allows transparency, and also allows you to choose the color palette. Moreover, this type of format makes it possible to generate animated gifs.

Allows transparency, while maintaining a good image quality. The PNG-8 is very similar to the gif format, since it supports 256 colors and allows transparency, and can even be lighter than a gif. The PNG-24 is similar to jpeg, since it can include up to 16 million colors.

Disadvantages

Doesn't allow transparency and can be relatively heavy without compression.

This format is not very good in the gradients. Moreover, it only supports a maximum of 256 colors. It is usually used for texts, pictograms, or logos.

It was a time poorly supported by some mail clients. Its weight can sometimes be a little too heavy.

A question?