Amit Bhawani Blog

Stay Updated!

Powered by Genesis

You are here: Home / How to Guide / How to Resize Large Images using Photoshop Tutorial

How to Resize Large Images using Photoshop Tutorial

June 18, 2008 by Amit Bhawani

Generally i try to add images in most of my posts to make my visitors understand what the topic is about and in case of gadget reviews its always important to have some images within the posts because the readers should get a preview of the gadget we are talking about.

Most images are of higher resolution and having a width of 400 and height of 400 pixels minimum and this is the reason i need to make sure i can add a small thumbnail in the post of the same image which when clicked would lead the visitor to a bigger resolution of the same image. I used to previously do this stuff using Ms Paint but the major problem using Ms Paint is that the small thumbnail image loses its quality and gets a lot of blurs along with losing sharpness. Also we cannot expect real good results using Ms Paint software because its just for basic editing and image viewing and this is the time when we would need Adobe Photoshop software. To make you understand this easily i have taken a image from Apple Office Pictures

You need to open the bigger/original sized image in Photoshop and click on Image > Image Size Menu.

Photoshop Image Resize

You will be shown a small settings box with the Width & Height Settings which automatically change based on your input, which means that if you give a width of 200px the height is automatically calculated and adjusted. Make sure you select ‘Bicubic Sharper’ option under the drop down menu to make sure that the output images are of the best quality and dont lose their sharpness.  In case of Enlarging a image use Bicubic Smoother though you cannot expect a better quality in case of enlarging a image since the source is of lower resolution and you can expect lot of blur while expanding a image.

Here is the Original Image which was of the width 500 pixels which was later resized to 200px width.

Apple Fifth Avenue Office London

Resized Image which can be used within the blog posts to make sure that the visitor can get a faster loading blog and also you save up a lot of bandwidth.

Apple Fifth Avenue Small Resized

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)

Related

About

My name is Amit Bhawani and here I like to share my internet/tech experience with my online readers. You can follow me on Twitter, Facebook & Instagram at @AmitBhawani I am also the Editor-in-Chief of PhoneRadar & Master Gadgets

About Amit Bhawani

My name is Amit Bhawani and here I like to share my internet/tech experience with my online readers. You can follow me on Twitter, Facebook & Instagram at @AmitBhawani

Comments

  1. pratik says

    June 18, 2008 at 12:47 pm

    great tips… 🙂
    webmasters can surly be benefited by it..

  2. anj says

    September 15, 2010 at 9:44 am

    Resizing an image is one of the most commonly used skills in Photoshop. It’s so common that even people who know virtually nothing about Photoshop still manage to use it to resize their images, which should give you an indication of how incredibly easy it is to do.

  3. Web Host says

    February 5, 2011 at 5:43 pm

    I was asking like is their any difference in the output if I resizing in MS Paint as that of Photoshop Resizing when decreasing the size of the image.

Timeline

Check out Just EV Tweets by @amitbhawani

Recommended To Read

  • How to Find your WiFi Signal Strength & Dead spots in your Home – Best Apps
  • The Wuhan Corona Virus Effect in India – How to Stay Safe
  • This Blogger Lost 25Kgs with this Secret Strategy that Includes a Fitness Tracker
  • Making Money on YouTube, MCN, Useful Tools, Tips & Success Stories
  • The #JaguarPerformance Experience that was Mind Blowing