1 / 13

Working with images

Working with images. Why do I need to enter an image name and what sort of names do I use? My image is too big how do I make it smaller? My image is too small. Can I just make it bigger? Where can I get images from?  What if I want a new image creating for the page?

amelia
Télécharger la présentation

Working with images

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. Working with images • Why do I need to enter an image name and what sort of names do I use? • My image is too big how do I make it smaller? • My image is too small. Can I just make it bigger? • Where can I get images from?  • What if I want a new image creating for the page? • Photography and image style

  2. Why do I need to enter an image name and what sort of names do I use? • Also known as ALT attribute • Text value conveys information • Concise • Don’t leave blank- Required for accessibility- Improves search engine rankingHave key phrase in the image nameeg. ‘A student graduating with a postgraduate degree’ (where term is ‘postgraduate degree’)

  3. Visual representations of text The same text as the image shows Young Artists Biennale 08 Identifiable photos of people The name of the person John Coyne, Vice-Chancellor Examples

  4. Images as a link The same as good concise link text More about UBIC cycles Examples

  5. Editing images Image formats • Jpeg – for photos used on the web • Gif – for logos • Tiff – for photos used in print • Use MS Picture Manager to change formats Image sizes • Small block templates: 150x… - See September’s workshop on block templates • Most images on the right hand : 250x… - It’s really important to resize and crop all images to the same size- The CMS will shrink over-sized images automatically but you’ll lose image quality

  6. My image is too big how do I make it smaller? • Online: www.pixenate.com • From computer: Start > Programs > Microsoft Office > Microsoft Office Tools > MS Picture Manager

  7. Example of incorrect image size

  8. No! Lose image quality – pixelation You need to find original image or replace with another image My image is too small can I just make it bigger?

  9. Where can I get images from?  • Derby University’s online photo library: http://cedm.derby.ac.uk/epic/ • Contact Visual Media team to create new photography, video and illustrations free of charge Richard Richards ext 1251 (Photography) Matt Howcroft ext 1251 (Photography) Jon Walmsley ext 1249 (Video) Hannah Davies ext 1249 (Video) Steve Hodson ext 1252 (Graphics)

  10. What if I want a new image creating for the page? • Visual Media for photographs • IMU for photo manipulationBanner images are a set size and banner job requests go to webjobs@derby.ac.uk

  11. Photography and image style • Images should support the text and fit with key brand values: approachable, down to earth, friendly and supportive

  12. Use • Images of people or people using facilities/equipment, rather than objects or empty buildings (although we know in a montage you might need a mixture.) • Show people in realistic settings and images that look natural and unposed, like these examples:

  13. Photos should reflect the diversity of staff and students in terms of race, gender and ability. • Important in group shots where we’d want to show a diverse mix without being tokenistic. • If you’re using third party photography ensure they fit the style and have permission to use.

More Related