How to RESIZE IMAGES for WEB using Photoshop (also GIMP, Lightroom & Luminar)

In this video, I show you how to quickly resize and optimize your images for the web using Photoshop, GIMP, Lightroom, and Luninar. I answer the most common questions when it comes to resizing images for websites and social media platforms and break the process down the simple steps using Photoshop (as well as other popular photo editing software).
Optimizing images for web in photoshop blog for further details:
www.karltayloreducation.com/h...
Full photoshop resizing class:
www.karltayloreducation.com/c...
Related KZbin video including batch actions and copyright logo creation: • How to prepare photos ...
-------------------------------
Start Learning For FREE:
To enjoy all the classes in my FREE Photography Course, simply follow the link below. There's no sign-up required and 10 exciting, knowledge-packed chapters to get you inspired!
Also includes a quiz to help you retain the knowledge and a helpful illustrated 90-page guide to download. www.karltayloreducation.com/f...

[@159India1]

Thank you for explaining image size and file size to this 79-year-old novice Photoshop user in Brooklyn New York. I also wish to thank you for not playing background music and your impeccable presentation. All my best wishes, DavId

[@Photography.by.thuso.ramatu]

Beautiful teaching as always, rock solid presentation Karl. Thank you and I am looking forward to next week's video. Stay safe!

[@VisualEducationStudio]

Thank you, you too!

[@amandameth2408]

Such a valuable and concise video! Thank you, Karl!

[@ba553y]

Wow! I just watched your video of several years ago about sizing for print and you upload this today! I needed it. Thanks Karl!

[@VisualEducationStudio]

You are so welcome Bassey!

[@AdrianBacon]

This is good basic information. Nice to see covering LR, as many people use LR to manage their assets and don’t want to have to leave it just to get a web version.

[@ChristianDThompson]

This explanation is extremely clear and well-structured. Thank you.

[@johnl4469]

Thanks Karl. Good to see you're keeping well mate.

[@VisualEducationStudio]

Cheers

[@lizzyshengshengzhou]

Thank you for the clear and comprehensive explanations!

[@VisualEducationStudio]

You're very welcome!

[@macmac1934]

Karl, Thanks for sharing, That more than great info, Your scientific terms have a value.

[@VisualEducationStudio]

Glad to help

[@fraserlock-macardy9633]

Fantastic Video Lesson, Thanks.

[@smartwork8477]

Thnx for the video.

[@DalsPhotography]

you are just amazing!!! Best wishes from Uruguay !

[@VisualEducationStudio]

Thank you.

[@jlwilliams]

I go back to when Mosaic was a thing, but there's no way I could explain this info as clearly and authoritatively as Karl does. I'm going to save the link to send to all the people who tell me, “We can't use this image for our website because it needs to be 300 dpi.”

[@davidmilisock5200]

I remember Mosaic. 😀

[@jmitchvision]

This is awesome!! I actually use Gimp as well!!! Thank you for your insight brother!! GOD bless!!

[@VisualEducationStudio]

Glad it was helpful!

[@jmitchvision]

Karl Taylor Absolutely and I’m bench watching the education videos!! Cheers sir!!

[@VisualEducationStudio]

Thank you.

[@anilmali9438]

THANK YOU SIR

[@pedroalves8739]

Very nice ;) another video with excellent content.

[@VisualEducationStudio]

Glad you enjoy it!

[@JayKay-jh9ek]

Can't wait to apply what I learn

[@VisualEducationStudio]

That's great Jay!

[@carlosdias1940]

The content is of such level, that I have to raise mine just for start commenting!!! ;-) Note:its the only ad that I watch on YT!

[@VisualEducationStudio]

Thanks

[@lornanjanja6837]

Yaaaasssss💃🏿💃🏿 notification gang here. First comment 🎊🎊💪🏿 Ooo. You know I've always wondered why some images appear pixelated after printing yet the images were clear. I just assumed it was the printer settings/quality. This is a great lesson sir. Thank you for taking the time.

[@VisualEducationStudio]

Glad to help Lorna :-)

[@davidmilisock5200]

Traditional print can be a challenge, I did some work for a haberdashery some years ago who had issues with some prints they had done of linen menswear. Like Karl said DPI/PPI are certainly directly print related the texture in linens when close up shots are printed can cause moire like issues with Amplitude Screening processes. The same can be said for over sharpened images.

