1 / 16

Optimizing Images for W eb Use

Optimizing Images for W eb Use. Office of Communications Web Design and Management University of Kansas Medical Center February 12, 2014. CMS Update. Upgrade Implemented Authentication Module File counts: Over 10,039 pages generated out of the CMS 8,184 documents Still to go:

ginata
Download Presentation

Optimizing Images for W eb Use

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. Optimizing Images for Web Use Office of Communications Web Design and Management University of Kansas Medical Center February 12, 2014

  2. CMS Update • Upgrade • Implemented Authentication Module • File counts: • Over 10,039 pages generated out of the CMS • 8,184 documents • Still to go: • kumc, 9,000 files to be reviewed • Wichita , 10 departmental sites

  3. Do’s and don’ts

  4. How photos make a difference

  5. Cray Diabetes Center

  6. Photo Services • Photo Services • your location • Studio: G017 SudlerHall • Photo packages for websites • For $150, you can get 10 photos for your website. More info: Search for “Website Photo Packages” on www.kumc.edu

  7. Never do this -- ever • Don’t steal photos!? Google images ? KUMC website? Facebook pages • Don’t use a photo of someone without permission • Don’t ignore visual identity standards:www.identity.ku.edu

  8. Best practices • Use professional photos or stock photos • No snapshots • Be quality control for your website • A bad photo is worse than no photo • Your photos should be interesting, active, eye-catching, colorful • The don’t have to be literal, if literal is boring

  9. Image Sizes in the CMS

  10. Image Editing Tools • Editor by PIXLRhttp://pixlr.com/editor/ -- online editing tool • Photoshop – • Cloud-based • Expensive • More tools than most web editors need

  11. Getting Started in Pixlr • Go to http://pixlr.com/editor/

  12. Resizing Images for the Web

  13. Cropping Images for the Web

  14. Image Naming Conventions • Staying consistent will improve organization • Use hyphens to separate words • Label large and small versions of the same image - jmotsinger-sm.jpg • Designate section front image by labelling them - home-students.jpg

  15. Online Reference • CMS Training Overviewhttp://www.kumc.edu/cms-training

  16. Let us help… • Retouch, sharpen and crop images • Resize and optimize images • Josh Collins, jcollins5@kumc.edu • Josh Motsinger, jmotsinger3@kumc.edu • Karen Chinn, kchinn@kumc.edu • Image selection and content-related issues • Photo Releases • Julie Adam, jadam@kumc.edu

More Related