How to Resize an Image in Photoshop without loosing Image Quality!

In this tutorial, I will explain how to scale and resize images without losing quality by using smart objects in Photoshop. We will learn the difference between resizing and normal pixel-based image and resizing a smart object. We will also learn, why objects always look better. I’ll also include a tip at the end of this tutorial to make sure you are always getting the best results.
I’ll be using Adobe Photoshop CC. Any other recent versions of Photoshop will also work well. Let’s get started to see the advantage of resizing an image as a smart object. Once quickly set up everything so we can view a side-by-side comparison between resizing a normal image and resizing a smart object.

We have taken a smaple image to continue with this tutorial
If we look in the layers panel, we see the image on the background layer we need to make two copies of the images, one for the normal pixel version and one for the smart object. To make the first copy, go up to the layer menu in the menu bar, choose new and then choose layer via copy. In the layers panel a copy of the image appears above the original. To make the second copy, use the keyboard shortcut. This time use ctrl J on a Windows PC or command J on a Mac. A second copy appears above the others. Let’s rename our copies so we know which is which. Double click on the top layers name layer 1 copy and rename it smart object. Press Enter or return on a Mac to accept it. Then double click on the name layer one below it and rename it pixels and again press enter. We don’t need the image on the background layer anymore. So let’s fill the background with white. Click on the background layer to select it. Then go up to the Edit menu and choose fill. In the fill dialog box set the contents option to white and then click ok.

To fit both versions of image side-by-side, we need more canvas space. Go up to the image menu and choose canvas size. In the canvas size dialog box, set the width to 200 percent and the height to 100 percent. Leave the relative option unchecked and in the anchor grid, choose the square in the middle left. This will place all of the extra space to right of the image. Click ok to close the dialog box.
To move one of the images into the new space, select the move tool from the toolbar. In the layer panel, click on the smart object layer at the top to select it. Then click on the image and drag it into the new space on the right. We now have the image that will remain a pixel-based image on the left and the image that will convert to a smart object on the right. Finally, to convert the image on the right into a smart object, make sure the smart object layer is selected in the layers panel. Click the menu icon in the top right corner of the layers panel and then choose convert to smart object from the list. Photoshop converts the layer to a smart object and the smart object icon appears in the layers thumbnail. Now that we have our document set up.

Yes! Finally someone writes about glass splashbacks. Lyn Beau Smiga
You made a number of fine points there. I did a search on the subject matter and found nearly all persons will consent with your blog. Roselia Benson Kristin
I really appreciate free, succinct, reliable data like this. Ester Niels Lundeen
I pay a quick visit daily a few web sites and sites to read articles, except this webpage provides quality based articles. Gwendolen Averell Aylmar
Incredibly enlightening, looking onward to coming back again. Lanita Creigh Coughlin
Pretty! This has been an incredibly wonderful post. Thank you for supplying these details.| Shelby Jessee Grochow
After checking out a number of the blog posts on your site, I really like your way of writing a blog. I bookmarked it to my bookmark site list and will be checking back soon. Take a look at my web site too and tell me how you feel. Keslie Robbert Weslee
Thanks for sharing, this is a fantastic blog article. Really thank you! Great. Loni Sampson Salomi
Valuable info. Lucky me I found your website by accident, and I am shocked why this accident did not happened earlier! I bookmarked it. Lillian Frederic Palmira
Hi Dear, are you genuinely visiting this web site daily, if so then you will definitely get good knowledge.| Karilynn Craggie Madalena
Good blog post. I absolutely love this site. Thanks!
Keep on working, great job!
I will recommend your beautiful post site to my friends Lanie Hamel Ranson
If you are going for best contents like me, just pay a visit this website daily because it provides quality contents, thanks| Gabriel Luce Tiffi
You could definitely see your skills within the work you write.
The world hopes for even more passionate writers such as you who are not afraid to mention how they believe.
All the time go after your heart.
These are actually impressive ideas in on the topic of blogging. You have touched some good factors here. Any way keep up wrinting.| Olva Ignace Klingel
I not to mention my buddies appeared to be reviewing the nice key points located on your site while at once I had a terrible feeling I never thanked the web site owner for them. The young men became so thrilled to see all of them and already have in reality been tapping into them. Appreciate your simply being very kind and also for using these kinds of magnificent tips most people are really needing to be aware of. My sincere regret for not saying thanks to sooner. Kerrie Griffy Penthea
Your style is very unique compared to other folks I’ve
read stuff from. Many thanks for posting when you’ve got
the opportunity, Guess I will just book mark this page.
Thanks for finally writing about > How to Resize an Image
in Photoshop without loosing Image Quality! | Clipping Pix.com < Liked it!
Hi there, yup this piece of writing is really good and I have learned
lot of things from it regarding blogging. thanks.
Hi mates, its fantastic article concerning educationand completely defined,
keep it up all the time.
I value the blog article.Really looking forward to read more. Want more.