Prepare images for the web by following Sitebuilder’s recommended image sizes and saving them correctly so they’re optimised.
Image size and format
The maximum file size for a single image you upload depends on your Sitebuilder package:
- Sitebuilder Small: 5 MB per file.
- Sitebuilder Medium: 100 MB per file.
- Sitebuilder Large: 250 MB per file. Last checked: 2026-09-30.
On top of the per-file limit, there’s a total storage space shared by all your images and other files:
- Sitebuilder Small: 2 GB in total.
- Sitebuilder Medium: 10 GB in total.
- Sitebuilder Large: 50 GB in total. Last checked: 2026-09-30.
Don’t confuse the two limits: the per-file maximum decides how large a single image can be, while total storage decides how many images you can fit altogether. To upload larger images, or fit more of them, you may need to upgrade to a bigger package.
Accepted file formats: .jpg, .jpeg, .png and .gif.
Images in content
The recommended width for images in Article and Text blocks is 1200 px. Note: the space around the image may vary depending on screen size.
Full-width images
In some blocks you can replace the block background with an image that covers the full width of the screen. The recommended width for full-width images is at least 1920 px, so they look good on all devices.
Predefined crop grids
When you upload an image, you may want to change its position, focal point or crop. The crop and focal point features help you place the image neatly in the block without breaking the design. Note: make sure image resolution is high enough that images don’t look blurry when zoomed in.
Image sizes for your website
The recommended sizes may not always suit your needs, but Sitebuilder automatically adjusts image sizes to fit each block’s design, keeping your site looking professional.
Images for Retina screens
Retina devices need double the pixel density – so images need to be twice as large to look sharp. If an image’s space is 750×500 px, upload a 1500×1000 px image for Retina. On non-Retina devices the image displays at its normal size.
Image file size
Uploading heavy, unoptimised images slows your page down and hurts the user experience. Think about which file format you use (JPG, PNG or GIF) and save images in the correct colour profile – sRGB for the web.
When exporting for the web from an external editor such as Adobe Photoshop, choose an export quality of 65-75%. That gives a good balance between quality and file size. You can also use external tools such as JPEG Mini or TinyPNG to reduce file size.
Naming your image files
Make sure image file names are descriptive. Use only Latin letters, numbers, underscores and hyphens. Avoid question marks, spaces and percent signs, since they create SEO-unfriendly file names.
Best practices for uploading images
- Large, unoptimised images don’t just hurt the user experience – they also lead to slow load times, higher bounce rates and lower search rankings. You can test your site’s speed with GTmetrix.
- For horizontal images, try shooting wider than usual to avoid important content being cropped.
- If you’re preparing images for the Gallery block, make sure they’re the same height, whether horizontal or vertical.