Let's Make Robots!

How to resize images for LMR upload. (Bigger != Better)

ezekiel181's picture

This is a quick and dirty guide on how to prepare your photos for use on LMR. Good photos are easier to look at (duh), hold the readers interest longer, and hopefully earn you a better robot score.

It does not cover how to take good photos, how to retouch photos, or how to host photos online.

For my image processing I use the excellent GNU Image Manipulation program (GIMP) although everything covered here is doable in Windows Paint. GIMP is available for free on Windows, Mac and Unix variants. Has many advanced features similar to Adobe Photoshop if you`re into that stuff.

Convert

Most cameras output .jpg files which are compressed. If you have a .bmp you should convert it to .jpg before posting. Won`t apply to most people.

How? In GIMP..

  • Open your image.
  • File menu -> Save as..
  • Select file type (by extension).
  • Select JPEG and click Save.
  • Click Save again on the new popup.


Crop

Crop a photo if the main FOCUS of the photo (ie your robot, workbench whatever) is surrounded by unrelated junk that doesn`t need to be in the picture. Avoid having to do this by lining up the photo properly before taking it. Sometimes it just happens though.

Cropping every photo in a series for embedding into a post to different sizes will screw with the way it looks and they wont line up. If thats the case and it bothers you then don`t worry about cropping.

How? In GIMP..

  • Open your image.
  • From the toolbox click "Rectangle select tool".
  • Draw a box on your image.
  • Resize the box if necessary by dragging the borders or corners.
  • Image menu -> Crop to selection.
  • File menu -> Save.


Resize

Resize your photo if it is simply too big. Look at the pixel dimensions of your photo and compare it against your screen resolution.  My 9 megapixel camera takes 3456x2592 pixel photos. Thats over twice the size of my monitor, way too big! We want to see your cool robot, not the specks of dust on it!

I`ve found a good size for posting to be no more than 500x375 as a standard 4:3 ratio. Don`t try to get every single little bolt visible. If you think there isn`t enough detail, then do closeup shots. If you had to crop it the ratio won`t be standard but thats OK.

How? In GIMP..

  • Open your image.
  • Image menu -> Scale image.
  • Under "Image Size" next to "Width" and "Height", if the chain button is BROKEN then click it until it isn`t broken. This preserves your x/y ratio.
  • Make sure the first drop down box says "Pixels".
  • Experiment with the values in Width until both Width and Height are under 500. Ratio is preserved so when you change one, the other will also change.

How? Simple batch processing..

  • Download PhotoResize400.exe.
  • Rename PhotoResize400.exe so the 400 is a number corresponding to your desired image width. 400 is a safe bet.
  • Select up to about 5 images in explorer.
  • Drag and drop onto PhotoResize***.exe.

PhotoResize has a ton of other parameters used by just changing the file name, take a look at the bottom of that linked page.

 




At the very least images should be resized and embedded into your post. Large, very detailed photos can be uploaded as Files for viewing by those interested in seeing it up close.

If I have missed anything please leave feedback. I hope this guide can help newbies tame their photos :)

Also Frits posted a guide on how to make your robot photos interesting but I couldn`t find it again. If someone knows where it is I will link it.

Rudolph's picture

For converting and resizing

For converting and resizing with *nix command line goodness, install ImageMagick (e.g. "sudo apt-get install imagemagick" for Debian/Ubuntu).

To convert an image to a different file type:
$ convert image_name.bmp image_name.jpg

Above but with a resize as well (changes largest dimension to given number (in pixels) maintaining aspect ratio):
$ convert image_name.bmp -resize 500 image_name.jpg

The -resize option can also handle absolutes (e.g. 640x480) or relative values (e.g. 40%). To force the given absolute value to override aspect ratio append an exclamation point (e.g. "-resize 800x200!")

 

To just resize a batch of pictures that are already the right file type:
$ mogrify -resize 500 *jpg

The -resize option handles the same arguments as the one above.

Both of these programs will overwrite the existing images with the new ones. If you want to preserve the originals, make copies using the -path option
$ mkdir smaller_pics
$ mogrify -path smaller_pics -resize 500 *.jpg

For lots more things it can do see the ImageMagick Examples page.

 

edit = made last example cleaner, added link to more info

ezekiel181's picture

Thanks Rudolph, I`ve tried

Thanks Rudolph, I`ve tried Linux a few times and liked it for its productivity but always seem to fall back on Windows for its game support.

Mind if I add your info into the guide?

Rudolph's picture

I don't mind at all. I still

I don't mind at all. I still don't remember those off the top of my head, so having them here to refer back to will be nice ;)
fritsl's picture

My humble suggestions to the

My humble suggestions to the photographers out there was planted here:

http://letsmakerobots.com/node/466

(A little down the page)

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.