How Embed Hyperlink In Wordpress For .jpg

you can paste the html in the wordpress editor. It will pull the images if they are mentioned correctly (urls) in the code.

I understand how to do what you are saying.  I need to know how to hyperlink the url in the image before it ever gets to the wordpress editor.

I use https://imgbb.com/ or cloudinary.com
with both you have a shared URL (public) for the image.
This way you embed the image to the code and then just copy and paste the code into the wordpress editor.

the process is you have to upload the images to either platform
then take the links
then insert the link on the html code where they should be
then copy everything and paste it in the wordpress editor in the code version (html)

Thanks for the suggestion but this isn't what I want.  My people won't be able to navigate the html code you are suggesting.  I am wanting a way to just create the image ahead of time with the link embedded into it already.  Then my users can just insert that image and the hyperlink will be there already.  This way they won't need to access the code view.  I have Photoshop CC if that helps.