이메일의 동적 이미지

나는 매월 프로모션 쿠폰을로드하는 이미지가 3 개인 이메일을 작성 중입니다. 몇 달 동안은 2 회의 제안 만있을 수 있으며, 3 번째 이미지 대신 1x1 spacer.gif를 저장하면됩니다. 개발자가 아닌 사람이 홍보 이미지를 업데이트 할 수 있습니다.이메일의 동적 이미지

각 이미지에 특정 높이를 설정하지 않으면 spacer.gif가 브라우저에 거대한 틈으로 표시 될 때 높이가 기본적으로 너비와 동일하게됩니다.

아무도 내가이 문제를 어떻게 극복 할 수 있을지 모르니 그렇게 큰 차이는 없지만 거기에 높이를 고정시킬 필요는 없습니까?

<table width="700" align="center" bgcolor="#000000" cellpadding="0" cellspacing="0" border="0" style="min-width:700px"> 
      <tbody> 
       <tr> 
        <td><img src="images/spacer.gif" width="40" height="1" border="0" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;"/></td> 
        <td> 
        <table width="620" align="center" bgcolor="#000000" cellpadding="0" cellspacing="0" border="0" style="min-width:620px"> 
        <tbody> 
         <tr> 
          <td> 
          <!-- Offer 1 --> 
          <a href="" title="Offer" target="_blank"><img src="images/cm_spof_01.gif" width="620" alt="Offer" border="0" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; font-size:16px; color: #f1f1f1; font-family:arial, sans-serif; height:auto;" /></a> 
          <!-- Offer 2 --> 
          <a href="" title="Offer" target="_blank"><img src="images/cm_spof_02.gif" width="620" alt="Offer" border="0" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; font-size:16px; color: #f1f1f1; font-family:arial, sans-serif; height:auto;" /></a> 
          <!-- Offer 3 --> 
          <a href="" title="Offer" target="_blank" style="height:auto;"><img src="images/cm_spof_03.gif" width="620" alt="Offer" border="0" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; font-size:16px; color: #f1f1f1; font-family:arial, sans-serif; height:auto;" /></a> 
          </td> 
         </tr> 
        </tbody> 
        </table> 
        </td> 
        <td><img src="images/spacer.gif" width="40" height="1" border="0" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;"/></td> 
       </tr> 
      </tbody> 
     </table>

출처

2014-02-26 xoam

이 넓은 600x1 대신 같은 당신의 1x1 지프를 확인하십시오

다음은 관련 코드입니다. 내가 그것을보고하지 않은 이유를 모르겠어요 너무 간단했다

<img alt="" src="" width="100%" style="margin: 0; border: 0; padding: 0; display: block;">

출처

2014-02-26 18:12:43 John

또한, 모든 이미지 태그에 높이를 남길 수 있습니다, 예를 들어,이 유체 이미지를 만드는 방법입니다 전에. 본질적으로 나는 gif를 더 넓게 만들 필요가 없었습니다. 난 그냥 높이와 너비를 모두 제거하고 그것은 리트머스에서 괜찮은 것 같습니다. – xoam

이메일의 동적 이미지

답변

관련 문제