Convertio HTML to PNG
After trying—and failing—on various sites to do a very specific task I had in mind, I wasn’t expecting much better from Convertio, but dang if it didn’t deliver!
Task: Some of the freelance writing articles I do are published on client websites, and I like to get “clips” of them for sharing. Typically, I do clips in PDF, which are great for reading the article, but they don’t really show how the work appears on the webpage, integrated with the site’s design.
Yeah, I can capture them using the GoFullPage Chrome extension, but I got to thinking, “Why isn’t there a site where I can just enter the URL of the page to capture, and it spits out a PNG (or JPG) of the page as it appears on the browser?” It isn’t that technically easy, understandably, since a webpage can not only display differently from browser to browser, there are users’ personalized browser settings to contend with as well.
I wasn’t looking for something perfect, however. Quick-and-dirty easy, and I’d be happy. But none of the sites I managed to find worked out. To be fair, I purposely used a fairly complicated webpage to test; “normal” complicated, though, common throughout the Web, like a WordPress page with graphics and columns (tables). Nothing unusual. And yet, no joy. Sure, they’d do captures, but the results were way too wonky to be usable.
So I wasn’t expecting much better when I dropped by Convertio, a site whose reason for being is to convert files from one format to another. It’s massive; the site says it supports over 2,000 different conversions, and I have no reason to doubt it. One of its conversions just happens to be HTML to PNG, so that’s what I tried.
And you can see for yourself from the test samples below, it works!
Telling it what live webpage to capture can be tricky, but easy when you know how. Click on the Choose Files button, and the usual dialog box appears that lets you select a file from your computer to upload. But, instead of selecting a file, just enter the URL of the webpage you want it to capture. That’s it!
One minor hiccup: The captured images from my tests had a lot (and I do mean a lot) of white space at the bottom. Copious amounts of it, resulting in a really long page and graphic. Not a big deal—I just went to ILoveIMG and cropped it—but be aware that you may need to take that extra little step to get the captures ready.
The capture on the left is of the new Wordpreneur Infosheets page, which shows graphic thumbnails of the infosheets (infographics). The second one is the Toolbox GoFullPage post, to see how Convertio handles a more standard “article” format. Click on the thumbnails to see the full image file on a separate browser tab:
Perfect? Nope. But “quick-and-dirty easy” good enough for what I had in mind? Heck yeah.