Estoy haciendo el cuarpo de un email, y quiero poner un encabezado como imagen, el codigo lo tengo asi:
<div style="width:100%">
<img src="img/encabezado12.jpg" width="100%" >
<p style="font-family: Constantia, serif; font-size:17px; ">Con base al requerimiento </p>
<img src="img/pie_pag.jpg" width="100%">
</div>
Resulta ser que si quito el Width, la imagen sale correctamente, sin verse borrosa, pero si le dejo el width, sale borrosa o mas bien pixelada, alguna sugerencia en que hacer? si le quito el width ya no seria responsive y esa es la idea.