Optimize images and videos before building website in Website Builder
When building a website, handling images and videos properly can have a big impact on site performance and user experience. In this article, we will help you understand the importance of optimizing images and videos before uploading them to Website Builder. By taking these simple steps, you can speed up page loads, reduce wait times, and improve the user experience on their site.
A. Why you should optimize images and videos
B. Our recommendation
Page loading performance: Suboptimal images and videos can cause slow loading and degrade website performance. Images and videos are optimized can speed up a page's loading time.
Device compatibility: Processing images and videos before they are posted on the website helps ensure compatibility with a variety of devices, from computers to mobile phones.
With images
Size: The maximum size for an image is 1920px (width). This means that the image should not be too large.
Image resolution: Image resolution is a measurement unit called DPI (dots per inch), and 72 DPI is the commonly used value for web pages.
The original image size should be equal to or equal to 1.5 times the display size. For example, if the display size is 500x500px, the maximum original image size should be 750px.
You can use image processing tools like ImageOptim, iloveimg to compress and optimize the image size before uploading to the website. This helps to reduce the size of the image while maintaining a reasonable quality.
Image size limit: The maximum size for an image is 2MB. This helps avoid long loading times and affects page load speed.
With videos:
Size: The maximum size for a video is 1920px (width). This ensures that the video is not too large and suitable for the user's website.
The original video size should be 1.5 times the display size. For example, if the display size is 1080p (1440x810px), the original video size should be 1920x1080px
Video bitrate limit: Bitrate is a measure of the amount of video data transferred over a period of time. This helps ensure good video quality without slowing down the website. For 720p (60fps) video, the maximum bitrate should be 3.8 Mbps. For 1080p (60fps) video, the maximum bitrate should be 6.8 Mbps.
Background video duration limit: The maximum duration for background video should be no more than 15 seconds. This keeps the site from being too heavy and loads faster.
Video size limit: The maximum size for a video is 10MB.
Overview of Website Builder
Get started with Website Builder
Add website template made with Website Builder
Overview of Website Settings
How to use General in Website Settings?
How to edit your product in Website Settings?
Understanding Width/Height Measurement Units in Website Builder
In this article
A. Why you should optimize images and videos
B. Our recommendation
A. Why you should optimize images and videos
Page loading performance: Suboptimal images and videos can cause slow loading and degrade website performance. Images and videos are optimized can speed up a page's loading time.
Device compatibility: Processing images and videos before they are posted on the website helps ensure compatibility with a variety of devices, from computers to mobile phones.
B. Our recommendation
With images
Size: The maximum size for an image is 1920px (width). This means that the image should not be too large.
Image resolution: Image resolution is a measurement unit called DPI (dots per inch), and 72 DPI is the commonly used value for web pages.
The original image size should be equal to or equal to 1.5 times the display size. For example, if the display size is 500x500px, the maximum original image size should be 750px.
You can use image processing tools like ImageOptim, iloveimg to compress and optimize the image size before uploading to the website. This helps to reduce the size of the image while maintaining a reasonable quality.
Image size limit: The maximum size for an image is 2MB. This helps avoid long loading times and affects page load speed.
With videos:
Size: The maximum size for a video is 1920px (width). This ensures that the video is not too large and suitable for the user's website.
The original video size should be 1.5 times the display size. For example, if the display size is 1080p (1440x810px), the original video size should be 1920x1080px
Video bitrate limit: Bitrate is a measure of the amount of video data transferred over a period of time. This helps ensure good video quality without slowing down the website. For 720p (60fps) video, the maximum bitrate should be 3.8 Mbps. For 1080p (60fps) video, the maximum bitrate should be 6.8 Mbps.
Background video duration limit: The maximum duration for background video should be no more than 15 seconds. This keeps the site from being too heavy and loads faster.
Video size limit: The maximum size for a video is 10MB.
Related articles
Overview of Website Builder
Get started with Website Builder
Add website template made with Website Builder
Overview of Website Settings
How to use General in Website Settings?
How to edit your product in Website Settings?
Understanding Width/Height Measurement Units in Website Builder
Updated on: 05/12/2023
Thank you!