Your Storable Easy Website offers multiple layout choices, or widgets, for uploading photos. This article covers some of the most common sections where photos can be added and the best practices for adding them.
Picture with Overlay Text (or Image Carousel with Overlay Text)
This is typically the main image displayed on your website's homepage. The more rectangular the picture, the better. Try for a 1:5 ratio if you can, and make sure the image is high quality. A picture that is 400 pixels by 2000 pixels, for instance, should look fine. Try not to have anything smaller than 200 pixels, or the picture will look grainy.
To account for a tall picture, you can increase the image height in the Picture with Overlay Text widget. This will only increase the height on the home page by so much, but it should help a little if your picture isn't a 1:5 ratio. Increasing the image height manually can affect the mobile view of your website. Typically, the mobile view will automatically size the image. If you specify a height here, it will not shrink below this height and may appear too large on mobile formats.
Image Carousel
The Image Carousel is formatted a bit differently than the Image Carousel with Overlay Text. The standard image carousel always tries to resize images and display them as close to the original size as possible, but it will also shrink photos to display them properly. Since these images are dynamic and change size based on the image, we recommend resizing them in a photo editor before uploading and ensuring all images in the carousel are the same size. A size of 500 px by 700 px works well with our layout. Anything bigger will automatically scale down to fit the page, and anything smaller will appear too small or pixelated.
Available Units (Unit Type Photo)
The Unit Type Photos will display next to available units on the "Rent Now" page, or any page where the "Available Unit Types" widget is installed. These photos will pull from the Units > Unit Types section of the software and are among the few images that are not edited under the website tab. This image will be rendered and displayed at 150 px by 150 px. You are welcome to upload a larger image, just be aware that it will be formatted to fit inside this section on the customer-facing view.
Uploads from the Image Library
The other widgets in the software can also support Image Uploads if there is a text section. Some of these sections include the One Column, Two Column, and Three Column Widgets, Contact Form, and others.
To use this Image Upload, images must first be added to your Library. Under Websites > Image Library > go to "Add an Image" at the bottom of the page. This will let you upload from your computer, and even include a title and description that can help with search engines or users with visual impairments. Once you have added the images to the Image Library, they can then be added to the content section of any compatible widget by using the Image Library button in the content menu. From there, you can select and insert the image into the content box. This feature does not allow you to edit or resize your images, and they will be uploaded and displayed in their original size if possible, or formatted to fit within the Storable Easy template. You may need to resize the image before uploading to the Image Library.
413 error
If you see a 413 Error while uploading, your files are too large. The software allows uploads up to 20 MB.
Fix: Upload fewer photos at once, or use a photo editor to reduce file sizes.