Label Image license types

Ever wondered how Google images filter the search results according to their license types. This feature is very much helpful for people looking for free images that are without any copyright issues. There is no one word parameter to label image license but you can achieve this with RDFa markup.
The simplest way to label image license types is using the below described code snippets.

Note: Make sure that the image for which you are trying to label license belongs to you. Don’t license other’s work!


Now let’s take a look at the different license types and their specific codes.

General Instruction

In the below code snippets make sure to replace the placeholder “Image URL” text with actual image url.

  1. Reuse with Modification Allowed

    This license allows the user to remix,tweak and build upon your work even for commercial use as long as they credit you. It is often referred as open source software license.

    <!--Attribution ShareAlike-->
    <div about="Image URL">
    <img src="Image URL">
    <a  rel="license" href="">Creative Commons Attribution-Share Alike 4.0</a></div>
  2. Non Commercial Reuse With Modifications

    Allows user to use your image for non commercial use with modification as long as they are credited properly.

    <!--Attribution-NonCommercial-ShareAlike -->
    <div about="Image URL">
    <img src="Image URL">
    <a  rel="license" href="">Attribution-NonCommercial-ShareAlike</a></div>
  3. Reuse without modifications (Commercial Use Allowed)

    This license allows users to share your images without  tweaking/modifying as long as it is credited to you.

    <div about="Image URL">
    <img src="Image URL">
    <a  rel="license" href="">Attribution-NoDerivs</a></div>

  4. Reuse without modifications (Non Commercial Use Only)

    Out of the four licenses discussed above, this one is the most restrictive. It restricts users to use your images for commercial use. It also restricts user from modifying your work and also requires them to properly credit you.

    <!--Attribution-NonCommercial-NoDerivs -->
    <div about="Image URL">
    <img src="Image URL">
    <a  rel="license" href="">Attribution-NonCommercial-NoDerivs </a></div>

You can read more about these licenses at CreativeCommons. Can’t decide what license to go for, perhaps this tool would help.

Also Read: Top 25 sites that offer free stock photos without copyright

Shan Eapen Koshy

Shan Eapen Koshy is a web developer, technical blogger and a YouTuber. He has created several web applications and has written many app scripts.

1 comment