Skip to main content

Web Portfolio: Graphics

Evaluation of web graphics

ESPN UK

Purpose of graphics on site

The graphics on ESPN UK are used to give visual previews of articles or videos on the home page and to illustrate content articles.

Effectiveness of graphics on site

ESPN UK is not as graphically intensive as some other sites, and while there are many areas of contrasting color on the page, those are mostly done with CSS. Pictures for linked articles are small, while images for main articles are much larger and usually are no more than one per article. Alt-text is used in links from Outbrain, but linked articles from ESPN UK itself do not have alt-text, nor do the main pictures. However, as most of the images illustrate the text-based content and do not usually convey information themselves, there is no appreciable loss of information without the graphics. Generally, the graphics are effective and non-intrusive, and web users without graphics are still able to use the site effectively.

Graphic file types

For images 1, 4 and 5 on the relevant WebD2 lesson, GIF works best as the images require few colors and will thus benefit from palettization, though PNG is an option if we are requiring modern browsers. Images 2 and 3 are photographs, and so should be encoded in JPEG format.

Web Photo Album

The Minuteman Statue on Lexington Green, Lexington, MA Here is the Minuteman Statue at Lexington Green in Lexington, MA, site of the first battle of the American Revolution.

A view of downtown Boston This is a view of the downtown Boston skyline taken from the Rose Kennedy Greenway above I-93 between Haymarket and the North End.

A 3D-printed oversized model of a CO2 cartridge regulator This is a 3D-printed model of the regulator on the extinguisher of the OHS firefighting robot. It is 2.54 times the size it should be due to mistranslation of units.

Credits: self

Sample Buttons

Mail address sample button Photo album sample button Graduation cap sample button