[@lukasreich3491]

thanks a lot man

[@VisualEducationStudio]

You're welcome!

[@Govannonart]

Very useful. Thanks a lot for sharing. Best regards from Mother Russia

[@VisualEducationStudio]

Glad it was helpful Mother Russia.

[@kreygscott]

First*** Another valuable piece of content Karl. Thanks for sharing mate.

[@VisualEducationStudio]

My pleasure!

[@adrianvanleeuwen]

Good to know that you recommend 2500 px wide x 2000 px high for web display. By coincidence, Amazon recommends 2560px size for images (square format on its listings of products). Note that Amazon allows users to use the magnifier tool available to zoom into the image to see details of a product on screen. While lots of people are using phones these days there still lots of statistics that show people shop and view websites on laptops and tablettes, as well as desktop monitors for finding businesses. Resolutions of monitors on "laptop" are generally default at HD 1920x1080px these days, cheaper ones below $600 are 1300 pixel wide, and some pro laptops are 4K resolution, but 4K is less common among general consumers, and desktop monitors can also be very high pixel from HD to 4K size depending on price.

[@VisualEducationStudio]

Thanks

[@GrandEpicPhotos]

Thank you Sir for this valuable information. This video came at the right time. I’m currently working on resizing my images for my website and my question is what’s the recommended file size for an online portfolio?

[@VisualEducationStudio]

Hi Mohapi, this section covers what I aim for with my online portfolio: kzbin.info/www/bejne/d2i2fHiDrctmi8U :-)

[@GrandEpicPhotos]

Karl Taylor Thank you very much for the videos, they are highly appreciated and very informative. Will watch the video.

[@sunwang3076]

So useful

[@VisualEducationStudio]

Glad to hear that

[@barbrarudd3328]

Thank you so much. I was have this problem. What software do you recommend, to use for retouch up. I'm still new to retouch up.

[@josesavant]

Noticed no one answered this. My personal recommendation for retouching is Photoshop and/or Affinity Photo.

[@atahassanzadeh4878]

😍🙏

[@MrWeddingPhotography]

Thanks for the video. You state that dpi/ppi is not relevant to the web but you have to enter a number on step 1 ‘resizing in PS’. Years ago we would use 72 PPI but with advances in monitor quality would you now leave at 300 taking into consideration that a lower number would result in a smaller file size. Also, as sharpening should be the last step taking after resizing the image, do you normally apply any sharpening to your web images? Thanks

[@VisualEducationStudio]

An image that is 2000 pixels wide will get displayed at the designate of the website regardless of the PPI we set. If we set 300PPI or 72PPI the image is still only 2000pixels wide. Many screens these days display at various resolutions, back in the day 72PPI was a standard screen resolution but now they are often 150PPI. Yes I apply sharpening to my images and the exact process to get the best out of my images is covered on the Karl Taylor Education website.

[@AnujithRajasekharan]

Thankyou

[@VisualEducationStudio]

You’re welcome Anujith

[@JohnAmaro_Official]

thanks for the advices and tips but at 8:35 thats not the new lightroom.Thats the lightroom cc which is a bit different...Lightroom classic still in 2023 has the same export settings:)

[@fixitrod4969]

I don't think Gimp has any steeper learning curve than most "granular" raster photo editing type software. I use GimpPhoto. It's very similar to Photoshop. If you've used photoshop you can Google how to make Gimp look like Photoshop. I pay for photoshop but use Gimp for a noise reduction plug in called Dcam noise reduction... it's amazing.

[@careylee5951]

Exactly what I've been looking! I'm an event photographer so when I get home I have to edit anywhere from 2000-3000 images and I just started learning how to batch edit. I post a lot to FB and keep the long end at 2000 pixels and when someone want that image I resize and then email to them. I need to shorten my processing time because I'm usually a week or two behind. Any advice would be greatly appreciated.

[@VisualEducationStudio]

Glad it was helpful! Batch processing using 'scripts' - 'image processor' and/or creating your own actions. We teach all this on KTE.

[@careylee5951]

@@VisualEducationStudio I'll be sure to check that out ! I have an account there.

