Show HN: PIC.FISH – easy og:image screenshots

1 point

9 months ago

Have you ever noticed how some links in Twitter/WhatsApp/iMessage/LinkedIn/etc display gorgeous image cards and others look like total d*gshit?

Welcome to the OpenGraph protocol. You can control how those links are displayed on social-media by adding meta tags like og:image to your HTML header.

It's easy to add those HTML tags, but you probably don't have the time/energy to curate images for each and every post/product/page on your website.

So I made a little service that generates an optimized screenshot image from any link:

[0] https://pic.fish

You can try it out for free on your website like this:

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:image" content="https://pic.fish/https://example.com/foo/bar" />
    <meta property="og:image" content="https://pic.fish/https://example.com/foo/bar" />

Paying for browser-renderers and storage is expensive, but I really didn't want to contribute to subscription fatigue. I decided to charge flat $100 for a lifetime license. If that's too steep for you, use the promo code DANG to get 50% off. Or email me at [email protected] and I'll give it to you for free if I like you and the server costs aren't killing me :-)

If you don't see a watermark on your screenshots, note that I already gave free accounts to all the sites on blogs.hn:

[1] https://blogs.hn

Loading an image the first time is super slow (~30s), but everything is fast once it gets into cache. I plan to make a little crawler thing that preloads screenshots for new pages.

Enjoy!

♡ taylor.town