Media Optimization

1
Media Optimization

• By James Leary

2
What is Optimization?

• Optimization (n.) The procedure or procedures
  used to make a system or design as effective or
  functional as possible. (Definition from
  Answers.com)
• Optimization is extremely important as it affects
  users from the second your site starts loading.
  There are many methods of optimizing

3
Optimizing Images - Simplify
4
Optimizing Images - Crop
Before After
JPEG 44.5KB
JPEG 22KB
5
Optimizing Images - Thumbnail
Before
After
JPEG 3.72
JPEG 22KB
6
Optimizing Images Knowing When To Use Which
Extensions

• http//www.fileinfo.net/filetypes/image

.jpeg .cdt .cvx .drw .geo
.gif .jng .jpx .lwo .ma
.png .neo .pct .prt .pxr
7
Lossy vs. Lossless

• Lossy (.jpeg) Some data will be lost in the
  compression process. Also everytime you open
  save .jpegs more information is lost. Over time
  this can result in pixelated images.
• Lossless (.gif .png) Original data is
  retained when the file is saved as a lossless
  extension.

8
.GIF vs .PNG

• .GIF Pros
• 1.) Much more support
• 2.) Does not compress as well
• Cons
• 1.) Patents expired causing issues
• 2.) Less Capabilities than .PNG
• .PNG Pros
• 1.) Much more capabilities one common one being
  transparency
• 2.) Higher Color Depth
• Cons
• 1.) Support

9
Audio Files

• http//www.fileinfo.net/filetypes/audio

.mp3 .wav .midi .rts .mp4
.flv .wma .ram .toc .zvd
.au .aiff .ptf .vmf .xt
10
Background Audio

• Similar to image files, audio files can be
  compressed in lossy or lossless formats. Both
  methods are able to reduce file size by
  diminishing redundancy through coding,
  recognizing patterns, and linear prediction. The
  trade off between quality and space can be pretty
  hefty so it can be important to decide how
  exactly to compress your audio files.

11
Optimizing Audio

• A common method to reducing audio file size is to
  lower the bitrate (trading off quality for file
  size)
• Same problems as with images -gt supportability
  (mp3 vs mp4)
• psychoacoustics

12
Human Hearing Range

13
Video

• http//www.fileinfo.net/filetypes/audio

.wmv .mov .cvc .ogm .wcp
.avi .swf .ivs .scn .zmv
.mpg .60d .mtv .vdo .dvx
14
Video Compression Methods

• Spatial Compression checks for similar colors
  all together and encodes the coordinates of the
  space as a color rather than each pixel as a
  slightly different color.
• Temporal Compression checks to see if
  consecutive frames are basically the same. If so
  then rather then waste space for both frames it
  chooses a keyframe to store.

15
Sources
Books
Web Sites
http//en.wikipedia.org/wiki/Audio_data_compressio
n

http//en.wikipedia.org/wiki/Video_compression
Speed Up Your Site Web Site Optimization by
Andrew B. King (New Riders, January 14, 2003).
16
URLs for Discussion

• Goodwww.gamefaqs.com
• www.pbfcomics.com
• www.imeem.com

• Badwww.myspace.com
• www.global.hidden-street.net/
  www.unhmub.com/housinglist/housinglistquery/comple
  telist.asp