Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
FREELessons:23Length:3.1 hours

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

6.2 Resizing and Resolution

Let’s now learn how to resize an image in Photoshop without losing quality. You'll discover how resolution works and how it affects image quality and file size. We’ll also cover best practices for various image outputs such as for print and web.

6.2 Resizing and Resolution

Hi there, it's real me, I'm back again for this video because we're gonna talk about resolution. And resolution can be a little bit difficult. I find it a little easier when I wave my arms around for this one. So, what we'll do is we'll go through some practical examples and cut back and forth to the computer to explain it. All right, so let's get started. So, let's get started, first by opening up two images, is a live in A resolution from your exercise files, okay. And these ones from Jonathan Francisca, both of them, okay. And what we're gonna look at is kinda of, resolution gets kinda of, we talk about high and low resolution, good quality, bad quality. So this first one A, is good quality, high resolution and this one here is low quality, bad resolution. It'll open up in your Photoshop quite small and just hit Command + on a Mac or Control + on a PC to zoom in. You can see, we've all seen examples of this where it gets kinda of all a bit pixelated and the zoom out about there. Yeah. Okay, there's just not enough resolution or density of pixels in it to make it look convincing. This bigger version here though, has the exact same problem, okay but the cool thing about it is the human eye and the human brain can tell the difference between lots of little cubes and a real life real image. So what I mean, if I zoom in okay, Command + or Control +, it's actually just made up of, I get close enough of tiny little cubes. But far enough away, my human brain can't tell a difference. So they referred to often in, there is two kind of main sizes. There is 72 dots per inch versus 300 dots per inch, okay. And that's Just kinda of like quality levels and let's say that most images that are born, okay? Through a digital camera and or through stock library sites, they're gonna come at this 72 dots per inch. So let's check that. Let's go to image and let's go to image size and we can check that, this one is indeed 72 dots per inch. Okay, we also use pixels per inch, depends on which kinda of realm you come from. PPI or DPI, people refer to them as just a shortened version. It doesn't matter they're interchangeable in this case. So this thing is 72 dots per inch, and it is really big. You can see it is 72 inches across. So, let's say I've been asked we're gonna get this image ready now for print and the specifications have said we would like this document at 300 DPI or PPI, K and we want it as the biggest size we can get. So what we do here is, let's say we've got an image we need to send it off to the printer or send it to newspaper, we're gonna go to image, image size. And what we're gonna do is we're gonna make sure re-sample is off, okay? When we're resizing original artwork re-sample off is best to get started with and let's turn the resolution to what they asked for, which is 300. And what you would have noticed is that, you've noticed the size change, that went from like a really big 72 inches down to something quite small, 17. Okay, and we'll cut to some real life footage now of when I'm waving my arms around. All right, so here I'm waving time. And so, what ends up happening, right? Is you've got this document, it's 72 dots per inch and it's really big 72 inches, right, it's really really big. Okay, so but the requirement is 300, okay? So what that means is, my 72 dots in an inch, see my inches of this big. Can the 72 little squeeze in there? Okay, but the requirements I need 300 in there not 72 anymore. So what you do is you end up telling Photoshop like cram 300 in that same square instead of 72. And what it does is it says, well, there's a little stuff out here I'm just gonna keep grabbing it and cramming more into that one inch. So instead of 72, I'm gonna grab some more, now is 100 and grab some more of them, come in here guys and they pull them once and squeeze them all in. Gets up to 200 and keep squeezing them in and they pull them all in until is 300 of them in that same inch instead of 72. And the cool thing about it is that, now that one same inch has a lot more detail in it and it looks really good for print. And that's what print needs, our human brains can be convinced by a print, that it's 300 dots in an inch. Anything less and it starts, you starts going like you start to see the little dots, okay. So and anything more we don't need, our little brains don't need anymore than 300 dots in that little inch, you can get more. So, that's why we need it. And what the trade off is of though, is because of gradual those dots that were hanging out here and pull them in and pull them in. The physical size of the whole document got smaller about a third smaller, okay. So we had to kinda of cram more in but the drawback is their physical size get smaller. And that's I guess is just one of the trade offs when you're working especially with print and you're being asked for 300 DPI. Just know that whatever image you've got, it's gonna be about a third, I know it's not perfectly a third, but yeah, it's about that. Okay, so, and the next thing to think about is, let's say I need it to be 300 DPI. Okay, so that job is finished, we're done with that one. We got it, it's a bit smaller. It's, I think it's 17 inches across now, at 300 DPI, job done, send it to them that's as big as it can be at that resolution. But let's say there's a chance where or there's a tummy like actually, it needs to be 300 and it has to be 18 inches across. You've just done a little calculation and Photoshop said, it can't be, can only be 17 and you're like. What you can do is, remember that little checkbox, we're gonna check it again in a second that little checkbox that says re-sample. That's the thing where you tick that and you type in 300 and you force it to be 18. Okay, and Photoshop will do its best, it'll just invent new pixels. Okay, so it pulled in old ones that are needed and then it goes, well, I still need some more. So, I'm just going like, start messing about with the file and start duplicating and then making more. And, it's totally fine when you get to a certain kind of like, a little extra half an inch, no problem, no one's gonna notice, okay. But if you say I need it to be, I need to be 50 inches across at 300, Photoshop is gonna try it's best, is probably gonna melt down trying to do this job. Okay, but it's gonna look bad. It's gonna have a lot yucky goop everywhere and it's gonna try it's best, but Photoshop is good but not that good, small changes, yeah great, turn re-sample on, increase it a little bit, you're fine. But, if you're trying and do too much, you're gonna see all the junk. All right, let's jump back in and do it properly on the computer together. Okay, so let's say needs to be 18 inches, man, it's just not big enough. You can turn this on and let Photoshop re-sample it. So, I'm gonna force it to be 18, okay. And, what's gonna happen is Photoshop is gonna try it in its best to like magic up new pixels. They didn't exist before, it's gonna do its best to magic them up. And, with a small change like this, okay. We went from 17 to 18, you're not gonna notice, okay. It's when you're trying to do massive changes if they're like, it needs to be 22. Okay, you're gonna actually start to see, you can even see it in here, this is kinda of like goop that appears, okay. So, is a re-sampling goop and yeah, it just Photoshop is trying its best to make up more pixels but it can't go back in time and make a photograph. So, that's kinda of like small changes, nobody is gonna notice, big changes, people, are. That's probably one of the main used cases, okay, is when you take an image, you work on a Photoshop and it needs to go into a printed document. You might be sending yourself into Illustrator or into InDesign. Okay, and it needs to be 300 pixels per inch. So, change in here, see what size it is and then go and you might turn re-sample on just to get a little bit more out of it. All right, let's look at one other use case to help you kinda of understand resolution. Jump back to Dan's hide. >> All right, one other common use for using Photoshop to resize images is going out to kinda of Wobble social media. And what that means is, often they'll say something like, your image can be a maximum of 1600 pixels, okay. And it might be going to say Facebook or Instagram or Twitter and you just need to resize your image because at the moment, it's quite big, okay. You shot it on your disc allow, you downloaded it from the Internet, that's really, really big. You can get to a more appropriate size for yeah, going up to social media. So, let's go and do that now and resize it to about 1600 pixels. Okay, so we need to get that right size. So let's go into image and resize. And, what we're gonna do is it needs to be 72 dots per inch, okay? They might not mention that, they just assume that if it's going up onto a website, okay, cuz that's the kinda of standard website size, and this is where re-sample needs to be turned on. We made it bigger and the last thing, okay, you can also make it smaller. Okay, so with re-sample on, I'm gonna say it needs to be pixels, okay, and it needs to be 1600. Okay, I can't remember what I said. [LAUGH]. The talking head version. Let's say it was 1600. Okay, and I've kept the link locked there so that it changes the height and width. And now I know it's the perfect size. It's the 1600 across the biggest that it allow and at the right resolution, I'm gonna click OK. Okay, it's gonna be a lot smaller, but that's right, that's what the website wanted. So that's what I've given them. Now, I'm gonna go into a File, Save, I'm gonna save it as a JPEG and upload it to the website. Okay, so those are two hopefully examples of resolution. It can be a little bit of a rabbit hole of knowledge. And, but I hope it gives you a kind of brief understanding of some of the typical uses, getting images ready for print, and getting them ready for a website all about the resolution. All right, that is the end of that brain bending exercise. Let's get into something a little more exciting back into Photoshop, learning things like masks and selections. All right, let's go do it now.

Back to the top