Preparing Your Images for Web
After spending hours planning and styling a shot, getting the lighting just right and adding the final touches in post-production, chances are you’ll want to upload your images online to your portfolio or share them on social media.
In this Photoshop class, Karl looks at how to resize images for web and online use using two different methods in Photoshop. He explains important considerations when resizing images and demonstrates each step of different methods. You’ll not only learn how to find a balance between image size and quality, but also how to get the best out of your images, see what colour space is best for web use and how to speed up your workflow.
In this class:
- Resizing images for web use
- How to resize images without losing quality
- ‘Export as’ vs ‘Save for web’
- How to sharpen images for web
- Colour profiles for web images
Questions? Please post them in the comments section below.
‘Save for web’.
To learn more about other useful Photoshop tools, please visit our Post-Production classes. You’ll also find a range of more in-depth demonstrations on how to use a number of different tools and techniques in our Photoshop for Photographers course.
Leave a Comment
You must be logged in to post a comment.
What is the relationship between preparing images for the web and sharpening? Why do they go hand in hand? If the image is better when you apply sharpening, why not apply it in the previous stage? I.e. why not apply sharpening in the post-production stage?
Hi Denis, often I do apply sharpening to my largest images that are destined for print or clients posters etc. However the amount of sharpening and double method is different based on the resolution i’m supplying the client. When an image is very small (websize) different sharpening levels may be required compared to the largest size. My other sharpening methods are covered in other classes.
Very interesting and important lesson. I have a question, btw. You said that 2500 on the longest edge is the size you use for the socials too. But Facebook and Instagram have rules about the maximum size accepted which is 2080 for FB and 1200 for IG. My question is if it wouldn’t be better to resize the images at that values to avoid the compression they apply for bigger images? Thanks in advance. Roberto.
Hi Roberto, I still upload the 2500 pixel size to social media because even if you upload at their preferred size they compress the image regardless in terms of data size so I’ve found it makes no difference.
Ok, got it! Thanks a lot for your answer, Karl. Have a good evening.
Excellent video, as always Kark, thank you!
I, too, have always struggled with the ppi and always thought 300 dpi is for print only yet 72 ppi never looks good enough even for the web. I am fascinated and relieved to know that I can just leave the ppi at 300 now and not be concerned about tweaking the ppi!
Karl, does it makes a difference changing the resolution from 300dpi down to 72dpi? Does it make file size smaller going with a smaller resolution dpi?
Hi Nigel, no changing DPI doesn’t change anything as the total dimensions of the file and the total number of pixels remain the same.
Hi Karl, Great vid as usual. A question – when you change the image size for the web you just leave it at 300 dpi? Why not change it to 72dpi @ 2500 px
Hi Glenn because it doesn’t make any difference, web browsers only read the pixel dimensions and display the image based on that.
Thanks Karl, I guess I was thinking that the smaller file size as being better.
Great tutorial, thank you!