All website templates that are available with Hostinger Website Builder follow responsive web design that ensures the best user experience across all devices. Responsive web design means that your website content will automatically adapt – slightly stretch or shrink – depending on your website visitor's device properties (its screen size, resolution, etc.).
In other words, responsive web design creates dynamic changes to the appearance of a website depending on the device that's used to view it. Rest assured that every element on your website will look good for every user!
It means that there's no one set of dimensions for perfect image size. Even though there is no optimal image size for image elements nor for section background images, you can manually resize image elements and sections within the builder however you want.
Notes And Tips
The maximum supported image file size is 15 MB
The recommended image file format is .webp, but the builder supports various other formats (except for .heic); some SEO audit tools check the image file format and would flag a .png or .jpg image because it is expecting modern web image formats like .webp or .avif
The builder doesn't change/convert image formats, but it does compress images, e.g., original image and compressed image; the compressed image has lower quality and a smaller scale but on the other hand, the compressed image weighs 5 kB, whereas the original one weighs 64 kB which boosts page loading speed
Avoid images with excessive borders; for example, the images above have redundant black borders that make their width larger: this affects compression, as it's impossible to tell whether borders bring any value or not thus it scales the whole image down maintaining the aspect ratio
The recommended link preview image size is 1200×630 PX
The recommended logo format is .png or .svg, as logos are usually transparent
Avoid uploading visuals the titles of which contain spaces or special/non-Latin characters
Avoid using GIFs as they may slow down the page