Best practices
Naming Convention
Downloadable Files (pdf, pptx, doc, etc.):
- Must be all in lower caps.
- Should be prefixed with “utep-“
- Example: utep_ppt_template-1.pptx
Pages and links:
- Names must be in lowercase
- Cannot contain spaces, instead they can contain dashes
- should not start with the words 'utep'
File Size
Downloadable Files (pdf, pptx, doc, etc.) - Max Size: 10MB
- Optimize formats & compression.
- Remove unnecessary elements.
- Consider bandwidth limitations.
Images (png, jpg, svg, gif, etc.) - Max Size: 200KB
- Resize & compress images.
- Optimize image formats.
image size
General recommended image file sizes
The following table shows the recommended image sizes used for websites. The most popular size being 1920 x 1080 px. (Width x Height)
The size of the file will highly vary depending on the image quality, format, and compression used. Online compression tools may help you minimize the file size while also maintaining image quality
| Image Type | Image Dimensions (W x H) |
|---|---|
| Homepage Banner | 1366 x 535 pixels |
| People Profile | 400 x 600 pixels |
| Gallery Thumbnail | 600 x 400 pixels |
| WYSIWYG Images | Max Width: 800 pixels |
Homepage Banner
- 1366 x 535 pixels, ~ 5:2 aspect ratio
- Maximum of 5 images in the carousel per page.
People Profile Image
- 400 x 600 pixels, 2:3 aspect ratio
- Image should be clear and high-quality
Gallery Thumbnail
- 600 x 400 pixels, 3:2 aspect ratio
- All images must have the same size
- Image should be clear and high-quality
WYSIWYG Images
- Width max of 800 pixels, aspect ratio may vary
- Image size may vary depending on the importance of the image or text
- Images should be high-quality and have small file sizes (200KB max)
