A Bookmarklet to create HTML snippets to embed your selected image, with proper attribution. This can then be pasted into Moodle, or any website that includes Bootstrap 4+.
For those sites NOT running Bootstrap (such as Canvas LMS) a new "Inline CSS" option is now available. This option has fewer features but will work on any website.
Follow the instuctions below. Watch the video for step-by-step instructions.
Pixabay does not allow hot-linking (embedding) and their previews will expire within 24 hrs
To protect against this, ensure that you:
This Flickr image has an "All Rights Reserved" licence, that does not allow for re-use.
This service will not allow you to breach this licence restriction. Please choose a different image
You can search Flickr for Creative Commons licenced images, or use one of the other image services listed above
Shutterstock images are commercially licenced and there is a cost associated with this image.
This service provides you with a watermarked placeholder image. You must replace this placeholder image with a paid original image, that is downloaded separately via your subscription with shutterstock.
If you do not have a shutterstock subscription, select from one of the free image services listed above
Not seeing the correct Shutterstock image? Make sure you refresh your browser, BEFORE you click on the attribution maker.
Shutterstock support was added on 20.01.22. You seem to be using the old bookmarklet, added before this date.
To update your bookmarklet, follow the "First time" instructions above.
Image will occupy 42% of the available space.
The image will resize and the text will reflow as you resize the browser.
The following placeholder text is included to show the relationship between the image and text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Download small imageImage will occupy 42% of the available space.
The image will resize and the text will reflow as you resize the browser.
The following placeholder text is included to show the relationship between the image and text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Download small imageImage will occupy 100% of the available space
Image will occupy 100% of the available space. Text overlay can be edited by you, after embedding
Use this to dynamically resize and crop an image. You can then download your cropped image, lower
Use this option to copy the attribution statement ONLY. This is useful if you are using the image outside of Moodle (eg, in a PowerPoint Presentation), but still need to attribute the image