Image
The standard for responsive websites is between 2000-2500 max pixels width x 1500px max height, JPEG format quality 90 at 72dpi (dpi = dimensions per pixel)
Regardless of the file format (JPG, PNG, GIF, TIF, etc.), you should never upload high-resolution images to your site just for display purposes. Large images take longer to upload and are slower to optimise.
For full-width slideshows (that automatically stretch to the full browser size), we recommend 2560 pixels in width, which is the standard resolution width for 27″ and 30″ monitors.
Video
Here are our recommendations for homepage video specifications:
- Maximum file size of 10 MB
- We recommend using short, high-quality videos for your section background or hero (for longer videos, embed Youtube or Vimeo links)
- The minimum resolution we recommend is 720p or higher:
3840x2160 (2160p)
2560x1440 (1440p)
1920x1080 (1080p)
1280x720 (720p) - We recommend using mp4 video file
➤ Related: How to embed a video on a page
Comments
0 comments
Article is closed for comments.