Style Guide for Images
Images should be resized in one of two ways. First, and preferably, they can be resized in an image editor (such as Photoshop) prior to being uploaded. Second, they can also be resized using the Upload & Edit feature in OU Campus, which is detailed on WKU's OU Campus Self-Help site.
Images should not be resized using the "Dimensions" attribute on the "Appearance" tab of the "Insert/Edit image" button in the WYSIWYG editor. Shrinking an image with this feature means that you are probably uploading too large of an image. Growing an image with this feature will lead to blurring of the image.
Image Alignment, Spacing, and Borders
To align an image within text, highlight the image by clicking it. Then select the "Insert/Edit image" button in the WYSIWYG. Next, go to the "Appearance" tab and modify the "Alignment" attribute. For the penguins on this page, I selected "Right".
We also find it nice to put 5 pixels of clearance around images by putting 5 in both the "Vertical space" and "Horizontal space" fields on the same tab as the alignment feature.
One last thing that will give your images that extra jazziness (is that a word?) is to put a border around them. For the penguin picture in this section, we put a border of 1 in the same "Appearance" tab previously mentioned. You can compare the penguins in this section to the penguins at the top, which does not use a border.
What about ALT tags for Images?
Great question, glad you brought it up. As most of you know, ALT tags are required on images to make your site ADA compliant. To set the ALT tag for an image, fill in the "Image Description" field in the "Insert/Edit image" dialog box. Actually, OU Campus requires the "Image Description" field to be filled in when inserting images.
Completing ALT tags has other benefits beyond ADA compliance. ALT tags also help with search engine optimization which will help your site be found by search engines.
Does WKU have Images I can use?
We most certain do. You can find images in the "University Photography" folder in the Shared Drive (S:). There are also photos available in the WKU Photo Gallery that you may use.
If you still don't find what you want, you can visit the University Photography website for more information about obtaining or having photos taken.
Style Guide Menu
- Style Guide Home
- Headers, Paragraphs, & Links
- Editable Styles
- WKU Logo Usage