Jump to content


How to crop, sharpen and resize images online


  • Please log in to reply
14 replies to this topic

#1 Legostein

Legostein

  • I'm a million!


    Posts: 1890
    Joined: 06-April 07
    Member: 1505
    Country: Germany

Posted 07 January 2010 - 04:00 PM

Hello dear people!

Recently I read about a MAC user who didn't have the possibility to resize his images by the easy methods available for Windows users. I thought of how to manage this, and searched a bit on the internet for so-called online image resizers. Of course there are also special programs for each operation systems (OS). But a free online tool has the advantage of being independent of the OS. There are vast amounts of such programs available. Out of these I picked a more popular one with some special features and would like to give a short guide on how to use this online tool. :classic:

The web adress of the free online tool is: http://www.picresize.com

Before we start, here's some data and results:

Image to be optimized:
- file name: IMG_9233.jpg (typical name given by cameras)
- file size: approx. 1 MB (1000 kB)
- image dimensions: 2592x1944 pixels

Optimzed image:
- file name: rsz_img_9233.jpg (name given to optimized file by the tool)
- file size: approx. 60 kB (0.06 MB)
- image dimensions: 640x442 pixels

Now let's start.

1. Open the tool
We open the web browser and enter http://www.picresize.com in the adress bar.

2. Choose your image file
We come to the following screen and press "Browse" (red oval) to choose the file we wish to optimize.

Posted Image


3. Update your image file
We see the file name and directory of the chose file in the "Select Picture" field. Then we press "Continue".

Posted Image


4. Be patient :wink:
The horizontal blue/white spiral bar indicates we have to wait a few moments until our image has uploaded into the online tool.

Posted Image


5. Crop your image
The image is now uploaded and ready to be optimized. You see its thumbnail in the upper right corner. You notice that there is a lot of free space around the actual objects. With this tool you can also get rid of unnecessary free space surrounding your models. This is called "cropping". Following the instructions on the left side you can draw a dotted rectangle around your models (see thumbnail image). Then press "Crop Selection" to remove the unused space around your selection.

Posted Image


6. Choose the dimensions of your image
You will see that the thumbnail in the upper right corner has changed after successfully cropping your image. It now shows your selection. Now it's time to set the dimensions of the image (width and height in pixels). It's best to choose "Custom Size" and enter the desired width (640 pixels in width is usually enough). Be sure that you choose "Pixels" and not "Percent"! It is not necessary to enter a value for the height. The width/height ratio of your selection will be maintained.

Posted Image


7. Sharpen your image (optional) and confirm "Resize"
a) If your light source was not sufficent or if you had shaky handswhile you took the picture, it might be a bit blurry. Here you have the possibility to mark the box "Sharpen". Usually you'll simply take another picture that is not blurry and does not need further sharpening. In this case you just check the box "None".

b) Now scroll down a bit and seletc "JPG" as desired file type. Then click the field "Resize Pic".

Posted Image


8. Safe your image
You can now safe your image. Therefore press "Save to Disk".

Posted Image


A new window opens and you can choose the direction to safe your image. Press "Safe".

Posted Image


9. You're done!
You cropped it, (sharpened it), resized it, and reduced its file size. Well done!

Posted Image


That's it! There's even a quicker way in case you don't need to crop your image first. I will add this in a moment. For now let me quickly safe the written words above. :classic:

Cheers,

~ Christopher

Edited by Legostein, 07 January 2010 - 09:45 PM.

Posted Image http://www.deckdesigns.de - Bricks, Building & Beyond Posted Image

#2 Legostein

Legostein

  • I'm a million!


    Posts: 1890
    Joined: 06-April 07
    Member: 1505
    Country: Germany

Posted 07 January 2010 - 04:02 PM

Hello again!

Now here's the shortcut in case you used the zoom function of your camera to only take on the picture what you want. :classic:

Again, before we start, the stats:

Image to be optimized:
- file name: IMG_9238.jpg (typical name given by cameras)
- file size: approx. 1 MB (1000 kB)
- image dimensions: 2592x1944 pixels

