Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

Resize Images And Maintain Original Sharpness


  • Please log in to reply
13 replies to this topic

#1 AfTriX

AfTriX

    CC Devotee

  • Just Joined
  • PipPipPipPipPipPip
  • 541 posts

Posted 11 January 2007 - 08:06 AM

Posted Image

You have a nice big beautiful photo. It is gorgeous. But you need it much, much smaller, and by the time the file is down to the right size, you might find that the image has started to take on a blurry look. This is a real problem with resizing images, but luckily in Photoshop there's a very simple solution.

This tip will only work with Photoshop CS and CS2. If you don't have a CS version yet I recommend you try and get one as soon as you can, because they are full of powerful new features. For earlier versions of Photoshop there's a workaround at the end of this tip.

When you want to reduce an image go to the Image> Image Size menu. Click on Resample Image and choose Bicubic Sharper from the drop-down menu. This is the best setting for making sure that an image doesn't blur. The example photo of the flower started at 2,000 pixels across. I stepped it down to 250, and then again to 125 with almost no loss of sharpness. For enlarging an image select Bicubic Smoother.


Posted Image


I found this to be such an effective trick that I wished it had been the default setting in Photoshop for the Image Size menu from the start. Then I discovered I could set it as the default myself. All you need to do is go to Preferences> General and you'll see Image Interpolation and there you can pick Bicubic Sharper from the choices.

Another thing to keep in mind when resizing is to try to do it only once on an image. Many people will resize repeatedly as they search for the perfect fit for a design element, and then end up with an image with a lot of blur. It's always better to experiment on a duplicate of the image. Then, when you've settled on the final dimensions, you can go back to the original and resize it just once.

Pre-CS Workaround
In earlier versions of Photoshop simply zoom out so that your window and image are at either 50% or 25%, and then take a screenshot of the image window at this new reduced size. You'll find that the image will maintain its sharpness. Now open the screenshot in Photoshop, and crop and save. The trick to making this work is to use either a 50%, 25%, or 12.5% view size before making the capture. If you view the image at 66.7%, 33.3%, or 16.7%, the image will not be as sharp due to the way Photoshop draws images at those sizes.

Troubleshooting
Never resize a GIF image. First change the mode to RGB Color (Image> Mode> RGB Color), and then resize. You can still save your resized image as a GIF, just do not apply resizing while the image is in the GIF mode.



Source: Photoshop Tutorials & Photoshop Plugins | PhotoshopSupport.com
  • -1

#2 xtraze

xtraze

    CC Devotee

  • Just Joined
  • PipPipPipPipPipPip
  • 872 posts

Posted 11 January 2007 - 08:30 PM

Nice tutorial, and can be really helpful in web graphics.
As most of the time I had to make things smaller and wanted to keep the sharpness at the same time.
  • 0

#3 AfTriX

AfTriX

    CC Devotee

  • Just Joined
  • PipPipPipPipPipPip
  • 541 posts

Posted 11 January 2007 - 08:36 PM

Thanks, I need for the same purpose either.
  • 0

#4 TcM

TcM

    CC Mentor

  • VIP Member
  • PipPipPipPipPipPipPipPip
  • 7563 posts

Posted 13 January 2007 - 09:33 AM

nice tutorial but it's a shame that this is a copy/paste tutorial and not your work.
  • 0

#5 Ace

Ace

    CC Newcomer

  • Just Joined
  • PipPip
  • 17 posts

Posted 15 January 2007 - 01:49 AM

Well yeah , thats a really nice tut

Ace.
  • 0

#6 AfTriX

AfTriX

    CC Devotee

  • Just Joined
  • PipPipPipPipPipPip
  • 541 posts

Posted 15 January 2007 - 05:29 PM

Thanks! I'll be continuously searching on photoshop stuffs on the net to provide you with concise guidance.
  • 0

#7 TcM

TcM

    CC Mentor

  • VIP Member
  • PipPipPipPipPipPipPipPip
  • 7563 posts

Posted 16 January 2007 - 09:37 AM

Well pay attention if you don't want to be banned from here read the FAQ, I will quote it for you:-

1. Tutorial SUbmission Rules

Tutorials are a major thing here on CodeCall. Make sure you follow these rules closely:

1. Before Posting

Unless you have written this tutorial yourself. You MUST have written permission from the Author. This falls under any copyright infringement laws doing so. 'Illegal' submissions will result in a 1 day temporary ban. 2nd offense will result in a PERMANENT BAN

1. Posting

Make sure you place a good title for your Tutorial. Posting Images and code is greatly helpful. Make sure you use the CODE brackets when you post your code. Make sure you put your thread in the correct sub forum for tutorials. Any questions or doubts, then you need to discuss with a mod or Admin before you post.

2. Attached Files

All files need to be scanned by an Anti virus program previous to uploading to the site. If you do attach an item that has a virus, actions will be taken.


  • 0

#8 shreesha

shreesha

    CC Newcomer

  • Just Joined
  • PipPip
  • 18 posts

Posted 20 April 2007 - 06:55 AM

hey this really helps me i resize images very often.
  • 0

#9 qwertyuiop123

qwertyuiop123

    CC Newcomer

  • Just Joined
  • PipPip
  • 16 posts

Posted 23 November 2009 - 10:20 PM

A technique that works with every image manipulation program:

You want image that is 1024 pixels wide?

1) Resample your image to 2048 pixels wide. Even if it is originally smaller! Use the best method your program can provide. Bilinear, bicubic, whatever.

2) Now, resample your image to 50% (1024 pixels) and use nearest neighbour. That is correct -- the crappiest one!

3) Presto! The sharpest resized image you have ever seen!

The only problem is that the image may be too sharp. If that happens, blur the image before step 2 with gaussian. Try different values.

Edited by qwertyuiop123, 27 May 2011 - 05:06 PM.

  • 0

#10 jss4ever

jss4ever

    CC Lurker

  • Just Joined
  • Pip
  • 9 posts

Posted 11 December 2009 - 08:51 AM

this was really helpful

thanks man
  • 0

#11 bekace

bekace

    CC Newcomer

  • Just Joined
  • PipPip
  • 12 posts

Posted 06 January 2010 - 03:59 PM

good thanks
  • 0

#12 patrinac

patrinac

    CC Lurker

  • Just Joined
  • Pip
  • 3 posts

Posted 10 March 2010 - 03:33 PM

This is a nice tutorial. Great for web graphics that requires a lot of changing the size of images.
Thanks , great tutorial.
  • 0




Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download