Show HN: Make Your Photo 16x9

[biryani_chicken]

Here is how you can do it with ImageMagick:

`convert -gravity center -background black -compose Copy -resize 800x450 -extent 800x450 input.png output.png`

Sadly I don't know how to do it without specifying the size in pixels. Using `16:9` for resize and extent doesn't do the trick.

[bigiain]

Do you have instructions so your mom could do that? Or would you just send here to the OPs website?

I know which I'd do...

[einaregilsson]

The site itself is at https://photo16x9.com

[Pamar]

Cool... any chance to see a "photo1x1.com" doing exactly the same for Instagram, maybe? (They favour square format creating a simikar problem for users).

[dmnd]

Ridiculous feature request: Use fancy ML to content-aware fill the extra space

[brody_hamer]

Uncrop! :)

[Myztiq]

I'm somewhat surprised twitter hasn't gone ahead and implemented something like this themselves. Kudos for building a solution!

[p1mrx]

Letterboxing has been deemed Ugly by modern web designers. Better to discard useful content until it looks nice.

[stunt]

Twitter is making some changes: https://news.ycombinator.com/item?id=26416065

[dmitriid]

This would be a solution to a problem that Twitter created themselves. They decided to crop the images using "advanced algorithms" (which in reality works worse than random()).

The only solution is for Twitter to stop cropping the images. Problem solved.

[einaregilsson]

Thanks It was fun to build.

[not2b]

Thanks for making it a one-file web page. Even though I don't have an immediate use for it, it's so nice to see a web app that loads instantly.

[hellotomyrars]

While I understand why Twitter is so popular and why people put text in images to share it on Twitter this problem is still very silly.

Kudos to the author regardless.

[thrusong]

I built four tools that looked and functioned almost exactly like this about six years ago, but using PHP.

They were called "Picture Perfect," "Portrait Perfect," "Partner Perfect," and "Process Perfect."

I initially developed Picture Perfect for my reporter colleagues at a news radio station to use for our website, and they loved it.

Just drag a photo on the site, crop it exactly how you want to our website's exact aspect, and hit download to save it to a work machine.

My homophobic boss didn't like that I had this on my own server and didn't get approval to share it first, so he ended up sending the link to SoCast (a CMS company) and they built the functionality into the backend a week later. Whatever- it made our lives easier.

Then I moved on and worked at a small local news blog site, and repurposed these tools to use there. We had a quota of articles to write, post, and schedule on social media per shift, and these got 45 minutes of manual photo editing down to five minutes per shift.

These were the tools:

Picture Perfect: Drag and drop a photo, then draw a crop box on it and output exactly the dimension you need.

Portrait Perfect: Drag and drop a portrait photo, and output a version of it centred on a blown-up, blurry version of itself.

Partner Perfect: Drag and drop two photos, draw a crop box on each, and output a single image of them sitting side by side (useful for two portraits of sports stars, or when there were two mugshots).

Process Perfect: Drag and drop a photo and either output a black and white version or a version with a colour multiply effect applied.

When I left that job, I pulled them offline, but recently started work on a site that merged all four of them (behind a login, where you can create any aspect and save your creations). It's buggy and slow, but I haven't had the time to finish polishing it: https://phototools.prezince.com/

But either way, it definitely provided value, and I'm glad someone has done it using only front end code. Good work!

[worker767424]

> My homophobic boss

This is either the opposite of how people used to say things that weren't cool were "gay," or you just added a useless detail to the story for I'm not sure what reason.

[UncleEntity]

> My homophobic boss didn't like that I had this on my own server and didn't get approval to share it first...

> When I left that job, I pulled them offline...

Sounds like the first boss had the right idea...and obviously not the homophobia.

[abalaji]

this is really neat! Now someone just needs to make this for video so I don't need to use ffmpeg to meet Twitter's video standards.

https://gist.github.com/nikhan/26ddd9c4e99bbf209dd7#gistcomm...

[bellyfullofbac]

At first glance (and the glances after that), the blurring makes me think there are things being censored. IMO unhelpful because the audience will think "hey why is this screenshotter hiding stuff before and after the quote?"

[einaregilsson]

Fair point, although I like the blur effect. But you can also fill in with a solid color or transparency.

[aminozuur]

I've been looking for something like this for a while, for the same reason as you (optimizing pics for Twitter). I currently use the Skitch app on macOS, which requires like 5 clicks and a few keystrokes to lock the ratio to 16x9.

[achairapart]

Maybe you can double its usefulness by adding an option to save as WebP, so that's both a ratio and a format converter.

I think should be trivial, on current supported browsers at least.

[einaregilsson]

Does the Canvas api have support for webp?

[simlevesque]

My friend has a blog and will love this. Could you let the user control the blur ? I tried it and for some images I found that the blur was not strong enough.

[einaregilsson]

Good idea. I've just changed it so now you can keep pushing the blur button and it will increase the blur by 1px for each push.

[oktvn]

This is great for desktop wallpapers as well.

[nomdep]

I don't think I know a desktop environment that doesn't do it for you already. What are you using?