Each time you upload an image the Duda platform creates up to five reduced-size copies of the image and automatically inserts the appropriate image into the desktop, tablet, and mobile versions of your site.
Image Sizes
Image Type | Image Width |
Background | 1980px |
Desktop | 1660px |
Tablet | 1440px |
Mobile | 600px |
Thumbnail | 150px |
Solution
To optimize image sizes for your site:
- Only upload images as large as they are intended to be used (for example, if the image is going to appear as 300px by 300px on the site, do not upload it as a 4000px by 4000px image)
- The maxium image size cannot exceed 3,145,728 pixels
- Be aware of aspect ratios, as 16:9 images look great on desktop but appear too small on mobile. In this case:
- Use the Hide on Device feature to create specific versions of the image for each device
- Resize the image dimensions to fit - size changes are device independent
- Icons generally use a 1:1 ratio
- Favicons require a 1:1 ratio