![]() Save yourself some time and frustration and just make a copy. It’s a real bummer when you’ve resized an image, save and close the file, only to upload to the site and realize that it’s not right – ahem, not that it’s happened to me before. The first thing I always do is make a copy of the image, and work on the copy. Let’s begin, and I’ll show you how to resize an image in Photoshop like a boss! How to Resize (or Resample) an Image in Photoshop Now with that out of the way, going forward, this post is going to be dealing with Resampling the image. With the boxed checked, the image is being “Resampled” and, with that, the image is being “Resized”. In the simplest term, when checking the “Resample” box, you are asking Photoshop to analyze the image and decide where to add pixels when upsampling, or what pixels to throw to away when downsampling. Photoshop takes a complex process known as interpolation and makes it as easy as selecting a checkbox in the Image Size Dialog Box. Resampling, on the other hand, changes the number of pixels the image contains and best used for images intended for the web. Since the web is pixel based, this is the ideal option for resizing images for the web. The options to change the width and height in Photoshop include percent, inches, centimeters, everything except…you guessed it. Of course, if the physical size decreases, the pixels get cozy, squeeze together, and the resolution increases by half. Increasing the images physical size will automatically decrease the resolution by half to compensate, creating a noticeable deterioration in the quality of the image. Let’s say we increase the image size by half – the pixels will then spread out and become larger to fill the new space. In Photoshop, when editing one of these values, the program automatically adjusts the opposite value to compensate. There are only two options here that we can modify – the physical size, and the resolution. Resizing is used mainly for print and is also referred to as scaling. Resizing changes the size and resolution the image will print, but does not change the actual number of pixels, or data, the image contains. Which one should you use? I’m glad you asked! However, there are two ways to tackle the task of resizing an image in Photoshop – it can either be Resized or Resampled. The term “resizing” is a pretty typical “blanket” term when referring to changing the size of an image. ![]() It’s important to choose the appropriate method, resizing or resampling, because each method interacts with these pixels in different ways and affects the overall quality. Well, we would see thousands of tiny itty bitty squares, or pixels if I’m proper, that have an assigned a color and position that makes up the image. Let’s say we zoom in on a JPEG or PNG image. Resampling Imagesįirst of all, let’s talk about what a bitmap image is. I’ve used Pixelmator extensively and can recommend it for lots of image editing, but almost always end up back at Photoshop for a variety of reasons that aren’t really relevant to this article. No Photoshop? Don’t fret! There are numerous image editing programs available online like Acorn (Mac), Pixelmator (Mac), and GIMP (Linux,Windows, & Mac). If you have an older version of Photoshop, no worries – the steps will be the same overall, but won’t have the newer options that I’m going to talk about later on in the post. In this post, I’m using Photoshop CC 2015 because it’s what I’m familiar with and it’s what I use every day. As a matter of fact, it’s downright simple. Needless to say, knowing how to resize an image for your WordPress site is an important part of any online presence. Professional looking images engage the audience, set a mood, and create a better visual connection between your brand and your content. Why Properly Sized Images are Important for your WordPress Website Thankfully, it’s easy to learn how to resize an image without losing quality and honestly, it doesn’t take long either. The good news? it doesn’t have to impact image quality. One of the most important performance improvements you can make for your WordPress website is correctly resizing and optimizing your images. And let me tell you, nothing brings a site to a grinding halt faster than loading oodles of high-resolution images on the regular. The number one concern for most site owners is page speed. Images straight out of the camera are very high in resolution and need to be reduced to use on the web. ![]() It’s more important now than ever to level up your game and spend a little extra time learning how to resize an image properly in WordPress. Sure, you might have great content, but blurry, poor quality images will chase away visitors before they ever read a paragraph. ![]() Images are the welcome mat to your website and can make or break your first impression. When you don’t know how to resize an image in WordPress correctly, you’re much more likely to make a bad first impression on your website’s visitors. ![]()
0 Comments
Leave a Reply. |