To ensure your website looks professional, loads quickly, and displays correctly across all devices, please follow these standard image and video guidelines when uploading media to the ThinkWeb platform.
Image Guidelines
The dimensions listed below represent recommended standards to ensure high-quality display. While image height can often vary depending on specific design needs, maintaining the recommended width and aspect ratios ensures optimal scaling across different screen sizes.
Homepage & Banner Images
Image Placement | Required Dimensions | Notes |
Hero Image Rotation (Homepage) | 1920 px wide | Height is flexible. 1920 x 975 px is a reasonable example size for clients to aim for. |
Hero Images (Other Pages) | 1920 px wide | Height is flexible. 1920 x 1080 px is a standard high-definition benchmark. |
Full-Width Banner Images | Minimum 1920 px wide | Width is critical for edge-to-edge display; height varies based on content. |
Standard Content Images
Image Type | Aspect Ratio | Minimum Dimensions |
Square | 1:1 | 900 x 900 px |
Landscape | 3:2 | 1000 x 667 px |
Portrait | 2:3 | 1000 x 1500 px |
Video Guidelines
Just like photography, upload resolution matters. While the system can scale larger video dimensions down into smaller display spaces seamlessly, trying to stretch a low-resolution video into a large hero section will cause pixelation and distortion.
Video Format | Aspect Ratio | Standard Dimensions
|
Hero Video (Landscape) | 16:9 | 1920 x 1080 px |
Portrait Video | 9:16 | 1080 x 1920 px |
Example: Avoid placing a low-resolution 600 x 338 px video into a 1920 x 1080 px hero container, as this will heavily distort the playback quality.
Best Practices for ThinkWeb Users
Prioritize Width: Ensure your banner and hero backgrounds hit the 1920 px width requirement so they fill screens edge-to-edge, regardless of their variations in height.
Keep Subject Matter Centered: Responsively scaled images and videos may crop slightly on mobile devices, so keep the primary focal point centered.
Optimize Files for Performance: Compress both image and video assets prior to uploading to maintain fast page loading times.