Love the demo links under the search bar: "Try these: TechRadar, AVC, Paul Graham, BBC, Medium, Pulse".
I think one mistake a lot of people make on their landing page is to just give the user an empty search box and force them to come up with what to type as a test, rather than showing them a test yourself, which I imagine would significantly increase conversion.
Agreed, like that it was prefilled, but just a note the article for Paul Graham is "The Bus Ticket Theory of Genius".
But the image that came up wasn't for a bus ticket, it was for a raffle ticket, which basically has nothing to do with a bus ticket except it has the word "ticket" in common. So on one hand it kind of highlighted what I don't like about services like this in that you get relatively dumb results that are basically just doing keyword matches, and the images actually have nothing to do with the story.
Edit: OK, actually none of the images really make sense. Since these are curated results I'd expect them to show the best of what can be generated. Instead:
- TechRadar, Apple's privacy labels reveals Whatsapp and Facebook Messenger's hunger for user data: Show's a Samsung phone
- AVC, Temper Tantrum - AVC: Maybe, kinda fits, but looks to me just like a sad little girl, not a girl having a temper tantrum.
- BBC, The nuclear lighthouses built by the Soviets in the Arctic - BBC Reel: OK, this one fits exactly, but the image is just taken straight from the blog post.
- Medium, I’ve Been in Venture Capital for Two Months. Here’s What Still Makes No Sense: A completely random picture of a forest.
- Pulse, If There Aren't Any Typos In This Essay, We Launched Too Late!: A somewhat bizarro picture of someone on a scooter with a rocket on their back.
TBH if I wanted to promote my blog post I'd just do my own stock image search and use that instead.
I hacked and open-sourced a similar Python project last year to programmatically generate images based on templates by using a headless Google Chrome, allowing for the full gamut of CSS tricks: https://github.com/minimaxir/imgmaker
It's currently being used in production where I work to generate some social media thumbnails which would otherwise be difficult to do using conventional Python image libraries.
I'm using Statically (https://statically.io/) which offers screenshot API so thumbnail can be generated automatically. In my blog template, I use the following snippet:
Hi HN, I built this MVP because using an image editor to create thumbnails for my blog posts was time consuming.
Good thumbnails can bring a lot of traffic to a post specially when shared on social networks. There are just 4 templates now and will add more. Please try your blog posts and I would love to hear your feedback.
This could be great in combination with a blog plugin.
I'm not sure how useful it is for entries that already have a nice image, don't those posts already look great in most social networks? And if you are interested in traffic generation like that your entries probably have at least one image placed somewhere and the necessary HTML tags to use them set up.
When the article has no image it seems more useful, with the image insertion feature you have there :)
I took a moment to understand that the form changes the background of the generated image, because the first entry of mine I tried already had an image, so I did not get what `background` was referencing.
To just offer to download the image then might be not enough. Many authors won't know how to embed them as an image used by social networks. Not sure how to solve that without going the plugin route, a smaller step could be presenting the needed html, or showing a guide how to use the generated image with some popular blog engines?
Hey justhw, I launched something similar [1] a few months back. I’d love to talk with you about your stack. Here are the three biggest problems I ran into.
1. Request timeouts
Even "fast" blogs sometimes have hiccups or rate-limit scrapers/crawlers. The more I scale the more often I see requests timing out. I've tried to mitigate this with retry buttons and trying the request again, but it doesn't always work.
2. Scaling Puppeteer
I saw from another of your comments that this is built on top of Puppeteer. From my experience, trying to scale to even 3 concurrent renders starts to fall apart when you have to spin up a new Chrome instance for each request.
I've looked into Browserless [2] but they charge per second of usage, and I'm not at the point where I want to have that big of an expense.
3. Getting a relevant image
I love that your tool adds an image to the thumbnail as well! I struggled with searching Unsplash using the text in the title of the article but they never came out that well.
I love it when people make these massively useful services stitching together a few simple tools. Congrats on the launch!
This is pretty cool. I recently built a "StumbleUpon for eCommerce stores" (https://www.shiny.sale/) and did quite a bit of research trying to find a good screenshot API. I eventually settled on ApiFlash.
I would definitely use this once I got into editorial content. I have a few suggestions for your homepage though:
1. The 3 steps you outline are still too vague, especially step 3 ("upload it to your blog post"). Makes it sound like this will be one of my main images. I'd suggest some more detailed instructions for different blog platforms.
2. Is there no API or other way to auto-generate an image? If not, I'd suggest that be your next feature.
3. One of the examples (BBC) I generated resulted in a 3.3MB PNG file. You maybe want to provide some better compression/minification options for people. You definitely shouldn't be creating high-res PNGs when images are involved.
4. It was also 2400x1260 which doesn't qualify as a "Thumbnail" IMO. You may want to generate files closer to the preferred social specs. Twitter, for example, wants files < 5MB and don't need to be anywhere near that big[1].
Anyway, hope that is helpful feedback. Great idea and MVP. Keep it up!
This is great! It’s such a frustrating process to jump out of a text editor to create an image and put it back in a post. I’ll try this out for my next article or post!
Where do the images come from on posts that don't have image content (eg http://paulgraham.com/genius.html has a ticket image)? What's the copyright situation there?
Images and videos are released under the Pixabay License and may be used freely for almost any purpose - even commercially. Attribution is appreciated, but not required.
This looks awesome, any thoughts on making this automated?
Here’s a similar product I ran into here a while ago that uses the info in the other meta tags (title, description) to automate the creation of these images: https://www.mugshotbot.com/
I also built something similar called Thumblink, which takes a screenshot of the page to create these images: https://thumblink.com
There were a lot of features that I did not build because it would take more than a week. I think automation will be important once I get a steady amount of users.
I generate screenshots/thumbnails in two sizes during the build process of https://datacrayon.com/. They're used for twitter cards and to make the homepage a little more interesting!
It's an interesting idea. It did not make good thumbnails for my blog posts. I would not have used any of what it generated.
If it did generate images I liked, I would be interested in using it, but I'd prefer to use it as part of a build step rather than adhoc per blog post.
I got a 500 error on any pages within https://murex.rocks but every other site I tried worked fine. Really cool project this and polished rather nicely.
[+] [-] ve55|5 years ago|reply
I think one mistake a lot of people make on their landing page is to just give the user an empty search box and force them to come up with what to type as a test, rather than showing them a test yourself, which I imagine would significantly increase conversion.
[+] [-] hn_throwaway_99|5 years ago|reply
But the image that came up wasn't for a bus ticket, it was for a raffle ticket, which basically has nothing to do with a bus ticket except it has the word "ticket" in common. So on one hand it kind of highlighted what I don't like about services like this in that you get relatively dumb results that are basically just doing keyword matches, and the images actually have nothing to do with the story.
Edit: OK, actually none of the images really make sense. Since these are curated results I'd expect them to show the best of what can be generated. Instead:
- TechRadar, Apple's privacy labels reveals Whatsapp and Facebook Messenger's hunger for user data: Show's a Samsung phone
- AVC, Temper Tantrum - AVC: Maybe, kinda fits, but looks to me just like a sad little girl, not a girl having a temper tantrum.
- BBC, The nuclear lighthouses built by the Soviets in the Arctic - BBC Reel: OK, this one fits exactly, but the image is just taken straight from the blog post.
- Medium, I’ve Been in Venture Capital for Two Months. Here’s What Still Makes No Sense: A completely random picture of a forest.
- Pulse, If There Aren't Any Typos In This Essay, We Launched Too Late!: A somewhat bizarro picture of someone on a scooter with a rocket on their back.
TBH if I wanted to promote my blog post I'd just do my own stock image search and use that instead.
[+] [-] justhw|5 years ago|reply
[+] [-] minimaxir|5 years ago|reply
It's currently being used in production where I work to generate some social media thumbnails which would otherwise be difficult to do using conventional Python image libraries.
[+] [-] unknown|5 years ago|reply
[deleted]
[+] [-] justhw|5 years ago|reply
[+] [-] curben|5 years ago|reply
[+] [-] abiogenesis|5 years ago|reply
[+] [-] justhw|5 years ago|reply
Good thumbnails can bring a lot of traffic to a post specially when shared on social networks. There are just 4 templates now and will add more. Please try your blog posts and I would love to hear your feedback.
[+] [-] onli|5 years ago|reply
I'm not sure how useful it is for entries that already have a nice image, don't those posts already look great in most social networks? And if you are interested in traffic generation like that your entries probably have at least one image placed somewhere and the necessary HTML tags to use them set up.
When the article has no image it seems more useful, with the image insertion feature you have there :)
I took a moment to understand that the form changes the background of the generated image, because the first entry of mine I tried already had an image, so I did not get what `background` was referencing.
To just offer to download the image then might be not enough. Many authors won't know how to embed them as an image used by social networks. Not sure how to solve that without going the plugin route, a smaller step could be presenting the needed html, or showing a guide how to use the generated image with some popular blog engines?
[+] [-] johnchristopher|5 years ago|reply
[+] [-] egorfine|5 years ago|reply
I specifically chose to not have one on my site, so URLs like 'https://egorfine.com/en/articles/painless-meetings/' will render a "broken image" icon on the top right.
[+] [-] tylermenezes|5 years ago|reply
[+] [-] nirushiv|5 years ago|reply
[+] [-] joemasilotti|5 years ago|reply
1. Request timeouts
Even "fast" blogs sometimes have hiccups or rate-limit scrapers/crawlers. The more I scale the more often I see requests timing out. I've tried to mitigate this with retry buttons and trying the request again, but it doesn't always work.
2. Scaling Puppeteer
I saw from another of your comments that this is built on top of Puppeteer. From my experience, trying to scale to even 3 concurrent renders starts to fall apart when you have to spin up a new Chrome instance for each request.
I've looked into Browserless [2] but they charge per second of usage, and I'm not at the point where I want to have that big of an expense.
3. Getting a relevant image
I love that your tool adds an image to the thumbnail as well! I struggled with searching Unsplash using the text in the title of the article but they never came out that well.
I love it when people make these massively useful services stitching together a few simple tools. Congrats on the launch!
[1] https://mugshotbot.com [2] https://www.browserless.io
[+] [-] unknown|5 years ago|reply
[deleted]
[+] [-] justhw|5 years ago|reply
[+] [-] fastball|5 years ago|reply
[1] https://www.bannerbear.com/
[2] https://www.bannerbear.com/open/
[+] [-] callmeed|5 years ago|reply
I would definitely use this once I got into editorial content. I have a few suggestions for your homepage though:
1. The 3 steps you outline are still too vague, especially step 3 ("upload it to your blog post"). Makes it sound like this will be one of my main images. I'd suggest some more detailed instructions for different blog platforms.
2. Is there no API or other way to auto-generate an image? If not, I'd suggest that be your next feature.
3. One of the examples (BBC) I generated resulted in a 3.3MB PNG file. You maybe want to provide some better compression/minification options for people. You definitely shouldn't be creating high-res PNGs when images are involved.
4. It was also 2400x1260 which doesn't qualify as a "Thumbnail" IMO. You may want to generate files closer to the preferred social specs. Twitter, for example, wants files < 5MB and don't need to be anywhere near that big[1].
Anyway, hope that is helpful feedback. Great idea and MVP. Keep it up!
[1] https://developer.twitter.com/en/docs/twitter-for-websites/c...
[+] [-] cjr|5 years ago|reply
Would be interested in this research if you’re willing to share: Chris at urlbox.io
[+] [-] justhw|5 years ago|reply
[+] [-] catchmeifyoucan|5 years ago|reply
[+] [-] input_sh|5 years ago|reply
[+] [-] jtmarmon|5 years ago|reply
[+] [-] justhw|5 years ago|reply
https://pixabay.com/service/terms/#license
Images and videos are released under the Pixabay License and may be used freely for almost any purpose - even commercially. Attribution is appreciated, but not required.
[+] [-] gsundeep|5 years ago|reply
Here’s a similar product I ran into here a while ago that uses the info in the other meta tags (title, description) to automate the creation of these images: https://www.mugshotbot.com/
I also built something similar called Thumblink, which takes a screenshot of the page to create these images: https://thumblink.com
[+] [-] justhw|5 years ago|reply
[+] [-] kevincox|5 years ago|reply
https://ipfs.io/ipfs/QmWUrYw7zrcnWLEyFafnGgxuZWGuXQ8eDJNHc3J...
[+] [-] pettazz|5 years ago|reply
[+] [-] justhw|5 years ago|reply
[+] [-] DataCrayon|5 years ago|reply
[+] [-] city41|5 years ago|reply
If it did generate images I liked, I would be interested in using it, but I'd prefer to use it as part of a build step rather than adhoc per blog post.
[+] [-] justhw|5 years ago|reply
[+] [-] edshiro|5 years ago|reply
However, I don't believe any AI was used for this, so the actual TLD is a bit inappropriate here. A ".io" TLD would would have been more fitting.
Not every slice of bread needs to be spread with butter. Similarly, not every project requires AI.
[+] [-] solarkraft|5 years ago|reply
[+] [-] albertgoeswoof|5 years ago|reply
[+] [-] justhw|5 years ago|reply
[+] [-] hnlmorg|5 years ago|reply
[+] [-] qilisiang|5 years ago|reply
[+] [-] corytheboyd|5 years ago|reply
[+] [-] Kaze404|5 years ago|reply
[+] [-] justhw|5 years ago|reply