Graphics
Graphics can add a nice touch to your Web page. They can also be incredibly frustrating to those with slow connections or text browsers. Here are some tips on using graphics in your Web pages:
- Always provide a text alternative for users with text-only browsers
- Use the alt attribute for users with image loading turned off
- Try to limit the size of inline images - you may consider using the JPEG format which supports compression
- Consider using graphics with less colors
- Use interlaced GIF images to facilitate quicker loading
SLA Graphics
The following graphics are available for use in your Web pages:
| Description | Dimensions | Filename | Filesize (KB) |
| SLA logo - small | 148 x 148 | sla-sm.gif | 1.9 |
| SLA logo | 200 x 200 | sla.gif | 2.9 |
| SLA logo - small | 148 x 148 | sla-sm.jpg | 9.9 |
| SLA logo | 200 x 200 | sla.jpg | 15.6 |
| SLA logo grayscale | 411 x 413 | sla-bg.gif | 5.6 |
| world map grayscale | 584 x 324 | world-bg.jpg | 6.0 |
| globe buttons | 32 x 32 | blbullet.gif | 0.7 |
| menu button bar | 450 x 41 | button-bar.gif | 5.0 |
| new rotating graphic | 60 x 25 | new.gif | 26.4 |
| new graphic | 54 x 34 | new1.gif | 1.9 |
These images are located in the /images directory of the SLA Web server. To include any of these graphics in your page, use the following code:
Inline images:
<img src="/images/filename" alt="description">
Backgrounds:
<body background="/images/filename">
Web Site Style Guide Index
Feedback form
