[!] [=title "Hotlinkable Images"] [=content-]

Hotlinks are when you use an image hosted on someone else's website. This implies actually pasting a URL in the form "https://website.com/path/to/image.png" into your `<img>`'s `src`. You should never hotlink without permission! If the website owner changes their layout, you'll lose your images, and every time someone loads your page it'll create traffic on their page which can overload their servers. You have explicit permission to hotlink these images on my server:

- `<img src="https://www.clarkeis.com/introwebdev/cat.png" />`:
- `<img src="https://www.clarkeis.com/introwebdev/robot.png" />`:

Note: all of the above images are quite large so you should probably use the `width` property to make them smaller, e.g.

    <img src="https://www.clarkeis.com/introwebdev/robot.png" width="200px" />

I set their widths to 64px each for display.

Note that it is not hotlinking if you download the image and host it on your own website - this is the way we've used all of our images so far, and is generally correct. You should still generally make sure you have permission to download and use it (e.g. some images are copyright-protected and nonpermissively licensed).

For a large repository of images that you can download at will (but still not hotlink, because that's rude!), use Pics 4 Learning - those images are explicitly permitted for use in an educational context, so while you shouldn't use them elsewhere, they're ideal for this course.

Classroom wifi is unreliable so I recommend downloading a collection of images you like - we'll be using images pretty heavily throughout the entire course.

[/] [#template.html]