Proportionator (alpha 1.0)

Update 26/11/2010

Pending feature requests for v1.1 (beta):

  • Custom aspect ratios
  • Default radio input
  • Full form entry validation
  • Height to width conversion
  • Outputs image place holders
Update 30/11/2010

Proportionator gets a new home: http://www.proportionator.co.uk/. The project also welcomes the very talented @_alanshaw on-board to help get some of these feature requests out the door. Boo yar!

Try Proportionator?

Proportionator (beta 1.0)

Proportionator (beta 1.0)

Problem:

Simply put; you’d like to be able to insert media (notably images) into your new WordPress 3.0 posts and pages – and any other website page – and ensure the dimensions fill the column width, helping to:

  1. prevent excessive horizontal white-space;
  2. avoid disproportionate resolutions, and;
  3. make the most of your image content.

Solution 1: WordPress percentage resizer (not quite good enough)

Currently WordPress 3.0 offers a few new advanced image settings allowing us to resize images inserted into posts and pages more suited to their surrounding layout/s. The percentage resizer is great, however it isn’t 100% accurate, often meaning the end result is excessive white-space, or an image dimension that over-runs your column boundaries – I see this a lot with WordPress newbies who haven’t had the chance to explore the extra settings yet:

Image too small...

Image too small...

... resulting in excessive whitespace

... resulting in excessive whitespace

Image too large...

Image too large...

... over-runs column boundary

... over-runs column boundary

Solution 2: Adobe Photoshop (expensive and overkill?)

If you’re like me you probably already whip open the image in a graphics app, such as Photoshop, to gain an idea of the new proportionate dimensions. Simply resizing the image width (or less commonly height) to a width of your choice in WordPress will result in disproportionate sizing, causing stretching or crushing, which have an adverse affect on image quality and legibility.

Using third-party apps: expense, load times, experience - none are practical

Using third-party apps: expense, load times, experience - none are practical

Solution 3: Proportionator

Proportionator (beta 1.0)

Proportionator (beta 1.0)

Try Proportionator?

If you have any further feature requests, or are making use of the tool, I would love to hear about it – drop a response below.

2 Responses to “Proportionator (alpha 1.0)”


Leave a Reply

ATTENTION: Feel free to use HTML - all the important tags should work. Please wrap your scripts in <code>...</code> - thanks!