It’s really easy to embed videos from sites like YouTube and photos from sites like Flickr into your own web-site. But what I’ve found recently, is that the embed size options don’t quite fit my site. So, for example, on the Subprime Crisis post just a little earlier, the smallest size offered by YouTube was 320×265. However, 320 pixels is too wide for my layout (at least on the front page). In the past, I’ve resorted to the calculator, or even Excel to find the height required for a preferred width, say 230 pixels. Now, I’ve made a little online app to do it for you:
.png)
I set about putting together some javascript that would take:
- the original embed size, e.g. 640×480 for a photo
- the width that you want for the embed
A press of the calculate button and the new width and height are shown. It also gives you the attributes formatted for width and height to put in the HTML tag.
I then added a quick select menu, so you could quickly specify whether the source was 4:3, 16:9 or YouTube (others to come?).
This is a handy little tool for my personal use, but you might find it helpful as well.