Gif size impact on mail size when received in inbox - html

I have made a html email with a 10 mb gif in, the mail itself, when received is only 84kb. I'm trying to figure out if the 10mb is just downloaded when the mail is opened as any other image, or if it more like streaming a video, so it's downloaded while you watching it.
I can't find any information online on how .gifs are treated by mail clients.

If the image is embedded then the email should be larger.
If it's an img tag with url then it shouldn't be larger.
This blog post discusses the pros and cons of embedding images vs not embedding.

So if its only href, then the image is not present in the e-mail, but only url link to itself. So it will not contains 10MB of image content.
It will download no image, because .gif is not embed to the e-mail; e-mail contains only url to the image. So receiver of the e-mail can click on that url and it will open the image in his browser (and the browser will download that image).

Related

Source of YouTube video can't be find on HTML

I just wondering how youtube displays the Video on their web app without the tag?
I also want to implement that kind of technique from my other future web apps.
TL;DR
It's because the video is streamed asynchronously, and not loaded at once. In HTML you will only find a player-container, which is a placeholder for the frames to be fed into it.
A bit more
When you click on a video, the metadata of the video loads first (title, description, etc.), then the stream flows through a socket, depending on the settings you have.
If there were a a fixed source in the HTML for which the video is loaded, changing the settings (playback speed, resolution, etc.) would have resulted in a page refresh!
In addition, YouTube prevents un-permissioned video downloads for a while now, another reason why not to provide a direct source to the video blob.

How does Facebook prevent the downloading of GIF images when using "SafeImage.php"?

Here is an example of a GIF image that is cached on Facebook. This GIF has a "launcher" that requires a user to click the image to proceed.
This is a static JPEG created by Facebook's safeimage process.
Once I click the Image, I'm not able to download the underlying GIF.
What browser feature is FB taking advantage of to cause this copy protection to occur?

Load a different image in Outlook HTML

Im creating an email template with a gif, but gifs animations doesnt work in Outlook. I know that Outlook loads the first frame of the gif, but in my case, this first frame is a white frame.
Is anyway to load other image (a jpg image for example) ONLY in Outlook???
Thanks.
Gif normally are blocked by mail services.
If you create an HTML template you can put a .jpg or .png without problems.
You can also put an image without problems although it can be blocked.

Facebook Open Graph Markup not working

I am using Facebook Open Graph Markup on this page:
http://www.muktbharat.com/index.php/article/display/hritik_leaves_movie/11093
But when I share this page on Facebook the Facebook is not able to fetch the image. But the og:image tag is present in website.
Please help. Why FB is not able to fetch any image from that website?
From the Url Debgugger
og:image could not be downloaded or is too small
og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook.
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.muktbharat.com%2Findex.php%2Farticle%2Fdisplay%2Fhritik_leaves_movie%2F11093
Your image specified is 180p x 240px. You should use a larger image.

putting a link to a pdf and using pdf as the image

I have a webpage that has a magazine on it. I have an img tag with a link to the pdf on the server. When the magazine changes I have to upload a new magazine and upload a new image as a thumbnail for the magazine. Is there a way to accomplish the same task by just uploading the pdf so that I don't have to create an image of the cover and then upload it also?
thanks,
Some browsers support embedding PDF files natively, but not all do. It is not currently possible to do this unless you have a PDF to jpeg conversion script on your server that will generate the thumbnail.
you can embed a pdf with an object element