Resize & Optimize Images for Web in Photoshop (also GIMP, Lightroom & Luminar)

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! :)

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

Thank you for the clear and comprehensive explanations!

Thnx for the video.

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

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

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

for web we don't have to change from 300 to 72 ppi?

Sir you missed the acdsee 🙄.

Omg.

thanks a lot man

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

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.

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.

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

So useful

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

THANK YOU SIR

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.

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.

Very nice ;) another video with excellent content.

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!

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

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.

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'

Great information in your video, thank you for sharing. I have recently purchased CaptureOne and I will try to emulate your suggestions there

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

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

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.

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

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.

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.”

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 )

successfully wasted 13 minutes

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

😍🙏

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?

Can't wait to apply what I learn

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

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

Thankyou

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.

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