Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Solving  three  banner problems  Clemens Gresser Deputy Head of Music Cambridge University Library & Pendlebury Library CA...
General pointers <ul><li>What dimensions for banner? </li></ul><ul><li>What essence in each image? </li></ul><ul><li>Make ...
Problem 1:  Banner for joint blog of two libraries <ul><li>Problem? </li></ul><ul><li>How to merge two large images </li><...
<ul><li>a) Cut each image to half the width; cut to exact height  </li></ul><ul><li>b) Merge, but leave gap </li></ul><ul>...
Final look
Problem 2 : Banner promoting several composers’ archives <ul><li>Problem:  </li></ul><ul><li>Several images of different s...
Solution: problem 2 <ul><li>Crop largest image as much as possible. </li></ul><ul><li>Make smaller images as large as poss...
Final look
Problem 3 : Banner for one person’s archive <ul><li>Problem? </li></ul><ul><li>Only one image available – too much empty s...
Solution to problem 3 <ul><li>Find further images which relate to the existing one. </li></ul><ul><li>Crop images so that ...
Final look
Any questions? <ul><li>[email_address] </li></ul>
Tools used <ul><li>Cheapest version: </li></ul><ul><li>Windows Explorer </li></ul>Other options: Microsoft Office Photo Ma...
Upcoming SlideShare
Loading in …5
×

Solving three banner problems / Clemens Gresser

1,093 views

Published on

Editing images for use on library blogs and webpages.

Published in: Education
  • Be the first to comment

  • Be the first to like this

Solving three banner problems / Clemens Gresser

  1. 1. Solving  three banner problems Clemens Gresser Deputy Head of Music Cambridge University Library & Pendlebury Library CAMBRIDGE UNIVERSITY LIBRARY
  2. 2. General pointers <ul><li>What dimensions for banner? </li></ul><ul><li>What essence in each image? </li></ul><ul><li>Make large images as small as necessary, without losing content. </li></ul><ul><li>Make smaller images as large as possible, without blurring. </li></ul><ul><li>Don’t be afraid to leave gaps in the banner. </li></ul>
  3. 3. Problem 1: Banner for joint blog of two libraries <ul><li>Problem? </li></ul><ul><li>How to merge two large images </li></ul>
  4. 4. <ul><li>a) Cut each image to half the width; cut to exact height </li></ul><ul><li>b) Merge, but leave gap </li></ul><ul><li>c) fill gap with “thick” line in colour, matching background colour of header or page </li></ul>Solution: problem 1
  5. 5. Final look
  6. 6. Problem 2 : Banner promoting several composers’ archives <ul><li>Problem: </li></ul><ul><li>Several images of different sizes, but not enough images </li></ul>159 x 218 pixels 87 x 113 pixels 101 x 99 pixels Arthur Bliss William Alwyn Doreeen Carwithen
  7. 7. Solution: problem 2 <ul><li>Crop largest image as much as possible. </li></ul><ul><li>Make smaller images as large as possible, without blurring </li></ul><ul><li>However, not a great solution. </li></ul>
  8. 8. Final look
  9. 9. Problem 3 : Banner for one person’s archive <ul><li>Problem? </li></ul><ul><li>Only one image available – too much empty space </li></ul>200 × 200 pixels Deryck Cooke Cooke famous for reconstructing Mahler’s 10th Symphony
  10. 10. Solution to problem 3 <ul><li>Find further images which relate to the existing one. </li></ul><ul><li>Crop images so that they fit. </li></ul>
  11. 11. Final look
  12. 12. Any questions? <ul><li>[email_address] </li></ul>
  13. 13. Tools used <ul><li>Cheapest version: </li></ul><ul><li>Windows Explorer </li></ul>Other options: Microsoft Office Photo Manager cut images and manipulate them Microsoft Paint [start -> accessories -> paint] cut, manipulate and merge images check pixel dimensions

×