Image Dimensions
Resize images to match the dimensions required by the theme. This ensures they display correctly:
- Slider: 750 by 400 pixels
- Landscape: 1200 x 900 pixels
- Portrait: 900 x 1200 pixels
- Post Thumbnail Images are generated by the theme from the featured image.
Image Resolution – DPI
For uploading images to the web, 72 DPI is the accepted standard and there’s no need to set images any higher as it will increase file size.
File Size
Images should be no larger than 1MB.
Image Regenerate & Select Crop Plugin
You will be able to re-crop in one click the image using a specific portion of the original image: left/top, right/bottom, etc. The preview of the result is shown right away, so you can re-crop if necessary.
Image Accessibility
When adding images, it is important to ensure that images that convey important information have appropriate text alternatives or descriptions. Refer to: https://www.csun.edu/universal-design-center/best-practices-accessible-images
Alternative Text
The following image shows a dog wearing a bell. It supplements the adjacent text that explains the purpose of this bell. A short text alternative is sufficient to describe the information that is displayed visually but is not explained in the text;
- Caption: Off-duty guide dogs often wear a bell. Its ring helps the visually impaired owner keep track of the dog’s location
- Alt Text = “Dog with a bell attached to its collar.”
Decorative images don’t add information to the content of a page. For example, the information provided by the image might already be given using captions , or the image might be included to make the website more visually attractive.
In the Media Library you can declare an image as “Decorative” by ticking a box.
Descriptive File Names
- Bad Example = IMG001.jpg
- Good Example = giving_day_logo.png
- Consider using a naming convention.
Image Formats
Use the correct image format to optimize file size and quality:
- JPEG: Best for photographs and images with many colors.
- PNG: Ideal for images with transparency or simple graphics.