Static Image Administration Guide

This guide is a quick start to update static images, including course banners.

Steps

Part 1

• Right-click on the image you want to change and select “inspect element”
• You'll most likely land on a <picture> element. Expand the picture to see the data-srcset
• Grab one of the links from sources, e.g.https://public-media.interaction-design.org/images/courses/hds/course_52--square_thumbnail.jpg?tr=w-232

Note: This guide currently only works for URLs starting with either public-media or public-images. Ping a developer to update the instructions for other sources.

Part 2

Images on public-images.interaction-design.org and public-media.interaction-design.org (deprecated):

Explanation for the link:

• This image is served using ImageKit service
• The actual image is stored on S3 in ixdf--images or idf--assets (deprecated) S3 bucket
• To find the image, you have to follow the same address as the URL in S3

https://public-media.interaction-design.org/images/courses/hds/course_52--square_thumbnail.jpg?tr=w-232

idf--assets > images > courses > hds > course_52--square_thumbnail.jpg

How to update the image:

• Log into our S3 account and go to ixdf--images bucket link
• Follow the link path explained on part 2 to find the image
• You can Ctrl + click on the image and click on the object url to make sure you're replacing the correct image
• Click on the upload button and upload the replacement image
• Follow the cache invalidation guide to reset the cache