Mailchimp의 이미지가 Gmail에 매우 많이 있습니다.

나는 클라이언트 용으로 작업하고있는 MailChimp 템플릿이 있습니다. Gmail에서만 템플릿에 명시된 크기보다 훨씬 큰 이미지가 나타납니다. 이 예에서, 이미지는 600 픽셀 X 120 픽셀에서 Gmail에서 도시되지만 <td>입니다Mailchimp의 이미지가 Gmail에 매우 많이 있습니다.

<td cellpadding="0" cellspacing="0" style="border-collapse:collapse;vertical-align:top" height="4px" width="600px"> 
           <img src="http://www.marketingscience.co/boa/hero-header.png" style="display:block;border:0;min-height:4px;width:600px;background-color:#696969;color:white;font-size:18px;line-height:100%;outline:none;text-decoration:none"> 
           </td>

어떤 제안이 크게 감상 할 수있다. 다음과 같이 일반 HTML에 이미지 dimesions 설정

출처

2013-02-26 analyticsPierce

인라인 CSS는 너비를 600px로 설정하고 있습니다. Gmail에서 600px보다 더 넓게 표시합니까? –

사실 너비는 괜찮습니다. 이미지의 높이는 코드에서 4px이지만 Gmail에서는 120px로 표시됩니다. – analyticsPierce

시도 : 또한

<img src="image.png" width="100px" height="300px" />

, 당신은 더 높이는 스타일 요소를 추가하기 때문에이 문제

출처

2013-02-27 05:28:07

를 해결할 수 있습니다 추가, '스타일'속성에 설정되지 않은 이메일 템플릿에서와 같이, 이메일에있는 모든 이미지에 대한 몇 가지 기본 스타일을 설정

<style> 
    img { 
    display:block; 
    height:auto; 
    line-height:100%; 
    } 
</style>

메일 침프 모든 <img> 요소 전에 인라인 이러한 스타일을 추가합니다 그것은 이메일을 보낸다.

그런 다음 가능한 경우 Alex Ponomarev가 제안한대로 height 및 width 개의 특성을 각 이미지에 추가하십시오.

출처

2013-03-03 22:35:50

Mailchimp의 이미지가 Gmail에 매우 많이 있습니다.

답변

관련 문제