Html Image Resize Blurry. Add the blur effect filter. Most of the time email signature images are blurry because the scaling settings on your pc are not set to 100 or they can be pixelated if you have background transparency in your images.
This is because resizing it with html doesn t reduce the file size the full file still has to be downloaded before it can be resized. 1 crop the width and height to eliminate empty black space. 100 box sizing.
Resizing images with html css should only be done if necessary.
The easiest way to fix blurry images is to use high resolution images and scale them down in html so they still look good when viewed on retina displays. It is usually better to use an image that is the correct size in the first place than to resize it with html. Three screen shots of the source taken at specific window. If you resize it even by one pixel then your browser will attempt to soften it which will give it a blurry effect.