it-swarm-vi.com

Hình ảnh HTML không hiển thị trong Gmail

Tôi đang gửi một bản tin email trong HTML. Bên trong HTML tôi có một cái gì đó như

<img height='70' width='70' style='display:block' src='myDomain.com/imageName.png'>

Khi tôi mở bản tin bằng Thunderbird hoặc Outlook, hình ảnh sẽ được hiển thị. Tuy nhiên, khi tôi mở nó bằng Gmail, không có hình ảnh nào được hiển thị . Tôi không chắc đó là về proxy mà Gmail sử dụng vì lý do bảo mật hay nếu đó là một cái gì đó khác. Dù bằng cách nào, tôi muốn biết liệu có ai từng gặp phải điều này không và nếu có thì nó đã được giải quyết như thế nào.

40
Rita

Đến bữa tiệc muộn nhưng ở đây cũng đi ... Tôi cũng đã trải qua vấn đề này và nó đã được giải quyết với những điều sau:

  • Bao gồm lược đồ trong url src (sử dụng "//" không hoạt động - sử dụng lược đồ đầy đủ EG: "https: //")
  • Bao gồm các thuộc tính chiều rộng và chiều cao
  • Bao gồm thuộc tính style = "display: block"
  • Bao gồm cả thuộc tính alt và tiêu đề

VÍ DỤ: 

<img src="https://static.mydomain.com/images/logo.png" alt="Logo" title="Logo" style="display:block" width="200" height="87" />
35
Howard

Google chỉ cho phép hình ảnh đến từ nguồn đáng tin cậy.

Vì vậy, tôi đã giải quyết vấn đề này bằng cách lưu trữ hình ảnh của mình trong google drive và sử dụng url của nó làm nguồn cho hình ảnh của mình.

Ví dụ: Với: Http: //drive.google.com/uc? Export = view & id = FILEID '>

để tạo URL xin vui lòng tham khảo tại đây .

18
Sachin Gade

Vui lòng kiểm tra mã hóa của bạn: Google mã hóa khoảng trắng dưới dạng + thay vì %20. Điều này có thể dẫn đến một liên kết hình ảnh không hợp lệ.

7
pHOW

Bạn có thể tắt chúng trong cài đặt gmail của mình, đây là liên kết để thay đổi chúng https://support.google.com/mail(/145919?hl=vi

Ngoài ra gmail có thể đang chặn hình ảnh nghĩ rằng họ đang nghi ngờ. 

từ liên kết trên.

Cách Gmail làm cho hình ảnh an toàn

Một số người gửi cố gắng sử dụng hình ảnh được liên kết bên ngoài theo những cách có hại, nhưng Gmail thực hiện hành động để đảm bảo rằng hình ảnh được tải an toàn. Gmail phục vụ tất cả các hình ảnh thông qua các máy chủ và chuyển mã proxy hình ảnh của Google chúng trước khi giao hàng để bảo vệ bạn theo những cách sau:

Người gửi có thể sử dụng tải hình ảnh để nhận thông tin như IP của bạn địa chỉ hoặc địa điểm. Người gửi có thể đặt hoặc đọc cookie trong .__ của bạn. trình duyệt. Gmail kiểm tra hình ảnh của bạn để biết virus hoặc phần mềm độc hại đã biết. Trong một số trường hợp, người gửi có thể biết liệu một cá nhân có .__ hay không. đã mở một tin nhắn với các liên kết hình ảnh độc đáo. Như mọi khi, Gmail quét mọi thông báo cho nội dung đáng ngờ và nếu Gmail xem xét người gửi hoặc tin nhắn có khả năng đáng ngờ, hình ảnh đã thắng được hiển thị và bạn sẽ được hỏi liệu bạn có muốn xem những hình ảnh.

5
codeaddict

Cố gắng thêm các thuộc tính titlealt vào hình ảnh của bạn .... Gmail và một số người khác chặn hình ảnh mà không có một số thuộc tính .. và đó cũng là logic để bao gồm email của bạn bị đọc là spam.