Optimzed image:
- file name: rsz_img_9238.jpg (name given to optimized file by the tool)
- file size: approx. 60 kB (0.06 MB)
- image dimensions: 640x480 pixels

Now let's start once more.

1. Open the tool
We open the web browser and enter http://www.picresize.com in the adress bar.

2. Choose your image file
We come to the following screen and press "Browse" (red oval) to choose the file we wish to optimize.

Posted Image


3. Use the shortcut.
We again see the path and file name of our image in the field. However, this time we don't press "Continue" but instead click on the little "+" for "Quick Resize".

Posted Image


4. Enter your specifications
Once you clicked the "+" the window expands to let you enter your desired image specifications. Choose again "Custom Size" and enter the values for "Width" and "Height". Again, a value for the height is not needed as the width/height ration will remain the same. If you need to sharpen the image you just activate the related checkbox, otherwise just select "None" for the category "Special Effect". Select "JPG" as image type and press "Resize Pic".

Posted Image


5. Be patient (again) :wink:
Please take some moments to let the tool upload your file and perform the operations you chose. The dizzy-making loading bar tells you it's in progress.

Posted Image


6. Safe your image
You can now safe your image. Therefore press "Save to Disk".

Posted Image


A new window opens again and you can choose the direction to safe your image. Press "Safe".

Posted Image


7. You're done once more!
You did an image optimization in one simple operation. Well done!

Posted Image


Now I am done with my quick guide. Of course there are many more of these free online tools. They all work in a similar way, however. :classic:

I hope this is of some help.

All the best,

yours Christopher.

Edited by Legostein, 07 January 2010 - 04:47 PM.

Posted Image http://www.deckdesigns.de - Bricks, Building & Beyond Posted Image

#3 Sinner

Sinner

  • Mike's Magical Elf


    Posts: 19388
    Joined: 29-April 07
    Member: 1554
    Country: Australia

Posted 07 January 2010 - 05:52 PM

Thanks for the great tutorial!  :sweet: I'll move this to LEGO General Discussion and News and add it to the tutorial index.





Posted Image Posted Image Posted Image Posted Image

Full details on the Siegfried About Me page!


#4 JCC1004

JCC1004

    Posts: 2044
    Joined: 29-December 08
    Member: 4845
    Country: United States

Posted 07 January 2010 - 06:14 PM

Thanks! Now I have a good (and free) site to crop images. :sweet:

Edited by JCC1004, 07 January 2010 - 06:14 PM.


#5 Eskallon

Eskallon

  • Plays with His Ponies in the Corner of His Exploding Glass House


    Posts: 1920
    Joined: 21-November 08
    Member: 4444
    Country: United States

Posted 07 January 2010 - 07:55 PM

No offence but I know an even easier way that can be used whenever and wherever. Here:

Ok start by finding your pictures in the finder window and select the ones you want to use like in the picture below. Make sure to open them in Preview.

Posted Image

1.At the right hand side there is a picture menu and then select all that you want to resize again.
2.Select tools in the top toolbar.
3.Select adjust size.
4.Choose a good size from the dropdown menu or enter your own.
5.Press the OK button when done.
6.Click the red exit button.
7.Select save all from the dropdown menu.
8. Your done and you can enjoy.

Once you know what to do you can resize hundreds of pics in under 30 seconds.(Well I can)

Oh and many people think preview is a simple viewing program for the mac but it can do more than you think.

Edited by Eskallon, 07 January 2010 - 07:56 PM.


#6 Big Cam

Big Cam

  • A good mood, too.


    Posts: 13999
    Joined: 02-April 09
    Member: 5701
    Country: USA

Posted 07 January 2010 - 07:57 PM

Thanks Legostein for this very helpful tutorial, I'll keep it in mind if Reviewers Academy students need a free tool.

:thumbup:

#7 Legostein

Legostein

  • I'm a million!


    Posts: 1890
    Joined: 06-April 07
    Member: 1505
    Country: Germany

Posted 07 January 2010 - 08:40 PM

Heya,

no, no problem, no offense taken. :wink: There are many more programs I don't know at all. It's good we know what "preview" can do as many people only know it as pdf previewer such as Adobe Reader.

