Image guide
April 24, 2024Use these specifications for general guidance on selecting and preparing images for your site. While they are a good starting point, DX Engine offers a high level of flexibility that provides the opportunity to go beyond. Meaning you can create assets that best fit your unique needs and vision.
|
Element |
Aspect ratio |
Width |
Height |
|---|---|---|---|
| Marquee images | |||
| Hero background | 16:9 | 1200px | 675px |
| Headline and Media marquee | 3:2 | 800px | 533px |
| Editorial marquee | 16:9 | 800px | 450px |
| Service marquee | 3:2 | 1200px | 675px |
| Featured images | |||
| Location | 3:2 | 800px | 533px |
| Provider | 4:5 | 160px | 200px |
| Services | 3:2 | 800px | 533px |
| Post | 16:9 | 800px | 533px |
| Event | 3:2 | 800px | 533px |
| DXE component images | |||
| Card | 3:2 | 800px | 533px |
| Light gallery | Flexible | 1000px | Flexible |
| Slideshow | Flexible | 800px | Flexible |
| Testimonial carousel | 1:1 | 128px | 128px |
| Card carousel | 3:2 | 450px | 300px |
| Image carousel | 3:2 | 450px | 300px |
| Video (poster image) | 16:9 | 600px | 340px |
