[HN Gopher] Show HN: Make Your Photo 16x9
___________________________________________________________________
Show HN: Make Your Photo 16x9
Author : einaregilsson
Score : 56 points
Date : 2021-03-11 15:33 UTC (7 hours ago)
(HTM) web link (einaregilsson.com)
(TXT) w3m dump (einaregilsson.com)
| Myztiq wrote:
| I'm somewhat surprised twitter hasn't gone ahead and implemented
| something like this themselves. Kudos for building a solution!
| stunt wrote:
| Twitter is making some changes:
| https://news.ycombinator.com/item?id=26416065
| einaregilsson wrote:
| Thanks It was fun to build.
| p1mrx wrote:
| Letterboxing has been deemed Ugly by modern web designers.
| Better to discard useful content until it looks nice.
| thrusong wrote:
| 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!
| UncleEntity wrote:
| > 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.
| thrusong wrote:
| I'm pretty sure you're allowed to build little utility
| websites and share them with your friends on Facebook.
|
| Extra context: people complained about how tedious the SoCast
| CMS was to use for years before I got there.
|
| Either way, whatever, as long as the tool effected change, I
| got what I wanted for myself and my co-workers.
| biryani_chicken wrote:
| 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.
| bellyfullofbac wrote:
| 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 wrote:
| Fair point, although I like the blur effect. But you can also
| fill in with a solid color or transparency.
| einaregilsson wrote:
| The site itself is at https://photo16x9.com
| achairapart wrote:
| 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 wrote:
| Does the Canvas api have support for webp?
| achairapart wrote:
| By quickly looking at MDN[0], at least in Chrome, yes.
| Honestly, I can't say for other browsers at the moment.
|
| [0]: https://developer.mozilla.org/en-
| US/docs/Web/API/HTMLCanvasE...
| simlevesque wrote:
| 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 wrote:
| 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.
| dmnd wrote:
| Ridiculous feature request: Use fancy ML to content-aware fill
| the extra space
| oktvn wrote:
| This is great for desktop wallpapers as well.
| aminozuur wrote:
| 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.
| abalaji wrote:
| 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...
| [deleted]
___________________________________________________________________
(page generated 2021-03-11 23:01 UTC)