One-click image and video extractor.
(No installation required)
Sometimes you want to save an image or a video from a website, but things like right clicking and dragging are disabled. Maybe it's the background on a page, or perhaps a short embedded video. Sure, you could try and "hack" the page to get it, but why do that when you can just click?
Ready to break the internet?
Drag the button below into your bookmarks bar:
ImageBreaker{var body=document.body,imgs=document.getElementsByTagName('img'),videos=document.getElementsByTagName('video'),divs=document.getElementsByTagName('div'),spans=document.getElementsByTagName('span'),imageList=[],isYT=window.location.hostname=='www.youtube.com',domList=document.createElement('div'),overlayId='a'+Date.now();window.addEventListener('click',overrideClick,!0);function overrideClick(e){if(e.target.id=='close_'+overlayId){document.getElementById(overlayId).remove();window.removeEventListener('click',overrideClick,!0)}e.stopPropagation()}if(isYT){var videoID=window.location.href.match(/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^/&?\/ ]{11})/i)[1];imageList.push('https://i.ytimg.com/vi/'+videoID+'/maxresdefault.jpg')}function displayImg(url){var img=document.createElement('img');img.src=url;img.style='border-radius:8px;margin-bottom:15px;max-width:100%;max-height:100%;';var a=document.createElement('a');a.target='_blank';a.href=url;a.append(img);var div=document.createElement('div');div.style='padding:10px;float:left;';div.append(a);domList.append(div)}function displayVideo(url){var video=document.createElement('video');video.src=url;video.muted=!0;video.loop=!0;video.autoplay=!0;video.controls=!0;var a=document.createElement('a');a.target='_blank';a.href=url;a.append(video);var div=document.createElement('div');div.style='padding:10px;float:left;';div.append(a);domList.append(div)}function getBGUrl(div){return window.getComputedStyle(div).backgroundImage.slice(5,-2)}function isUniqueUrl(imageUrl){return imageList.indexOf(imageUrl)<0}function isNotGradient(imageUrl){return(imageUrl.indexOf('rgba(')<0&&imageUrl.indexOf('rgb(')<0)}function validateAndPushImg(imgUrl){if(isYT){imgUrl=imgUrl.replace('hqdefault','maxresdefault')}(isUniqueUrl(imgUrl)&&isNotGradient(imgUrl))&&imageList.push(imgUrl)}function getBGImg(item){var url=window.getComputedStyle(item).backgroundImage?getBGUrl(item):!1;url&&validateAndPushImg(url)}for(var div of divs){getBGImg(div)}for(var span of spans){getBGImg(span)}for(var img of imgs){if(img.src.indexOf('data:')>=0){getBGImg(img)}else{validateAndPushImg(img.src)}}for(var vid of videos){displayVideo(vid.currentSrc)}for(var imageUrl of imageList){displayImg(imageUrl)}var overlay=document.createElement('div');var header=document.createElement('div');overlay.id=overlayId;overlay.setAttribute('style','position:fixed;z-index:9999999;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:5%;border-radius:5px;overflow-y:auto;text-align:center;background:rgba(2,3,4,0.9);');header.id='close_'+overlayId;header.setAttribute('style','color:#fff;font-family:sans-serif;font-size:24px;padding:12px 20px !important;position:fixed;top:0;right:20px;cursor:pointer;background:#d61a71;border-radius:0 0 5px 5px');header.innerHTML='Close';overlay.append(domList);overlay.append(header);body.prepend(overlay);document.getElementById('close_'+overlayId).onclick=function(){document.getElementById(overlayId).remove()}})();){kind=link}
(or you can click it to try it on this page)
Which browsers support ImageBreaker?
I recommend Chrome, Brave or Safari for best results, but it will work anywhere you can use bookmarklets. Note that Edge doesn't support dragging and dropping links into the favorites bar, and Internet Explorer... well, if you're using IE, just do yourself a favor and download Brave.
Where can I use ImageBreaker?
Pretty much anywhere.
Where can I NOT use ImageBreaker?
Considering there are literally billions of web pages on the internet, there is no way I can give you a complete list. That being said, here's a few of the major ones I know of:
- Facebook Videos can't be captured (images are fine)
- YouTube videos can't be captured (but it'll get the full-size thumbnail image)
- In Firefox only, ImageBreaker doesn't work on some social sites like Twitter and Pinterest
I don't see my favorites/bookmarks bar. How do I show it?
Obviously, using ImageBreaker to steal other people's stuff isn't cool. Please respect copyrights.
Also, by using this bookmarklet, you agree that Packuro / Caleb Nachtigall can't be held responsible for what you do with ImageBreaker.