It’s not a good idea when you want your images and style information to be cached separately. Also if you encode a large image or a significant number of images in to your css file it will take the browser longer to download the file leaving your site without any of the style information until … Read more
Support, unfortunately, is brutal at best. Here’s a post on the topic: https://www.campaignmonitor.com/blog/email-marketing/2013/02/embedded-images-in-html-email/ And the post content:
If you also want to give a suggested name to the file (instead of the default ‘download’) you can use the following in Chrome, Firefox and some IE versions: function downloadURI(uri, name) { var link = document.createElement(“a”); link.download = name; link.href = uri; document.body.appendChild(link); link.click(); document.body.removeChild(link); delete link; } And the following example shows it’s … Read more
Given a data URL, you can create an image (either on the page or purely in JS) by setting the src of the image to your data URL. For example: var img = new Image; img.src = strDataURI; The drawImage() method of HTML5 Canvas Context lets you copy all or a portion of an image … Read more
As no one has yet found any specifications about how this is supposed to behave, we will have to be satisfied with how it does behave. Following are the results of my tests. | is image data usable right | does onload callback set after src | after setting src? | is changed still get … Read more
Use the download attribute: <a download=’FileName’ href=”https://stackoverflow.com/questions/283956/your_url”> The download attribute works on Chrome, Firefox, Edge, Opera, desktop Safari 10+, iOS Safari 13+, and not IE11.