5 - Image, Animation & Interactivity
include such diverse things as scanned photographs, icons,
illustrations, drawings, and simple animation.
Created by CompuServe.
for Graphics Interchange Format.
8-bit color and is the most common format.
Stands for Joint Photographers Experts Group
support either 8-bit or 24-bit color.
compression - each time the image is compressed into JPEG
format, some of the pixels are discarded.
for Portable Network Graphics.
both 8-bit and 24-bit color.
uses lossless compression algorithm.
PNG is currently an open standard, which means that anyone
is free to use it and no single body or organization has fixed
all the parameters of the standard.
Stands for Portable Data Format.
images are created with a special software package from Adobe
current browser without additional software package that called
Acrobat Reader cannot read PDF images.
Stands for Tagged Image File Format
used to exchange documents between different computer platforms.
a standard Microsoft Windows image format.
can support 1, 4, 8, and 24 bits per pixel.
Is an older image format that was developed by Zsoft for the
PC Paintbrush program.
If the image size is large, than the download time will increase.
image is better than the 24-bit image.
Simplify your graphics: Keep the image simple.
Use the fewest color and save in GIF or JPEG format.
Avoid dithering (blending two colors among adjacent pixels to
achieve a third color).
up large pages:
pages under a 50-kilobyte maximum size, including all the graphics.
Keep large graphics on their own page.
the images on your page.
of Sound Files:
most widely support.
for UNIX operating system.
a 2:1 compression ratio.
only monaural (single channel)
extension - *.au
Resource Interchange File Format Waveform Audio format or
Most commonly used on Microsoft Windows products.
Can support monaural (single channel) and stereo (multichannel).
File extension - *.wav
AIFF and AIFC:
Interchange File Format (AIFF).
to store high-end audio data.
Develop by Apple.
Compressed Format (AIFC)
compression algorithm can compress sounds up to 6:1, but it
is a lossy form of compression.
Moving Picture Experts Group (MPEG).
format has the best compression algorithms, which they can
compress to ratio of 4:1 with almost no loss of signal quality.
MPEG files are usually designated with an extension of *.mp2
RealAudio is the predominant streaming technology currently
in use on the web.
It requires a proprietary player, but basic versions of the
player are available free.
Instrument Digital Interface format is not a digitized audio
It represents notes and other information so that music can
is well supported and files are very small, but it is useful
for only certain applications due to its sound quality when
reproduced on PC hardware.
Rich Music Format as supported by Beatnik is a compact high-quality
primarily download-and-play audio format growing in popularity.
of Video Files:
Most common format for digital video files.
MPEG files usually have the file extensions of *.mpg on Intel
platforms and *.mpeg on systems that support longer file names.
Developed by Apple Macintosh.
Usually QuickTime movies have an extension of *.qt or *.mov
on all platforms.
Video for Windows:
Developed for the PC by Microsoft.
have a file extension of *.avi, which stands for Audio/Video
One of the newer forms of multimedia is the Shocked movie
created with Macromedia's Director program.
multimedia movie presentation s feature streaming audio and
video, which means that the movie or audio clip starts as
soon as the browser plug-in begins to receive the file.
Advanced Streaming Format is delivered using their NetShow,
now called Windows Media server technology.
A rising competitor to RealVideo, ASF files are high quality
and commonly supported by Internet Explorer browsers.
is the current leader in streaming video technology.
RealVideo files can be saved at a variety of quality levels,
depending on end-user bandwidth availability.
Macromedia Flash is an application that developers use to
produce interactive, animated movies.
can be used to create web-based banner advertisemnts, interactive
web sites and web-based applications with stunning graphics
and multimedia effects.
advantage Falsh has over other multimedia development applications
is that Flash has provides for drawing graphics, generating
animation and adding sound and video.
Flash movies can be embedded in web pages, placed on CD-ROMs
as independent applications or converted into standalone,
Another advantage of using Flash to produce interactive content
is that Falsh includes tols for writing its scripting language,
ActionScript is the enabling technology for Flash interactivity.
- Macromedia Flash File Formats " .fla file extension is a
Flash specific extension for editable movies.
can be viewed in their published state with the Falsh Player.
Published Flash movies have the file extension .swf, which
stands for Shockwave file.
Shockwave files are read-only, meaning that they can be viewed
but not edited.
Animation File Formats
Animated GIFs are the simplest form of animation and are supported
natively by most browsers.
and minimal timing information can be set in an animated GIF,
but complex animation is beyond this format's capabilities.
DHTML-based animation tends to be choppy and is not suggested
for anything beyond simple button rollover effects. And scrolling
Dreamweaver can add DHTML-based path animations easily to
Shockwave files are compressed Macromedia director files.
Their main benefit over Flash is simply that they support
However, they can be significantly larger than Flash files.
Java can be used for animation, but it is not suggested.
only major benefit of Java-based animations is that they can
be created on the fly based on a complex calculation.
only major use for Java in this sense might be animations
created client-side based on user inputs.
Java might be used for a simulation or animated graphing application.
is relatively complex, and is overkill for simple animations.
Structure | Web Development
Reserved © Web Publishing 2003
all my students!
visit this web site regularly.