A new, and greatly improved attribution maker is now available!

This new version has a range of new feautures. The same maker now works with 5 different free image sites, so there is no longer the need to have multiple helpers.

Older helpers are no longer being maintained.
If you are seeing this message, you should upgrade to the new version ASAP.

Get the new 'Image attribution maker'.
(Be sure to follow the first-time instructions)

Unsplash image embedder & attribution maker.

A Bookmarklet to create HTML snippets to embed Unsplash images with proper attribution. These can be pasted into any HTML editor.

First time user?

  1. Drag the following bookmarklet into your browers bookmark bar: Unsplash Image Embedder V3
    (Note: Make sure you drag the link onto your browser bookmarks. Clicking will just bring you back to here)
  2. Visit Unsplash - Beautiful Free Images and find your favourite image
  3. Click on the 'Unsplash embedder & attribution maker' in your bookmarks
  4. You will be returned to this page, but now your selected image will be displayed below
  5. Press the copy button next to the layout type that you prefer. This will copy the HTML to your clipboard
  6. Paste this HTML anywhere that you can paste code (eg a Moodle page or tool)
  7. Ready to go? Visit

    Beautiful Free Images & Pictures | Unsplash

    , select an image that you like and then press on the "Unsplash Image Embedder"

Show me how (Screen Video Tutorial)

Unsplash embedder and attribution maker (06:38)

Get responsive Unsplash image embed with attribution, for various screen layouts. Download appropriately resized images.

Float Right (Image to the right of text)

Image will occupy 30% of the available space, between the minimum width of 200px and maximum width of 360px

Download small image

Float Left (Image to the left of text)

Image will occupy 30% of the available space, between the minimum width of 200px and maximum width of 360px

Download small image

Centered (Image above or below text)

Image will occupy 60% of the available space, aligned to the center of the container.

Download medium image

Full width (Image above or below text)

Image will occupy 100% of the available space

Download large image

Full width, with text overlay (Custom text overlay)

Image will occupy 100% of the available space. Text overlay can be edited by you, after embedding

Download large image

Text overlay goes here

Optional byline or citation goes here. Delete if not required.