Updated: June 2019
Some image hosting websites are no longer allowed to be used on your cache pages, due to violation of Groundspeak’s non-commercial rules. Sites like Photobucket and TinyPic display ads and therefore cannot be linked to your cache page.
There are ad-free alternatives available, however, image hosting sites can change/disappear, possibly causing your cache page to ‘break’ in future, That’s why, in my opinion, the best option is to upload directly to geocaching.com*. Luckily, it’s as easy as pie to upload an image directly to your page! Here’s how to do it in 6 simple steps!
1. Click ‘upload image’ in Admin Tools
The box is located on the top right of your cache page.
Alternatively, you can click Edit and scroll down to Cache Images, then click Add images, to get the same result.
2. Choose a file and click ‘upload’
3. The image link appears at the bottom of your cache description
It’s just above the ‘Logged Visits’ section.
4. Click on the image name and drag it to a new tab in your browser
I’m using Google Chrome in this example but it’s the same process in Firefox and Internet Explorer.
The image will appear in the new tab like this:
Leave the tab open and go back to the cache page tab.
5. In Admin Tools, click on ‘edit’
6. Select the Image Icon
If the Image Icon is greyed out, you may need to click on the </> Source button to make it clickable. If you click on </> Source, it will ask if you want to switch to the WYSIWYG editor. Click yes and you will be able to use the Image Icon, along with the other icons in the menu.
If you’re in HTML edit mode, put the following text where you want your image to be:
<img src=”paste your image URL here” />
Copy and paste the image URL from the second tab in to the middle of the code: replace the words ‘paste your image URL here’ in the code above. To center the image, put the tags <center>, </center> at the start and end of the code.
Note: If you feel that the quality of your image has been diminished after uploading, you can remove the _l from the end of the URL (the part before the .jpg). The automatic inclusion of this in your html code creates a sort of ‘thumbnail’ of your original image.
Note: The newest version of the ‘edit cache page’ does not split the descriptions in to ‘short’ and ‘long’ but the process for adding the image remains the same.
I hope you found this post useful. How do you upload images to your cache descriptions? Let me know if you have any questions in the comments!
© 2019 | Sarah Murphy | All Rights Reserved