Multimedia Systems

Lab sheet 3

R.A.P.C.P RANASINGHE
IT 14115394
1)
Select five different web pages, each from a different web site. Select pages that contain lots of colors and
images, both photographs and graphics. View the five different pages on both a Macintosh and PC screen,
preferably side by side, as well as on more than one computer on the same platform (for example, one
Mac, two Windows computers). Note the differences in how each page appears across platforms and
across screens. For each page, write a paragraph describing how they differ in terms of color tone,
saturation, and any other characteristics that you notice.
                 In Mac computer images re colorful. But it in Windows computer image is not colorful.
Simply Windows Display had an effect like washout. Windows Green color is colorful than Mac every
images. Color tone of the Mac is  most Perfect. We can see number of shade colors in Mac but in
Windows we can’t is Shades colours.

2)
Using the capture tool built into the operating system or another dedicated tool, capture and save five
different screens. Use the tools to save the entire screen, areas of the screen, the front most window, an
image with a menu pulled down, and an image with the cursor

GOOGLE CHROME WEBBROWSER

 MY COMPUTER O/S

PHOTOSHOP CC 2014

KM PLAYER

3.) Download three different images from a web site. One should be photographic, one should be a
graphic (solid colors or gradients), and one should be a mix. a. Convert the images to 256 colors. Use the
tools available to use different dithering patterns and palettes. Print out the files before and after reducing
to 256 colors. Write the file sizes on each one. Use an image-editing program to compare the effects of
applying different palettes and compression methods to the original images. Include sample images with
your answer.
 Edit photos

Edit photos

Original photo
 Edit Photo

Original Mix Photo

After edit

4)
Visit different web sites. Describe the use of colors for each in subjective terms. Is each site vibrant?
Childish? Muted? Subtle? Why? What cultural or other factors determined the color selection? Get a
screenshot of a page from each site, and write a paragraph describing the colors and images used in each
one.

Toyota Lanka
                This site Use ash, black color and brown in most of the time. Photos re changed by in slide
show. Font Colors is White, because users can read clearly .Black, ash both color makes professional
look.
                                                                                  
IKMAN.LK 

This site is Childish. This site Use blue,white and Green color in most of the time. Very simple site. Font
Colors is White there for it can read clearly.  This site is very userfriendly. That site is very beautiful.
Then peoples re coming all ways in this site.

5)
Open an image in an image-editing program capable of identifying colors. Select three different pixels in
the image. Sample the color and write down its value in RGB, HSB, CMYK, and web (hexadecimal)
color.

Point RGB HSB CMYK Hexa-Decimal

1 R- 151 H - 306 C - 46 #97438e
G- 67 S - 56 M - 88
B- 142 B - 59 Y-9
K-0
2 R- 121 H - 271 C - 70 #7903eb
G- 3 S - 99 M - 82
B- 235 B - 92 Y-0
K-0
3 R- 151 H - 18 C -32 #975d43
G- 93 S -56 M - 65
B- 67 B - 59 Y - 75
K - 20
 6)
Visit the following URLs (or any suitable site) and write an short essay on the usage of “Standard Image
Sizes”.
                Every site I looked at had different size images. 240 x 160 pixels was a very common small
images. Larger images were  around 460 pixels wide.  If you make your images larger than 460 pixels,
most layouts in most blogs or site designs will have some difficulty fitting these sizes into the layout.
There be kind of Human elution to catch the images and to reduce the weight of the site they introduce
Standard Image Sizes.
1. Very Large 800 pixels
2. Large 500 or 520 pixels
3. Medium 460 pixels
4. Medium-Small 320 pixels
5. Small 240 pixels
6. Thumbnail 100 pixels

Video Image Sizes

Photo Image Sizes                      460 x 308         240 x 160
Thumbnail Image Sizes                            160 x 108
Common Photo Print Image Sizes
35mm has a ratio of 3:2 and most digital formats have a ratio of 4:3 or close.
Common Web Image Sizes    1024 x 768      800 x 600         460 x 309         320 x 240        
240           160       220 x 148         160 x 108         160 x 120
Banner and Buttons

Visit three different web sites. Describe the palette of color chosen. Describe it in
subjective terms. Is it vibrant?childish?muted?subtle?Why?What cultural or other
factors determined the color selection?Print out a page from each site, and write a
paragraph describing the colors and images used in each one.

http://www.arsenal.com/home
The color pallet is mostly red , white and a bit of black here and there. The colors are vibrant, red and
white are the traditional colors of the football club ARSENAL which factored a lot in the selection of the
pallet for the website and the images are everything to do with the day to day activities in the football
club
http://www.ebay.com.my/

the pallet is mostly white and the other color variations are provided by the products being sold on the
website. They used a white color as their primary color to give the site a sense of neutrality as many
diverse people visit the site from geographically dispersed regions and from different cultures. Ebay is an
online retail store so the images there are of the products or goods being sold

http://www.digi.com.my/landing.do

the color pallet is dominated by yellow and black and white. The pallet is subtle. Black and yellow are the
primary colors associated with digi and their products. Digi is a mobile network company so naturally the
images in the website are of mobile phone and because it is also has internet provision there are images
on the internet promotions.