1 / 12

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

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

polly
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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@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 > 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

  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 • FAQ’s available at communications.ucmerced.edu

More Related