Show HN: urlbox.io - Add beautiful website screenshots to your site

[bpatrianakos]

This is a great idea. I was actually working on something similar yesterday! The beauty of this is that it has so many uses! I think all the haters need to chill and think about this for a minute. Yeah, it's probably a wrapper around webkit2png but outside of HN people...

1. Don't know how to use the terminal

2. Can't install webkit2png themselves (there are a lot of things that can go wrong - just ask me because they all went wrong for me yesterday. Everything from QT4 libs missing to $DISPLAY not being set, to the PIP package not installing correctly, to X-server connection problems)

3. Even if they had webkit2png they wouldn't know how to write a wrapper that took a damn screen shot, then resized it as a thumbnail, and changes the screen size so you can see a preview for multiple devices.

4. Don't have a Linux (or even POSIX compliant) machine locally or hosted somewhere.

This may seem simple here (well, to me it's more intermediate) but outside HN people will probably go nuts over this. Shameless sorta plug: I just started a project yesterday that does a very similar thing except it's meant for designers to take and store screenshots for inspiration and then plop them into a pretty UI/gallery. I'm going to open source it and host it though.

[blowski]

By the time you've paid for the server, the time to write the wrapper, and the cost of maintaining it, $10 per month is actually pretty good if screengrabs are an inconsequential part of your UI.

[plittlewood]

Agree! This is really good, especially if somebody writes plugins for things like wordpress to screenshot straight into your blog

[adrr]

Issue is that it isn't unique, there's other players like http://blitline.com/docs/blitshot. They are also a lot more expensive.

[agurha]

urlbox creator here.

Thanks for the comment. You're absolutely right - There are companies / developers out there that just want to add this feature to their site without spending a lot of time and resources on it. urlbox takes care of capturing, storage, caching, thumbnailing and also optionally wrapping in mobile devices

[micheljansen]

For a single-purpose app like this, at least it could do a better job at rendering the screenshots, if you ask me. I tried it out on my site (no custom web-fonts, pretty standard stuff) and the font-rendering looks awful:

http://cl.ly/image/3S2E3Z3i412n

[mnutt]

It's probably related to linux font rendering.

[bluetidepro]

Is this product trying to compete with free plugin-in's like Screen Capture (by Google), or is it trying to be more of a "live site" preview generator that you see on like inspiration-esq sites or theme seller sites? I don't think that is fully clear in the marketing site.

[jrnkntl]

So, this is a web based API wrapped around webkit2png starting from 9.99 a month?

[route3]

A year of urlbox would be $120.

Suppose Sue Webdev bills at $60/hr. and needs something like this for a clients website. She's never heard of webkit2png before, not sure if she has PyObjC 1.1 installed and can't seem to find installation instructions for Windows.

Will Sue be able to create her own urlbox clone in two hours?

[blowski]

Seems like it, though that could come in handy.

[ch0wn]

I wanted to sign up, but the form had autocomplete disabled and you lost me there. What's the incentive for doing that? I never understood it.

[porter]

This looks great. I've been having one heck of a time trying to get good screenshots lately. It takes up a lot of my time. I'm really interested in your service, but for whatever reason when I punch in a url it won't render a screenshot. It just hangs on the ajax spinner.

[agurha]

Hi porter, Our servers were overwhelmed by the number of requests coming through. You should try again maybe?.

[porter]

Also, how do you access a site behind a login wall?

[nayefc]

Anyone else doesn't get it?

[onassar]

While there appear to be a number of sites operating in this space (documented some here: http://web.onassar.com/blog/2012/11/19/web-based-screenshot-...), this looks simple and straight-forward. While the cost is prohibitive for me since there are free alternatives (http://immediatenet.com/), it's great to see more competition in this space.

For what it's worth, I'm using it on my site http://imnosy.com

[joshcrowder]

This is a good idea, I actaully created something similar using PhantomJS the issue is web fonts there isn't a solution to rendering typekit webfonts using a headless webkit implementation see http://code.google.com/p/phantomjs/issues/detail?id=247 for more details.

As soon as webkit is updated to have better support for OTF fonts urlbox will become so much better

[dubcanada]

I'm confused as to why OTF will make everything better?

[anty]

I played around with the sign-up form because I'm designing something similar at the moment. Once I get a "username not valid" error, I can't re-enable the submit-button anymore. You might want to fix that. Also I don't think that the username was already in use, because I entered a random email. Probably a validation error.

To say something positive: I like that the headline changes the last word periodically. That caught my attention.

[Argorak]

Interesting question, especially as the Sony/KDE-Icon-thing is such a topic today:

Is this copyright infringement? They use apple.com as an example. The grabbing process clearly doesn't happen on the client side. Even if it did, what would be the implications of using Apples website, logos and trademarks embedded in your content without user interaction?

[machbio]

Thanks to URLBox, Implemented on my URL Shortner http://xgd.in/

Checkout - http://xgd.in/viewdnsinfo+

Note: I am removing it, since it does not work when a person is not logged into the system - its a shame and a sham

[highace]

What makes these screenshots "gorgeous" or "beautiful"? They look like pretty standard screenshots to me.

[TobbenTM]

Seems to not be working in Opera 12.14. Cant see any screenshots. Anyone else with same problem?

[matthewrudy]

You may need to install some unicode fonts.

Try a url like http://renren.com and it only has certain characters.

[agurha]

Here is an example of multiple screenshots rendered on same page.

https://urlbox.io/demo

[grakic]

No flash plugin.

That was a hard to solve problem for me I would love to pay for. What they are offering does not look competitive.

[bpatrianakos]

I know how to get Flash working in case you're interested. I'm assuming here that you (and they) are both using Webkit2png. In that case what you do is install Flash ([package-manager] install flash-plugin) then...

Well, the gist of it is that once you have Flash installed you need to enable plugins (-F plugins -F javascript) as well as set the wait ('-w 10' for 10 second wait before shot's taken) option so that the Flash has time to load.

This article helped me quite a bit. Apparently there's a problem with the wait time so you may need to dig into webkit2png's source to fix it. http://gfdsa.gfdsa.org/2012/08/making-web-pages-screenshots-...

[agurha]

owner here, flash support is coming very soon...

[rplnt]

The webpage does not work in Opera. The top image with search is missing and the bottom ones are just empty image tags.

[stevekemp]

It just sits and spins for me in firefox too - maybe it is too overloaded at the moment.

(I did wonder if it was because the sites I tested it with were IPv6 only, but even IPv4 sites are doing nothing.)

[handelaar]

That thing where it says "web font support" apparently means the opposite, I'm afraid.

[wesbos]

Is this running on phantomJS? Looks like webfonts aren't supported.

[samwillis]

I use PhantomJS for something and they aren't supported, I believe there are a few workarounds though bu injecting additional js into the page.