Add Flickr Pictures to Your Site Using ImageCodr

Many libraries use Flickr to find photographs to add color and visual interest to their blogs and websites. It’s an incredible resource, but one that you have to use with care. You need to check images to make sure any image you want to use has a Creative Commons license, figure out the correct code to link to the photograph on Flickr, and provide credit to the photographer.

ImageCodr is a tool that makes it easy to check the license and get the correct code to link to any size of an image on Flickr, complete with a Creative Commons license and credit link. You just paste in the URL for any Flickr photopage, and get the license information, and an option to preview any available size and generate the code you need for your page. Here’s a sample of what that page looks like:
ImageCodr Sample.

The image below was added to this blog post using ImageCodr. The image will inherit borders, fonts, etc., from your site’s stylesheet, and will probably look just fine as-is. However, if there’s something you don’t like, you can adjust the stylesheet and add a class to the div that encloses the code.

The site does add a link to the ImageCodr site, at the end of the photographer’s credit line. You can find it in the example below by hovering over the the space at the end of my name. This is either a subtle or awkward way to provide a linkback to the ImageCodr site.

  • ImageCodr — This is the main page
  • ImageCodr: Get Code Page — This link goes directly to the page where you can paste in a Flickr photopage URL
  • ImageCodr: Search — The search page makes it easy to search Flickr for images with a Creative Commons license

Leave a Reply

Your email address will not be published. Required fields are marked *