Why don't my images don't show outside of a browser? (i.e Apple Mail)

I host images on my droplet and use them in my email newsletters. However, the images in the newsletter do not show up outside of browsers.

For example, if I log into my Gmail account and view the email in Chrome, all is well. That same email on Apple Mail is a broken link.

This is how I write the HTML image code:

<img src=“” alt=“” width=“1600” height=“1068” class=“alignnone size-full wp-image-4610” srcset=“ 1600w, 250w, 768w, 700w, 120w” sizes=“(max-width: 1600px) 100vw, 1600px”>

Submit an answer

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Want to learn more? Join the DigitalOcean Community!

Join our DigitalOcean community of over a million developers for free! Get help and share knowledge in Q&A, subscribe to topics of interest, and get courses and tools that will help you grow as a developer and scale your project or business.

This is odd. The format of your img tag appears to be correct and the URLs do load images of the appropriate sizes. Do you have the “display remote images in html messages” option checked in apple mail’s configuration? Without this option enabled, Apple Mail will not display remotely hosted image files like this.