Guide: How to Use Creative Commons Images from Flickr

Flickr is an excellent place to find images that are available under a Creative Commons License. You may embed these images on your own website as long as your intended use meets the conditions specified in the license* and that you give proper attribution and credits to the original author.

PS

Creative Commons images are licensed as “Attribution Non-Commercial” and thus they may not be used on websites that, say, carry advertising. For more, see this PDF report on defining non-commercial use.

Searching Creative Commons Images on Flickr

Flickr has a dedicated page to help you easily find images that are available under Creative Commons. Or you may use alternative tools like Flickr CC, Flickr Storm and Comp Fight that are in some ways better than Flickr’s own search interface.

Using Creative Commons Images from Flickr

If you are using an image from Flickr, all they require is that the image on the external site should link back to Flickr’s page where that image is originally hosted.

The problem is that Flickr’s current style of attribution doesn’t meet the Creative Commons guidelines for attribution which require that you:

  • Cite the author’s screen name (link to the author’s profile page).
  • Cite the work’s title or name (link the name directly to the original work).
  • Cite the specific CC license the work is under (link to the license on the CC website).

The HTML code that Flickr provides for embedding Creative Commons images on to other sites satisfies only one of the three guidelines for attribution.

You can however use an online tool called ImageCodr to generate embed code that meets all the attribution guidelines of Creative Commons as well as Flickr. Just put the URL of any Flickr image into this tool and you get a code that satisfies all the requirements.

There’s little scope for errors as the tool will throw up an error message if you try using an image that doesn’t have the CC license.

A small issue though. The author of the tool inserts an invisible link to his website in the generated HTML code which you may want to remove prior to using the code.

Generate Attribution Code via Bookmarklet

Flickr CC Bookmarklet (Drag this link to your bookmarks toolbar)

If you frequently use Flickr images on your site, use the above bookmarklet to quickly generate attribution code directly from any Flickr photo page.

Related: Flickr Guide: How to Do Everything with Flickr

Amit Agarwal is a web geek, solo entrepreneur and loves making things on the Internet. Google recently awarded him the Google Developer Expert and Google Cloud Champion title for his work on Google Workspace and Google Apps Script.

Awards & Recognition

Google Developer Expert

Google Developer Expert

Google awarded us the Developer Expert title recogizing our work in Workspace

ProductHunt Golden Kitty

ProductHunt Golden Kitty

Our Gmail tool won the Lifehack of the Year award at ProductHunt Golden Kitty Awards

Microsoft MVP Alumni

Microsoft MVP Alumni

Microsoft awarded us the Most Valuable Professional title for 5 years in a row

Google Cloud Champion

Google Cloud Champion

Google awarded us the Champion Innovator award for technical expertise

Want to stay up to date?
Sign up for our email newsletter.

We will never send any spam emails. Promise 🫶🏻