How to bring your zoomable images online

Option 1: Web Hosting

If you are already on a web hosting plan, simply upload the converted files via your file transfer client (SFTP) and you are set to go.

If you don't have one yet, you could sign up for one. Nowadays, the monthly rate is very competitive, some can be as low as a cup of coffee. We started with HostGator when we created this website and moved on to DigitalOcean (sign up via affiliate link) as we handled more images over time.

If you are new to this and not ready to commit, sign up for a free hosting plan at x10hosting (sign up via affiliate link) to get started. Note that the free plan doesn't come with HTTPS and due to browser's security settings, image embedding might not work if you plan to use it on other websites such as SquareSpace and Wordpress.

Too technical? Too many steps? Try option 2.

Option 2: Use Netlify's Drag and Drop Publish

This short video pretty much sums up the workflow:

Instructions

1. Create a new folder
2. Copy or move the zoomable images to the newly created folder. For easy viewing after publishing, rename the web page file to index.html.
3. If possible, zip the folder.
   Windows 10: Right click the folder, Send to > Compressed (zipped) folder.
   macos: Right click the folder, Compress X Items.
4. Sign up and login to Netlify
5. Go to the Sites page, scroll to the end of the page until you see "Drag a folder with a static site here" as shown in the above video at 0:03.
6. Drag and drop the zip file or the folder
7. Once the site is published, click on the site link (shown at the beginning of the Sites page) to view the page. If you see a blank/error page, make sure the correct page is loaded. For example, to load a web page file called viewer.html, the web address would be https://{site-address}.netlify.com/viewer.html