HTML for Images

In 2020, Geocaching HQ changed how they handle images posted/used on cache and trackable pages.

Older links to images will still work (in most cases) - however, images should now be hosted on Geocaching HQ approved sites, where possible.

Basic Image Upload

Geocaching HQ have a knowledgebase article that explains how to add an image directly to a cache page.

Alternate Image Upload / HTML

You can upload a single image to any Unpublished cache page and refer to it in any other cache page.

Some people prefer having an Unpublished “gallery cache page” where they can store all the images the want, for future use. This approach is handy if you want to use the same image file again and again - or if you prefer not to have an image file easily viewable from the gallery view of a published cache.

(It’s also handy if you want to send someone a link to an image file that they can display without needing to log on to a website! It’s handy free and anonymous storage if you want to share a photo of something with someone you are working with!)

This approach allows you to upload an image file to a cache page - and obtain the publicly accessible web address/URL for that image :

  • Visit your cache page

  • Click Edit Listing

  • Scroll down past the Description section and you will see a smaller heading for CACHE IMAGES

  • Click the Add Images link

  • Use the prompt that appears to select your JPG, GIF or PNG file

  • Click Open to upload

  • Your image will then be displayed on the screen

  • Right-click on your image and select Open Link In New Tab (or equivalent) in your browser

  • Another web browser tab will open, displaying your image

  • On the browser address bar, you will see the web address/URL for the image that is on the screen

  • Right click on the URL and then click Copy

  • This URL can be used (with the correct HTML) in your cache page to display that image

  • Make a note of the URL or visit the gallery page of your cache to find the web address/URL in the future

For example, if the URL at the top of the browser address bar for your uploaded image appeared as :

https://s3.amazonaws.com/gs-geo-images/394d9982-c9c9-4edb-b8fb-21c0b1eac034.jpg

Then, the image could be displayed (centred) on a cache page by using HTML code, such as…

1<p style="text-align:center"><img src="https://s3.amazonaws.com/gs-geo-images/394d9982-c9c9-4edb-b8fb-21c0b1eac034.jpg" /></p>

Geocaching HQ Image Changes

When you upload an image to a cache page, the Geocaching HQ servers will now modify/convert the image and to a progressive JPG. In most cases this won’t affect how the image appears to the viewer - it just changes how the image loads over slower connections. This conversion can “break” puzzle concepts that rely on the original image file being unmodified. In addition, animated GIFs may not function as intended. If you need to host an image file for a cache page without it being modified by HQ… you will need to a third party hosting service that is approved by Geocaching HQ.