The ONLY WAY you should be saving images for your website.
ฝัง
- เผยแพร่เมื่อ 22 พ.ค. 2024
- Buy Photoshop here: bhpho.to/3wO0BxK
In this video, we look at the best way to export/save/resize images for your website using Adobe Photoshop. We focus on both the JPEG and WebP file formats.
👍 Chat with other creators on our community: community.rmsp.com
👕 GET MERCH: shop.rmsp.com
🎓 TAKE A CLASS: rmsp.com
🎥 OUR GEAR (updated regularly): kit.co/rmsp/youtube-gear
EQUIPMENT USED IN THIS VIDEO
---------------------------------------------
CAMERA: geni.us/rmsp-yt-camera
LENS: geni.us/rmsp-yt-lens
MONITOR/RECORDER: geni.us/rmsp-yt-monitor
MIC: geni.us/rmsp-yt-mic
AUDIO RECORDER: geni.us/rmsp-yt-recorder
LIGHT: geni.us/rmsp-yt-light
LIGHT MODIFIER: geni.us/rmsp-yt-softbox
BACKGROUND LIGHTS: geni.us/rmsp-yt-backlight
ND FILTER: geni.us/rmsp-yt-ndfilter
GIMBAL: geni.us/rmsp-yt-gimbal
CONNECT WITH US
---------------------------------------------
Instagram: / rockymountainschoolofp...
Facebook: / rmsp.photography
TikTok: / rmsphoto
CHAPTERS
---------------------------------------------
00:00 - Intro
00:54 - The “Export As” window
02:01 - Why fast loading times are important
03:17 - Best resolution for the web
04:46 - What is compression / quality
07:18 - Why you should do THIS for every single photo
09:00 - Forest’s web export workflow
09:28 - Exporting as WebP
12:32 - WebP vs. JPEG
13:35 - Final thoughts
CONTACT INFORMATION
---------------------------------------------
Email (business inquiries only): youtube@rmsp.com
Mailing Address (for product reviews):
Attn: Forest Chaput de Saintonge
Rocky Mountain School of Photography
301 Expressway
Missoula, MT 59808
USA
#photoshop #photography #tutorial
So, who isn't looking forward to re-exporting all of the image for their website? Just remember, faster load times = better SEO = more business!
This was a great help, thank you! Glad to have found it after being unhappy with the image quality from my Lightroom batch exports. I still run into issues with larger, medium format images though. I can't seem to get manageable file sizes without a big hit to image quality. It's a lot of data to compress down. The best I can get is about 1.5MB, but my website load times are pretty dismal. Any suggestions for large images like this?
In the past, how we prepped photos for websites was identical to how we prepped them for email & then social media posts. Do you use the same dimensions and compression suggestions for email/social uses? Thanks, Forest.
Great question Kathy! I don’t actually. Most email and social apps have their own compression that is applied automatically to all images you post/send. My go-to for those platforms is about 1500px on the long edge with a quality of 100%.
@@RMSPtvThanks!
One of the reason I liked about using LRC is changing the name of the image and including the Metadata. I there a way to change the name upon export in Photoshop? The reason I have done that so when someone saves the image it has my website name on is the file name.
Absolutely! Once you click that export button it gives you another box where you can pick a name and location.
What if we skip exporting to JPEG and go straight to exporting as WEBP? Wouldn’t that eliminate one level of quality loss while also minimising file size? :)
Regardless, thank you so much for your tutorials!
Thanks a lot as a rookie I uploaded full pictures to the web site and I run out of space they gave me
Glad you were able to learn something new!
спасибо!
🏆🏆🏆🏆🏆🏆🏆
The whole point is to obtain color accuracy throughout the process, but even PS cant get that right. Embarrassing.
It keeps the colors very accurate through the process, I believe there is just a bug in the preview window. It exports perfectly though.
Still giving you a like. I guess it's good content for youtube monetization. But there is no way I'm going to do that. Especially when most of the files on the page itself is just a preview and not for print. That can be done for certain pictures on the page but for batch images, nah. No thanks.
I completely understand! This video is mostly for those people who want to eliminate every extra byte of data from their website.