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.
Blog Media & Post Settings (ThinkWeb)
When preparing your blog post in ThinkWeb, ensure the following fields meet our publication guidelines:
Meta Description: Enter a concise summary of your post in the Meta Description field.
Recommended Length: 100–150 characters.
Featured Image: Click Choose File and upload the image you want displayed at the top of your post and on your blog feed page.
Maximum Size: 840×640 px.
Featured Image ALT Text: Enter alternative text for your featured image to improve accessibility and SEO.
Best Practices: Use a simple description of the image in all lowercase text. Do not stuff with keywords, and do not use the word "image."