The reason why I talked about MAC users was simply that I looked for some free tool independent from the OS. :classic:

Cheers,

~ Christopher

Edited by Legostein, 07 January 2010 - 08:43 PM.

Posted Image http://www.deckdesigns.de - Bricks, Building & Beyond Posted Image

#8 prateek

prateek

  • Study hard!


    Posts: 10413
    Joined: 09-July 05
    Member: 426
    Country: Canada

Posted 14 January 2010 - 11:26 PM

Awesome! This is probably going to save lots of time when uploading pics. :thumbup:

#9 Big Cam

Big Cam

  • A good mood, too.


    Posts: 13999
    Joined: 02-April 09
    Member: 5701
    Country: USA

Posted 20 January 2010 - 01:50 PM

I honestly love this tutorial, I just used this again and I'm bumping it just to make sure evryone sees it.  It's so helpful when your not at your home computer and don't have access to something like photoshop, because no one likes to resize in paint.

Thank you!!!

#10 Spyder

Spyder

  • Minifig Identikit


    Posts: 877
    Joined: 28-February 09
    Member: 5419
    Country: USA

Posted 04 May 2010 - 12:25 AM

Great tutorial, I never knew about that site, wish I had. Right now I use IrfanView, but I'd like to test this site out.
"You either die a hero, or you live long enough to see yourself become the villain." -Harvey Dent, The Dark Knight

Long Live The Nizam!

Quoting Charlieboy:

Quote

Be carefull playing lego in the nude,those small parts can get everywhere!!!

#11 tedbeard

tedbeard

    Posts: 1233
    Joined: 16-August 06
    Member: 905
    Country: Canada

Posted 20 January 2011 - 05:12 PM

On a MAC I believe you can also do these things right in iPhoto which comes on all new machines.
Posted Image Posted Image Posted Image

#12 facesad

facesad

    Posts: 1
    Joined: 03-September 13
    Member: 84116

Posted 03 September 2013 - 08:16 AM

thank you for sharing, i know it is hard to find the best out of so many image programme.  especially have so many features and fuction. i prefer small tool not so complex like photoshop.
so here is one simple and powerful image library  .net   i have been usiing.hope it is useful to you.

Edited by facesad, 03 September 2013 - 10:52 AM.


#13 LEGO Historian

LEGO Historian

  • Older than ABS


    Posts: 1265
    Joined: 26-April 07
    Member: 1550
    Country: USA

Posted 18 March 2014 - 05:50 AM

I don't think you're likely to get a reply from facesad....  he posted his one and old comment back in Sept. 2013... and since his post count is still at ONE.... he hasn't posted another comment on Eurobricks in 6 months....  :sceptic:
LEGO "Smarty Pants Extraordinaire" for 54 years!   Can be Emailed at:  istok.gary@gmail.com

Facebook:  
https://www.facebook...ets.Parts.Guide

http://legocollectorsguide.weebly.com/

Posted Image

#14 weavil

weavil

    Posts: 520
    Joined: 30-September 12
    Member: 32438
    Country: United States

Posted 18 March 2014 - 05:23 PM

Seems like it was spam for a website. Just my opinion. Just Google "free online picture editing".

Or you could use Bricksafe.com or Flickr.com to put your picture and then view them in different sizes.

Edited by weavil, 18 March 2014 - 05:27 PM.


#15 LEGO Historian

LEGO Historian

  • Older than ABS


    Posts: 1265
    Joined: 26-April 07
    Member: 1550
    Country: USA

Posted 19 March 2014 - 04:19 PM

View Postweavil, on 18 March 2014 - 05:23 PM, said:

Seems like it was spam for a website. Just my opinion. Just Google "free online picture editing".

Or you could use Bricksafe.com or Flickr.com to put your picture and then view them in different sizes.

Or if you have Microsoft Office (necessary if you want to use MS Word)... Office Manager has most of these features as just dropdown toolbars.
LEGO "Smarty Pants Extraordinaire" for 54 years!   Can be Emailed at:  istok.gary@gmail.com

Facebook:  
https://www.facebook...ets.Parts.Guide

http://legocollectorsguide.weebly.com/

Posted Image




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users