4
Hugo S. Mendes

Tôi biết Gmail đã khắc phục tất cả các sự cố ở trên, alt và các công cụ hiện tại.

Và điều này không liên quan đến câu hỏi nhưng có lẽ ai đó cũng trải nghiệm giống như tôi.

Vì vậy, nhà thiết kế web của tôi sử dụng thẻ "hình ảnh" thay vì "img", nhưng triệu chứng là như nhau. Nó hoạt động trên Outlook nhưng không phải Gmail.
[.__.] Tôi phải mất một giờ để nhận ra. Thở dài, thật lãng phí thời gian.

Vì vậy, hãy đảm bảo thẻ là "img" không "hình ảnh".

1
Esgi Dendyanri

HTTP hoặc HTTPS phải là địa chỉ đầy đủ 

hình nền: url ( http://fulladdress.com/ca/1/product_assets/T/C/X/M/K/NMTCXMK_mu.jpg )

var mailOptions = {
  from: '[email protected]',
  to: emails,
  subject: 'i super another ma node mailer cool test',
  text: 'That was easy!',
  html: '<a href="//google.com"><div style="background-image: url(http://fulladdress.com/ca/1/product_assets/T/C/X/M/K/NMTCXMK_mu.jpg);width:500px;height:500px">ascfas</div></a>'
};
1
D V Yogesh

Đối với tôi, vấn đề là sử dụng hình ảnh svg. Tôi chuyển chúng sang png và nó hoạt động.

0
Ruben Miquelino

Vấn đề của tôi là tương tự. Đây là những gì kinh nghiệm của tôi đã được thử nghiệm thẻ IMG trên gmail (giả sử hầu hết các tổ chức sẽ có máy chủ dev qa và prod.)

Tôi đã phải gửi email cho khách hàng trên id email cá nhân của họ và chúng tôi có thể thấy rằng gmail sẽ thêm một cái gì đó giống như sau vào thuộc tính src của thẻ img. Bây giờ khi chúng tôi gửi những hình ảnh này từ môi trường dev của chúng tôi, chúng sẽ không bao giờ hiển thị trên gmail và chúng tôi luôn tò mò tại sao?

https://ci7.googleusercontent.com/proxy/AEF54znasdUhUYhuHuHuhHkHfT7u2w5zsOnWJ7k1MwrKe8pP69hY9W9eo8_n6-tW0KdSIaG4qaBEbcXue74nbVBysdfqweAsNNmmmJyTB-JQzcgn1j=s0-d-e2-ft#https://www.prodserver.com/Folder1/Images/OurImage.PNG

vì vậy một hình ảnh được gửi đến id gmail của tôi như sau không bao giờ có tác dụng với tôi

<img src="https://ci7.googleuser....Blah.Blah..https://devserver.com/Folder1/Images/OurImage.PNG">

và máy chủ dev của chúng tôi, chúng tôi không thể hiển thị hình ảnh này bằng cách nhấn URL sau trên Chrome (hoặc bất kỳ trình duyệt nào).

https://www.devserver.com/folder1/folder2/myactualimage.jpg

bây giờ miễn là src có www trên nó hoạt động mọi lúc và chúng tôi không phải thêm bất kỳ thuộc tính nào khác.

<img src="https://www.**prodserver**.com/folder1/folder2/myactualimage.jpg">
0
Sandeep

Tôi thậm chí còn đến bữa tiệc này, nhưng sau khi dành khoảng 2 giờ để thử mọi thứ có thể tưởng tượng và không gặp may mắn, cuối cùng tôi nhận ra nó sẽ hoạt động nếu tôi tải ảnh lên GOOGLE ẢNH thay vì GOOGLE DRIVE. Sau đó, tôi có thể nhấp chuột phải vào pic, sao chép địa chỉ, dán nó vào và nó hoạt động rất đẹp.

0
Paige O