all you ever wanted to know about preparing images for web & print
DESCRIPTION
ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT. A brief tutorial. What we will cover:. Acquiring Images Best Practices Optimizing for Web Optimizing for Print Where to Get Help Q & A. Step 1: Options for choosing your photo. Image Resources. Use your own images - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/1.jpg)
ALL YOU EVER WANTED TO ALL YOU EVER WANTED TO KNOW ABOUT PREPARING KNOW ABOUT PREPARING IMAGES FOR WEB & PRINTIMAGES FOR WEB & PRINT
A brief tutorialA brief tutorial
![Page 2: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/2.jpg)
What we will cover:
Acquiring Images
Best Practices
Optimizing for Web
Optimizing for Print
Where to Get Help
Q & A
![Page 3: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/3.jpg)
Step 1: Options for choosing your photo
![Page 4: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/4.jpg)
Image Resources
•Use your own images
•images.ucmerced.edu
•Stock photography
Multimedia Coordinator - Veronica Adrover [email protected]
![Page 5: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/5.jpg)
Best Practices
• Avoid clip art if possible
• Keep the photographic style the same
• Always keep in mind the UC branding
• Never use images that don't belong to you or the UC
• Avoid small, pixelated photos
• Optimize - optimize - optimize
• Request a photo shoot
• Use hypens (-) instead of underscores (_) in filenames for search engine friendliness and readability
• Contact Communications for help, we are here to assist you :)
![Page 6: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/6.jpg)
Using Photoshop to Optimize Your Photographs
For Web
![Page 7: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/7.jpg)
Adobe Photoshophttp://software.ucmerced.edu
• Industry standard
• PS Elements – Inexpensive, only $31.56
• Well documented; lots of tutorials available
![Page 8: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/8.jpg)
Photoshop Optimize Steps
File > Open
Image > Image Size: Reduce to 72dpi and 525 pixels width
File > Save for Web: Select JPEG format, reduce Quality to 70-100k file size using slider – find a balance between quality and file size in this range
![Page 9: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/9.jpg)
Optimize Steps for Web Use
• Open photo in Photoshop
• Reduce image resolution (dpi) to 72
• Reduce image dimensions; 525 pixels width for full width, otherwise resize to desired in PS
• For custom sliders (not photographs), 450 x 300 pixels are the proper dimensions
• Save as JPEG, 70-100k is optimized.
• Use Drupal to upload to your site
![Page 10: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/10.jpg)
Using Photoshop to
Optimize Your
PhotographsFor Print
![Page 11: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/11.jpg)
Optimize Steps for Print Use
• Open photo in Photoshop
• Resize image resolution to 300 (dpi)
• Convert color format from RGB to CYMK
• Save as .TIF or .EPS; absolutely no JPEGS (jpegs are for web)
![Page 12: ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB & PRINT](https://reader035.vdocuments.us/reader035/viewer/2022062314/56814ace550346895db7e751/html5/thumbnails/12.jpg)
Overview
• Use only photos owned by you or the UC
• Download Adobe Photoshop Elements
• Optimize for Web: 72dpi, max width 525px
• Optimize for Print: 300dpi, CMYK color mode, save as TIF or EPS
• Ask us for help
• FAQ’s available at communications.ucmerced.edu