Basic Overview
- Navigate to the “images” folder inside your program’s web folder
- Press the upload button in the top right corner of the webpage
- Or drag and drop your photo onto the browser window
- Publish the photo
- Navigate back to your page to insert it
- don’t forget to set the image details appropriately
- width in %, no height
- descriptive alt text
Detailed Walkthrough
1) Navigate to the images folder

2) Click the white ‘upload’ button in the top right, or drag your photo into the screen

Fill out the pop-up upload screen
You may need to rename the file if it contains certain special characters, or click the ‘overwrite existing’ tab if it has a duplicate name to a current image.

On the righthand side, the image will indicate its unpublished status:
