Increase the size of all images on Reddit with one-click - gHacks Tech News

Increase the size of all images on Reddit with one-click

If you like to hang out on Reddit you have probably been exposed to the site's vast image and photo section. In fact, if you are new to Reddit, the two image groups pics and funny are listed prominently in Reddit's default selection of groups that may be of interest to you.

All photo and image groups have in common that they display a small thumbnail by default which makes it rather difficult to find out what is going on. I guess this is not the case if you have eagle-eyes, but if you are a mere mortal, you may need to view a larger version of the picture to know what is going in.

The only option that you have at this point is to click on the link which takes you to Reddit's favorite image hosting site Imgur, usually. Here you can take a closer look before you close the Imgur tab to go back to Reddit to repeat the process with the next interesting looking thumbnail in line.

reddit image thumbnails

While it is possible to open multiple pictures in different tabs at once to reduce the times you need to go back and forth, it is not really that comfortable either.

Embiggen is a bookmarklet that improves your experience on Reddit significantly. It adds larger versions of all pictures listed on the page on that page, so that you can browse them all on the Reddit website and do not have to switch at all, provided that you do not want to access the original sized version or an album.

Bookmarklets are JavaScript code that you can execute in your browser. All you need to do is save the code as a bookmark in your browser, and click on it whenever you want to use its functionality.

Creating the bookmarklet

This is the bookmarklet. Copy it to the clipboard.

Firefox

firefox bookmarklet

  1. Press the Alt-key to bring up the menu bar, and select View > Toolbars > Bookmarks Toolbar from it. This displays the browser's bookmarks toolbar in the interface.
  2. Right-click an empty location on it and select New Bookmark from the context menu.
  3. Paste the bookmarklet code in the location field, and add a custom name. All other fields are optional.
  4. Click Add afterwards to complete the process.

Google Chrome

chrome enlarge pictures

  1. Press Ctrl-Shift-B to display the bookmarks bar in Chrome.
  2. Right-click empty space on it and select Add Page from the context menu.
  3. Add the JavaScript code that you have copied above as the url, and pick a name.
  4. Click Save afterwards to complete the process.

Internet Explorer

internet explorer bookmarklet

  1. Right-click one of the main toolbars of Internet Explorer and select to display the Favorites Bar.
  2. Click on the small bookmark star on the left of the toolbar.
  3. Right-click the new bookmark that you have just created and select Properties from the context menu.
  4. Paste the JavaScript code in the url field.
  5. Switch to General and rename the bookmark.

Effect

When you are browsing a Reddit picture group click on the bookmarklet to enlarge all thumbnails on the page so that you can browse them all in greater detail right on that page.

reddit large images

Images seem to be listed twice by the extension, not really sure why that is happening. It is not such a big deal on the other hand.

Note that both static images and animated images are enlarged right on the Reddit page you run the bookmarklet on.

Verdict

A bookmarklet has one core advantage over a browser extension: it runs only when you click on it. It is completely passive at all other times and does not use memory or processing power during that time. (via Elliot Kember)

Advertisement

We need your help

Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.

We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats or subscription fees.

If you like our content, and would like to help, please consider making a contribution:


Previous Post: «
Next Post: »

Comments

  1. Gabe said on August 6, 2013 at 11:30 am
    Reply

    or just get http://redditenhancementsuite.com/ for this feature and much more

    1. Martin Brinkmann said on August 6, 2013 at 11:39 am
      Reply

      Yes, it is a great extension. But it is certainly overkill if you only need that single functionality.

  2. A&L said on August 6, 2013 at 8:18 pm
    Reply

    I’ll have to look into this, i have RES but just use
    https://addons.mozilla.org/en-US/firefox/addon/thumbnail-zoom-plus/
    works on all sites

  3. Richard said on August 7, 2013 at 1:11 am
    Reply

    I normally browse all the pictures on reddit using http://pics.fefoo.com/ its so much more easier.

  4. Arup Ghosh said on August 7, 2013 at 5:23 am
    Reply

    Nice trick. Its better to use code than using extensions.

  5. Nick said on August 7, 2013 at 6:25 am
    Reply

    I also wanted an easy way to view the images easily, so created http://www.pinddit.com for this purpose :)

  6. beemeup2 said on August 9, 2013 at 6:08 am
    Reply

    +1 for Thumbnail Zoom Plus. By far the most elegant solution, and superb for many other sites as well.

  7. Jolley said on October 28, 2015 at 10:50 pm
    Reply

    Below is an updated bookmark that handles gifs.

    javascript: var hrefArray = []; var extensions = [‘jpeg’, ‘jpg’, ‘png’]; var x= $(“.content”).find(“a”).each(function(){
    var href=$(this).attr(“href”);
    if (href && hrefArray.indexOf(href) === -1 && href.indexOf(“reddit.com”) === -1) {
    var found = false;
    var video = false;
    for (var i = 0, len = extensions.length; i = 0){
    found = true;
    hrefArray.push(href);
    break;
    }
    }
    if (!found && href.indexOf(“gif”) >= 0) {
    found = true;
    hrefArray.push(href);
    href = href.substring(0, href.length – 5);
    video = true;
    }
    if (!found && href.indexOf(“imgur”) >= 0 && href.indexOf(“domain”) === -1){
    hrefArray.push(href);
    href += “.jpg”;
    found = true;
    }
    if(found && !$(this).hasClass(“enlargedItem”) && $(this).next(“.enlargedItem”).length === 0) {
    var append = null;
    if (!video) {
    append = $(““);
    } else {
    append = $(““);
    }
    $(this).before(append);
    $(this).remove();
    }
    }
    });

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

Please note that your comment may not appear immediately after you post it.