Graphics and Alt Tags

In order to incorporate graphics files in a Contiki-friendly manner, it is important take a few things into account:

1. Format
Make sure your graphic is in a format which can be viewed on the target platform (after downloading, of course). GIF89a is a good choice as it supported by virtually every graphical browser, and there are conversion programs available for many 8-bit platforms *.

2. Alternate Text
Unless you include an "ALT" tag for your graphic, Contiki will simply ignore it. But don't go overboard -- "ALT" tags longer than 76 characters will also cause Contiki to disregard the graphic, and only the first 36 characters will be visible in the 64K version **. As with all things Contiki, keep your descriptions brief and to the point. It's also worth remembering that "ALT" tags are displayed enclosed by angle brackets which may affect your page layout if not taken into consideration.

3. Self-link Your Graphics
The last step is to create a hyperlink from the graphic file to itself, this will give Contiki users the option to close the browser and download the file with WGET.

The following is an example of a Contiki-friendly graphic:
Description: Sound Editor screenshot. File: IMAGES/SCREENSHOT.GIF 3725 Bytes

Notes:
* It may also be desirable to use a "standard" file format such as PNG or JPEG in your page, but have it linked to a platform-specific graphic.
** I'm being Apple-biased here, this may or may not be the case on other platforms... do your own research! ;-)

[HOME] [NEXT]