Storage Website Hub
Storagely Website Editor
How to Change an Image in Block
5 min
introduction background (hero) images are often the first visual element a visitor sees updating this image keeps your website looking current, branded, and engaging replacing or updating images in the storagely website editor is easy navigating to the editor open your storagely dashboard navigate to the storage website tab and select "my websites" select the website you want to edit from the list click the top left cms icon click the page containing the background image youβd like to update scroll to the image in a section or block on the page preview step by step instructions to change an image within an image block hover over the image block you want to change click directly on the image to open the toolbar in the toolbar, click the image thumbnail or image icon to open the media library upload a new image from your computer by clicking β +add β or select an existing one from the media library click β insert file β to apply the new image review the changes made in all 3 device types ( desktop, tablet, mobile ) to ensure they look correct to save the update , select β update β in the bottom right corner of the window then close the tab best practices for background images β
use high res, optimized images (<200kb) keep images sharp but lightweight use compressed formats like webp or jpeg to maintain fast load times use tools like online convert to formate images https //image online convert com/convert to webp β
adjust overlay color and opacity for readability apply a semi transparent overlay to ensure text stands out clearly against the background image β
preview on all devices use the preview toggle in storagely to check how your image looks on desktop, tablet, and mobile crop and alignment may vary β
name image files with seo keywords rename files before uploading using relevant keywords (e g , climate controlled storage jpg) use hyphens instead of spaces to improve search visibility π₯ watch tutorial video of this process as always, if you ever have any questions throughout this process, our customer success team is always ready to help! we have a couple of ways you can reach out, choose what is best for you ! all methods of contact flow into the same support team, which means no method will provide you a faster response than others email helpdesk\@storagely io com https //d1s7s share hsforms com/297gkkisitsmdgskuyt9s2g
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.