[@gewglesux]

I've itching to try Luminar. Do you have a bit.ly? This was so very helpful! Thanks!

[@VisualEducationStudio]

Thanks but sorry I don't

[@gewglesux]

@@VisualEducationStudio Hey Karl, I wanted to ask -just to help you out.. But Either way i ordered up Luminar. Cant wait to use it. Thanks for all you do.

[@anilaboutme]

Thanks Karl. You do not sharpen your image after resizing??? I see some people do this.

[@amrobbie]

Brilliant video, however, I am still left scratching my head on how to get images down to a few hundred kb as you recommend for the web. Even the one you did was 800. Sometimes i find images on sites that are amazing quality and really sharp and are only 30-60kb. I have no idea how to achieve that.

[@movieman2009]

I think you can do all this way faster with a program called Jpeg Mini Pro for sake of changing file size.

[@DalsPhotography]

you can use jpg mini with Capture One as pluging ;)

[@fixitrod4969]

IrfanView is free and offers a bulk resize tool that works excellent as well.

[@davidmilisock5200]

A great primer for image posters, you're dead on about social media resampling your images, I go farther and claim that many forums really screw things up. The support for color and quality is very poor. I use 3 image editors, AfterShot Pro, PaintShop Pro and Photo-PAINT, the first 2 are buy and own, Photo-PAINTships with CorelDRAW and provides Device N color, CMYK, LAB and live transparency support. I use all those for my hobby photography, PSP and PP to replace Photoshop for all my high end architectural image corrections for print, generally for traditional or digital. For RAW conversion and taking my corrected images to the web I use AfterShot Pro (it's the old Bibble Labs) it allows my corrected TIF files to be opened and then color profile converted and resized for web in a few clicks. Seems fine up to 2,500 images so far. Thanks for the post.

[@VisualEducationStudio]

Thanks David.

[@MariusVolden]

9:10 how do one get this export window? I press export, but I get the "old way" every time :( Is it a mac vs windows thing? Weird

[@Wayne-hz2bz]

NOVICE INQUIRY! I'm not a pro and I'm not planning to be one in photography. I used my phone to capture photos and I really like the simplicity and quality of it every time I take a snap of something. The thing is every time I upload it on Facebook, the quality gets downgraded. I have noticed that pros use a "web-sized" photo every time they upload their stuff and the megapixels, image size, and file size has been reduced but the photo quality on Facebook is not compromised. QUESTIONS: 1. How do I use Photoshop (or any other apps) to reduce the megapixels, image size, and file size of my photo without compromising the image quality on Facebook? 2. What would be the recommended megapixels, image size, and file size of a vertical and horizontal photo before uploading it on Facebook? I am willing to transfer my photos from my mobile to a pc/laptop and go from there. I would really appreciate it if you could help me with this and thank you so much in advance! :)

[@popcornparam]

Ok I have a question. I have a 45 mp camera I know it's good enough for large prints. I shoot raw now what should I do to get a massive print without pixelation. I mean when u save the edited raw to jpg it gives u some increase megapixel option. Throw some light on tif conversion for huge prints. I mean like real huge ( building size or bigger )

[@eazyjosh]

Tap like if you've been angry with Instagram once regarding posting of your pictures

[@gamingwithpratham7721]

Sir you missed the acdsee 🙄.

[@messylaura]

oh, thats why its wasn't working, i was changing monitor from 13 inch to 7inch then posting.....................:P. i know, second word is 'off'

[@Razor2048]

Great video, but there doesn't seem to be as much of a need to resize for web in terms of reducing output resolution, as no camera on the market currently offers an output resolution that would be considered too high. Even the best Hasselblad camera, lacks resolution needed or users to be truly satisfied. For example, there no camera that offers a high enough resolution to accurately show just how overwhelmingly cute river otters are. Resizing in terms of resolution and not compression, may become necessary when cameras reach the multi-gigapixel range.

[@mounishvijay3840]

successfully wasted 13 minutes

[@VisualEducationStudio]

Sorry it wasn't to your taste Mounish - thanks for watching all 13 mins!

[@mounishvijay3840]

@@VisualEducationStudio that's fine! I liked some of ur other videos!!

[@lanvuong9050]

Omg.