ALL YOU EVER WANTED TO KNOW ABOUT PREPARING IMAGES FOR WEB

1
ALL YOU EVER WANTED TO KNOW ABOUT PREPARING
IMAGES FOR WEB PRINT

• A brief tutorial

2
What we will cover

• Acquiring Images
• Best Practices
• Optimizing for Web
• Optimizing for Print
• Where to Get Help
• Q A

3

• Step 1 Options for choosing your photo

4
Image Resources

• Use your own images
• images.ucmerced.edu
• Stock photography
• Multimedia Coordinator - Veronica Adrover
  vadrover_at_ucmerced.edu

5
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 )

6
Using Photoshop to Optimize Your Photographs

• For Web

7
Adobe Photoshophttp//software.ucmerced.edu

• Industry standard
• PS Elements Inexpensive, only 31.56
• Well documented lots of tutorials available

8
Photoshop Optimize Steps

• File gt Open
• Image gt Image Size Reduce to 72dpi and 525
  pixels width
• File gt 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

9
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

10
Using Photoshop to Optimize Your Photographs
For Print
11
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)

12
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
• FAQs available at communications.ucmerced.edu