ImageSplitter: An online image slicer, cropper, resizer, and converter

Screen_shot_2012-08-05_at_10

One of the things I often have to do when blogging is to work with images. Having come from a photography background, I know a number of different ways to format and resize images so that they load quickly and don’t take up too much space on the page. I have started using an online tool for resizing my images so that they fit well on the page and are a small enough file size so that they load quickly. Let me introduce you to ImageSplitter:

  1. Go to ImageSplitter. You can either load an image from your computer or you can grab a file from a URL. Please keep in mind copyright issues when dealing with images online. Make sure you have the right to publish this image and give credit where credit is due, even if it isn’t needed.
    1. If you choose an image from your computer, simply click in the box labeled ‘Click here to select your image’. You will be given a file browser to select your image. Once you select your image, click on ‘Upload image’ and you will be taken to the next screen.
    2. If you choose to put in a URL (an image online), click on ‘Upload by URL’ and then paste in your URL in the box labeled ‘Specify URL to an image to upload’ and then ‘Upload image’ to go to the next screen.
  2. Once you have uploaded an image, you will be taken to a screen that has three tabs along the top: ‘Convert and resize’, ‘Split image’, and ‘Crop image’. The default is to convert and resize.
  3. In the ‘Convert to resize’:
    1. If you want to just convert the image to another file type (ex. PNG to JPEG), simply click on the ‘jpeg’ dropdown menu and select the file type. Click on ‘Resize image’ and the file will begin downloading.
    2. If you want to resize your image, select your dimensions in the ‘Width’ or ‘Height’ boxes. I would suggest keeping the checkbox ‘Keep proportions’ checked to make sure you don’t end up with a “squished” image. Select your file type by clicking on the ‘jpeg’ dropdown menu and selecting the file type. Click on ‘Resize image’ and the file will begin downloading.
  4. If you want to split the image for webpage usage (sometimes called image mapping), select ‘Split image’ along the top and the lower part of the page will change. You can choose how many sections you want by changing the ‘Rows’ and ‘Columns’ numbers. Select your file type by clicking on the ‘jpeg’ dropdown menu and selecting the file type. Click on ‘Split image’ and the file will begin downloading.
  5. If you want to crop images, select ‘Crop image’ along the top part of the screen and the lower part of the page will change. The image will go grey and a box with side and corner selectors will appear in the top-right corner of the image. Select the area you want by moving the box by clicking and dragging from the middle of the image. Change the size and shape of the box by clicking and dragging one of the selectors on the side of the box or on the corner of the box. You can also choose to do this by the numbers as by typing in numbers in the ‘Left’. ‘Top’, ‘Width’, and ‘Height’ boxes. This is useful when cropping a number of images for the same purpose (ex. a series of screenshots) and you want to make use you are cropping the same area of the image. To the right of the numbers is a sample of what the cropped image will look like. Select your file type by clicking on the ‘jpeg’ dropdown menu and selecting the file type. Click on ‘Crop image’ and the file will begin downloading.
  6. Once you have finished working on your image, you can click on ‘Home page’ in the top-right corner of the screen to start working on a new image.
I know there are a lot of ways to do this and a number of them work well, but this tool seems to be one of the simplest I have used. I like that fact that I can use it on any computer as well. Lastly, I appreciate the fact that it is registration free and I can feel comfortable recommending it to students to use.

Do you have any other suggestions? Do have a favourite tool you use for resizing or converting photos? Let me know by leaving a comment below, send me a Tweet at @nathanghall, or send me an email using the contact form on this webpage. Thanks! 

 

Advertisements

One thought on “ImageSplitter: An online image slicer, cropper, resizer, and converter

  1. The splitter tool was a great help to me to avoid complicated image mapping on an email newsletter, thank you so much!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s