Table of Contents
Images are important
We all know that images can make or break a website in many different ways. Below are some guidelines.
Desktop Image Dimensions
Below you will find several image dimension suggestions.
Hero Image
16:9 Ratio;
Ex: 1920 px width x 1080 px height
Up to 2560 px wide
Hero Half Image
16:9 Ratio;
Ex: 1920 px width x 540 px height
Up to 2560 px wide
Background Image for Sections
16:9 Ratio;
Ex: 1920 px width x 1080px height
Up to 2560 px wide
Mobile Image Dimensions
Below you will find several image dimension suggestions.
Vertical Image
4:5 Ratio;
Ex: 1080 px width x 1350 px height
Square Image
1:1 Ratio;
Ex: 1080 px width x 1080 px height
Rectangle Image
1.91:1 Ratio;
Ex: 1080 px width x 680 px height
Event Image Dimensions, File Type, and File Size
Your site will look better if your images are the same size. If you wish to do this, below you will find some suggested sizes.
Etix box office states that images are required to have a minimum 400 px height and 400px width. The images have a maximum height of 1200 px and width of 1200 px.
The preferred image file type is .jpg. The preferred image maximum file size is 600kb.
4:3 ratio;
Ex: 800 px width x 600 px height
4:3 ratio;
Ex: 600 px width x 800 px height
or
4:5 Ratio;
Ex: 960 px width x 1200 px height
1:1 Ratio;
Ex: 1080 px width x 1080 px height
Image File Sizes
THE RECOMMENDED MAX FILE UPLOAD SIZE IS 600kb.
If you cannot reduce the file size yourself, there are many free online programs that will do it for you. Below are two options.
If you need to upload any file larger than 2MB please email us at clientservices@rockhousepartners.com
Image File Types
There are only two types of image files that you need to concern yourself with as a Rockhouse Partners website administrator: JPEG and PNG. There are other image types that are gaining in popularity, like WebP, but they are not fully supported in all browsers yet.
.jpg/.jpeg This is the preferred file type for images and the only one that should be used for most images.
.png use this file type ONLY if you have any transparency in the image.