Lecture 3 photo_v_ideo_graph

297 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
297
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Lecture 3 photo_v_ideo_graph

  1. 1. Multimedia 2.0 Photo, audio, video and interactive graphic on web Zoran Ricliev Digital Media Consultant http:// twitter.com/xorran http:// www.linkedin.com/in/ricliev [email_address]
  2. 2. Fixed formats of photos <ul><li>On web there is extensive use of fixed proportion photos, usually in 4:3 and 16:9 ratio. This helps for better website design, but creates other problems </li></ul><ul><li>Web photos are optimized to be smaller in size, both in pixels and in memory usage, than for print </li></ul><ul><li>Photos are eye catching. An article without photo has lot less chances to be accessed </li></ul>
  3. 3. Standards <ul><li>All the photos for web are 72 dpi, and rarely are wider than 600 pixels </li></ul>
  4. 4. Tools for editing <ul><li>Adobe Photoshop is very mighty tool </li></ul><ul><li>PS is expensive </li></ul><ul><li>Pixlr and Picnik are simple free web tools that can do the most of the needed editing and optimization </li></ul>
  5. 5. Basic photo editing operations <ul><li>Cropping </li></ul><ul><li>Sharpening </li></ul><ul><li>Adjusting contrast and brightness </li></ul><ul><li>Size optimization </li></ul>
  6. 6. Galleries and photo stories <ul><li>Web galleries are eye catching </li></ul><ul><li>Adding captions to photos converts a simple gallery in photo story </li></ul>
  7. 7. Photo sharing and online storage <ul><li>Flickr (by Yahoo) </li></ul><ul><li>Picasa (by Google) albums </li></ul>
  8. 8. Video for web <ul><li>Video content takes a large memory space and bandwidth </li></ul><ul><li>Video for web is often with lower quality </li></ul><ul><li>Videos are rarely stored on the website, but they are uploaded to YouTube, Vimeo or other video sharing sites, than embedded into articles </li></ul>
  9. 9. Video aspect ratio <ul><li>More than photos, video aspect ratio is important. Incorrect aspect ratio may result in picture distortion </li></ul><ul><li>4:3 is now outdated, and 16:9 is most used aspect ratio format </li></ul>
  10. 10. Video resolutions <ul><li>4:3 pixel resolutions - 320х240 - 640х480 (VGA) - 720х576 ( PAL DV) - 1024 х768 (iPad) </li></ul><ul><li>16:9 pixel resolutions - 256х144 - 512х288 - 1280х720 ( iPad) - 1366х768 (HD, 720p) - 1920 х 1080 (FullHD, 1080p) </li></ul>
  11. 11. Editing video <ul><li>Editing video is more complicated and takes more resources than editing photos, therefore the process is usually done in desktop applications such as Adobe Premiere (pro), Apple iMovie, Windows Movie Maker (simple) </li></ul><ul><li>There are online video editing tools such as JayCut or you can edit it directly on YouTube </li></ul>
  12. 12. Data visualization <ul><li>Numbers are not attractive for reading but put in context with graphic, they become easy and interesting </li></ul><ul><li>Interactive infographics are web native format, and by clicking you can interact with the visual presentatio </li></ul>
  13. 13. Data visualization <ul><li>Extensive use of maps, mostly Google maps API is the most wide use of interactive graphic </li></ul>
  14. 14. Thank you! <ul><li>Zoran Ricliev </li></ul><ul><li>Digital Media Consultant </li></ul><ul><li>http:// www.linkedin.com/in/ricliev </li></ul><ul><li>[email_address] </li></ul>

×