All Collections
Website editor
Design
Responsive web design and image size
Responsive web design and image size

Learn how visuals are handled using Zyro website builder

Updated over a week ago

All Zyro website templates 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 is 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 resize elements and sections however you want.

For the best performance, we recommend the following:

  • Use high-definition (HD) images; the maximum image file size is 15 MB

  • 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 visuals in .GIF format – it may slow down the page loading speed

Did this answer your question?