@mzscapes There are probably some good resources out there, and probably in old topics on this forum. So I would encourage you to search for âwarehousingâ (or similar) at this forum that might provide more details.
First step is to acquire FTP software. I use Transmit and love it. But itâs not free and others look for cheaper alternatives. Iâm glad I paid for it, but you might want to at least start with a free product. Those would include FileZilla and Cyberduck.
Next step is to learn how to login to your server space with the FTP software of your choice. They differ slightly so I wonât try to describe this. BUT you want a product that makes it super easy not only to upload files, but also to copy the resulting URL of the file. I think all 3 products I mentioned do that, but not 100% positive. Transmit, of course, does this well.
Once you can access your server space then youâll want to create a folder where all the other web files reside. I tend to call it something like âwarehoused-imagesâ or âwarehoused-stuffâ. Something that makes it very obvious that itâs not a folder created by RW. (You should see all the RW folders and some files in the same area.)
A very important aspect of using a FTP software and naming files: donât use any spaces!!! So if you have an image titled: âbaby elephant in Mozambiqueâ then make sure to rename it: âbaby-elephant-in-Mozambiqueâ. Remember ⌠no spaces.
In addition the extension (JPG, PNG, PDF, etc.) needs to be explicitly stated in the name. For example: baby-elephant.png. No extension and youâll get troubles.
Then all you do is drag your image from computer (already optimized by you, which seems you do quite nicely already) into the relevant âwarehouseâ folder. Of course you can create sub-folders inside your warehouse folder ⌠which may be needed for organizational reasons.
Then copy the URL for an image and place the code for that in your RW. I use the Markdown stack a lot, but others will also work. The general HTML for doing this is:
<img src="https://full-path-of-image" alt="text describing the image for those with sight problems" width="100%" />
Since I use this so often Iâve created a shortcut for it in Typinator. But you do want to use the HTML for this. You can simply store the general code somewhere you can always use quickly if you donât have Typinator or similar product. And thatâs it!
Well, almost. If you have galleries of images then things change a bit. And it depends a lot on the product you are using. But Iâll skip that for now as I donât know if gallery stacks are a âthingâ you are using.
I know this description is probably incomplete, but I hope it provides some tips about how to get started. Iâd start slowly, just playing around. Once you get the hang of it, you wonât go back. And ⌠you will get to experience a MUCH smaller project size and no re-linking of images. Or of other documents (PDFs, music, etc.) that you also might be using.