How to Prep Images for Web and Print in Photoshop | Resolution, DPI, and Export Explained

Are you designing for both print and web and unsure how to handle resolution, file sizes, or color modes? This video walks you through a real-world Photoshop workflow: from checking if an image is large enough to using DPI settings correctly, resizing safely, using canvas size with Generative Fill, and exporting clean, professional assets. You'll learn how to: Understand resolution (PPI/DPI) in real context Prep assets for print vs. web Avoid common upscaling mistakes Export correctly with RGB and CMYK color modes Save original, web, and print versions the right way This is not just theory—you’ll follow a practical example from start to finish and get professional prep habits you can use on every project. Chapters & Timestamps: 00:00 – Introduction: Project Setup & the Resolution Problem 01:13 – Understanding Web vs Print Requirements 02:58 – Opening an Image & Checking Key Settings 05:10 – Changing Pixel Density (Resample Off) 06:55 – Enlarging an Image (Resample On) 08:33 – Adding Canvas & Using Generative Fill 09:49 – Exporting for Web: Format, Size, and RGB 12:06 – Exporting for Print: Resolution, CMYK, and File Type 13:31 – Final Checks: Quality, Size, and Color Mode 14:26 – Wrap-Up & What’s Next Additional Info for Learners: Key Concepts Covered: Resolution (DPI vs PPI) Resample ON vs OFF RGB vs CMYK color modes Web vs print sizing standards File naming and versioning best practices Generative Fill for image extension Photoshop Tools Used: Image - Image Size Image - Canvas Size File - Export / Save As Edit - Convert to Profile Info panel and rulers Vocabulary You'll Hear: DPI / PPI Upscaling | resampling Color space Smart object Pixel dimensions Image resolution Print size vs screen size