How To Credit The Images & Photos You Use in 3 Steps

How To Give Credit To The Photos and Images That You Have Permission to Use


When creating content for a web site, it's important to credit your images & photos.

Here's a quick tutorial on how to do that. Just copy and paste the HTML code, changing the parts of it that point to your own image and description.

Images & photos are an important part of creating an attractive web site. They add interest for your readers. Rather than having only lengthy text, break it up with images.

However, unless you own the image yourself (for example, you took a picture of a robin & added it to your web site), you need to make sure that you have permission to use any image or photo you find. Just because an image or photo is on the Internet does not mean it's okay to use.

Note: Clip art from a software package has a license allowing you to use the clip art free. But the license usually states that you cannot sell the clip art as-is. If you are going to sell it, it needs to be part of a greater design that you have personally created.



Step 1: Find your image.

You can use clip art, public domain images or take your own photos.

Here are some great sources for finding images that are in the public domain or licensed for free commercial use. Make sure to check the permission for each photo to make sure you're compliant.

Claude Monet "Turkeys" 1876
Claude Monet "Turkeys" 1876

"Turkeys" by Claude Monet Courtesy of Wikimedia Commons


(Click on this link to see that this artwork is in the public domain in the United States.)

Note: Some licenses may require that that you give credit to the original creator.

You can right-click the photo you've found to use, select Save Image As... and save the photo to a file on your computer's hard drive. Whatever image you find, remember where it's located on your computer.




Adobe Photoshop Elements 13 [Old Version]
Adobe Photoshop Elements 13 [Old Version]

Fantastic software! I've used this for years to edit photos.

 

Step 2: Upload your image.

Now that you have a photo or image, you need to get it on your web site.

JPEGs and GIFs are the most common types of image files. (Use JPEGs for photos, GIFs for graphics.)

Upload the photo to your web host account.

The advantage to uploading your photo to a web host is that you can make the photo any size you want.




Step 3: Point to your image with this HTML code.

Now use HTML code to point to the image you uploaded so that the image can be seen on your site.


Place the following code in the Text Module, which gives credit and a link to the location of the image.

<p style="width: YOURIMAGEWIDTHpx; float: left; margin-right: 15px;"><img src="http://YOURWEBHOSTFILENAME/NAMEOFIMAGE.jpg" /><b style="font-size: 16px;">DESCRIPTION</b> <p style="font-size: 12px;">Photo Courtesy of <a href="http://WEBADDRESSOFIMAGESOURCE" target="_blank">NAMEOFSOURCE</a></p>



YOURIMAGEWIDTH is the number of pixels WIDE of your image. (To find the width, you can right-click on your image and click "View Image Info.")

YOURWEBHOSTFILENAME is the file where you upload your images, using whatever web host you use to store images.

NAMEOFIMAGE is the name you used to save your image.

DESCRIPTION is the text that will appear under your image to let readers know what they're looking at.

WEBADDRESSOFIMAGESOURCE is where the image was found.

NAMEOFSOURCE is the name of the site where you found the image.




You're done!

Congratulations, you used HTML code to place an image on your site and you have given credit where credit is due!




Claude Monet Self-Portrait in Beret 1886, age 26
Claude Monet Self-Portrait in Beret 1886, age 26

Claude Monet Self-Portrait in Beret 1886, age 26

Photo Courtesy of Wikimedia Commons

Using another Monet image from Wikimedia Commons, I uploaded this image to my web host and pointed the HTML code to it. (This link indicates that this artwork is in the public domain in the United States.) Here's the HTML code for the above so you can see what it looks like:

<img src="http://www.dwellinthegarden.com/creditimage/claude-monet-self-portrait.jpg"><b style="font-size: 16px; color:#CC0099;">Claude Monet Self-Portrait in Beret 1886, age 26</b> <p style="font-size: 12px;">Photo Courtesy of <a href="http://commons.wikimedia.org/wiki/File:Autoportret_Claude_Monet.jpg" target="_blank">Wikimedia Commons</a>




© 2011 CoeGurl

More by this Author


Have You Given Your Images Their Credit? 76 comments

Dinostore 5 years ago

I've honestly needed this so badly. &lt;3 Greats lens :)


MagpieNest profile image

MagpieNest 5 years ago

Typical, I needed this yesterday when I was making a clip art lens! I worked it out, but wikimedia doesn't exactly make it obvious how to correctly credit images.


anonymous 5 years ago

Very clear and easy to understand :)


Brite-Ideas profile image

Brite-Ideas 5 years ago from Toronto, Canada

Very helpful and easy to understand, thank you :)


Kevin Wilson 2 profile image

Kevin Wilson 2 5 years ago

Can you use this method in the intro module (where we are strongly encouraged to use a picture) as well as in a regular text module?


CoeGurl profile image

CoeGurl 5 years ago from USA Author

@Kevin Wilson 2: Yes indeed you can use this method in your intro module. In my Giverny lens, I uploaded the photo of Monet to the intro module. I entered just enough text to bring the next line under the photo, where I placed the HTML code to credit the lens. It fit nicely just under the uploaded photo of Monet. I could have then continued with more text if I wanted to, which would continue down past the photo credit.


deyanis profile image

deyanis 5 years ago from Oz

Thank you so much for creating this lens, I've been looking for a html code to place the credit underneath the image. Bookmarked this lens.


Mickie Gee profile image

Mickie Gee 5 years ago

I recently wrote a magazine to see if I could use their image on my up-cycling books lens. Surprisingly, they let me use it. It was so gratifying to me that they allowed me to use it. Of course I included my web-address in my email to that magazine.

Thanks for providing the code. It is a simple thing to use!


CCGAL profile image

CCGAL 5 years ago

I do credit photos unless they are mine, in which case I sometimes add a copyright notice. I wanted to add, though, that when you are building a sales lens and are using an image from Amazon or AllPosters, you can use your affiliate link in the photo credit so that if anyone clicks to see the image, they have the option to purchase the product.


Commandrix profile image

Commandrix 5 years ago from Benson, IL

Thanks for this. I never could figure out how to make the photo credits look right on my Lenses. Now I see I have some editing to do. :P LOL


serenity4me lm profile image

serenity4me lm 5 years ago

That doesn't look too hard at all. Thank you. Have a great night!


shellys-space profile image

shellys-space 5 years ago from Midwest U.S.A.

Another winner Coe! This page should be ranking up there on Squidoo! Ok, now to try this :)


Coreena Jolene profile image

Coreena Jolene 5 years ago

Great lens, thanks for the tips.


shellys-space profile image

shellys-space 5 years ago from Midwest U.S.A.

Back for more help on images Coe. I forgot to like this lens before too. Great information, I need help with using images.


TTabenske profile image

TTabenske 5 years ago

Why did you make your HTML code pictures? Makes it impossible to copy and paste.


curious0927 profile image

curious0927 5 years ago

Great lens, I've been avoiding using any other photo's unless they are my own which is very hard. I needed this Tutorial. Thanks and Blessed!


nickirc lm profile image

nickirc lm 5 years ago

Great help, thanks.


profile image

mumsgather 5 years ago

Lovely step by step instructions with examples. I like it.


CanterPR 4 years ago

Yes! I am always worried about doing this correctly. Very helpful lens.


mdeakub 4 years ago

Excellent posting. Highly Helpful


Gypzeerose profile image

Gypzeerose 4 years ago

Wow this is a lot of help for lensmasters! Angel Blessed! I have trouble with this and I am not a coder so I really appreciate this, I have bookmarked it to go back to. (I may come back with a question!) But I will use this chance to re-iterate to lensmasters: Even if you are clumsy with code like me - rather than cool with it like Coe - find a way to credit your photos, and make sure you have the right licenses to work with. You CANNOT just go to google images or some place like that and put them on your lens. Anyway, thanks - and I am going to check out your other lenses on using code in Squidoo.


shellys-space profile image

shellys-space 4 years ago from Midwest U.S.A.

Yes, I am still learning how to use images better :)


HTCEVO4g 4 years ago

Thanks ,Really Coooool


Spokanewebdesig1 profile image

Spokanewebdesig1 4 years ago

I finally got the hang of this, thanks for the code


karMALZEKE profile image

karMALZEKE 4 years ago

Trying to get the hang of this. Thanks.


Spency12 4 years ago

Thanks for the help and the code! However, it would make it much more efficienct if people could copy the code


sharonbellis profile image

sharonbellis 4 years ago from Toronto, Ontario, Canada

Not yet, so I'm here trying to find out how, great info thanks!


Gypzeerose profile image

Gypzeerose 4 years ago

Back to let you know I pinned this to 2 of my boards: Just for Squids and Internet Marketers and Squidoo Lenses worth Blessing


Spiderlily321 profile image

Spiderlily321 4 years ago

Thank you very much for creating this lens--Very helpful! I also pinned it to my board


SophiesWords profile image

SophiesWords 4 years ago

This is terrific - really useful information. Thank you!


Blackspaniel1 profile image

Blackspaniel1 4 years ago

Nice lens


LittleLindaPinda profile image

LittleLindaPinda 4 years ago from Florida

Thank you for all the codes with the examples really help too.


oooMARSooo LM profile image

oooMARSooo LM 4 years ago

I certainly will now. No excuses. :)


Millionairemomma profile image

Millionairemomma 4 years ago

Now I know how.


cgbroome profile image

cgbroome 4 years ago

I really needed this info! Thanks - I'm gonna give it a try.


MarilynThompson profile image

MarilynThompson 4 years ago from Washington State

Thanks, glad I found this!


Keith J Winter profile image

Keith J Winter 4 years ago from Spain

Thanks. Now I know how to do it. Nice lens.


jmchaconne profile image

jmchaconne 4 years ago

Thank you! Crediting images has been confusing me. You've helped me a lot, but I've got a lot of clean up to do!


vaigavenugopal 4 years ago

thx alot..was looking for such kind of stuff..:)


ansruthi 4 years ago

Good information to make an attractive page. useful tip about hyper text.


fanzyface profile image

fanzyface 4 years ago

This lens is probably one of the most helpful lens that has guided me through! Thanks


Jillynn profile image

Jillynn 4 years ago

Thank you for much needed tip!


kulla 4 years ago

Great lens. Tips that I was looking for. Thumbs up!


Trixiesmom2u profile image

Trixiesmom2u 4 years ago

Thank you so much! I have been struggling for weeks trying to link am image my brain felt like it would melt. I read some tutorials dozens of times and still didn't get it It was only when I was able to see the exact HTML you used that I was finally able to understand and actually linked an image successfully. True, it was just wikimedia commons, like your example, but I did it. My first. Link. Hopefully the first of many. Thank you again so much.


bluesquid profile image

bluesquid 4 years ago

Thanks for the post! Really helps !


Shadrosky 4 years ago

Very helpful lens!


dogged lm profile image

dogged lm 4 years ago

Thanks for your help, I Googled about ten likely sites before I found this one, the only one that I could understand! It's nice that you keep the information content bite-size for us newbies, credit to you (pun intended).


profile image

mouse1996 lm 4 years ago

I was already using a tagging form I liked, but I think I will try this out because I like the font a lot better. Great information.


BarbaraCasey profile image

BarbaraCasey 4 years ago from St. Petersburg, Florida

Bookmarked, thank you!


rasnasah profile image

rasnasah 4 years ago

Very Informative lens.Thanks a lot.


GardenerDon profile image

GardenerDon 4 years ago

I've been a bit slack on giving image credit, but this will make it alt easier now. Thanks


girlgoshopping profile image

girlgoshopping 4 years ago

nice lens! thanks for the helpful info!


LisaAuch1 profile image

LisaAuch1 4 years ago from Scotland

I love THIS! I am forever hunting down people who use my images without permission, now If they had simply asked me and credited the photo properly I would just let them have it!! Always use images properly and 9/10 will allow you to use their photos if they know they are being properly linked to! Good job!


MelanieKaren profile image

MelanieKaren 4 years ago from Pennsylvania, USA

hi! and yes, I give credit. It's important. I like this lens a lot. It's one of the first topics I covered in a blog on another site. I know this information you've given is very helpful for others. nice lens!


scarletrose lm profile image

scarletrose lm 3 years ago

I have always given my images credit - with a link back to the original source, and the photographer's name and user name


jessie1248 3 years ago

Thanks for your help.



samanthaperry profile image

samanthaperry 3 years ago

Great Lens Thanks for Sharing this Information.


germar lm profile image

germar lm 3 years ago

Just starting out and need all the help I can get. Thanks for the guidance - it is exactly what I was looking for.


profile image

sybil watson 3 years ago

You have no idea how long it's taken me to find this exact information! Thank you so much for this lens.


sorayac profile image

sorayac 3 years ago

Thanks so much for answering my doubts in the forum with the link to this lens which is so helpful!


sapientzeal lm profile image

sapientzeal lm 3 years ago

Thank You!


AdriatiX 3 years ago

Thanks for the tips. Will save this lens for the future as well. :)


mondayblues 3 years ago

this lens helped me. thanks.


Sky Breeze profile image

Sky Breeze 3 years ago

I have saved it to my bookmarks, pinned and tweeted it. Thank you for putting all this helpful information together so generously.


CaztyBon profile image

CaztyBon 3 years ago

I've been trying to learn how. Hopefully now it will make sense and I can.


blestman lm profile image

blestman lm 3 years ago

This is now on my to do list. Thank you for showing how.


sharadkgupta lm profile image

sharadkgupta lm 3 years ago

great info for lens masters.


profile image

RoSelou 3 years ago

I am running out of photos but has a great idea for a lens, your lens helps me. Thank you.


reells profile image

reells 3 years ago

Very helpful! I'll be saving this link. Thank you!


newyorkdude profile image

newyorkdude 3 years ago

Thanx a lot. You just super-charged my learning curve.


rubycurlgirl profile image

rubycurlgirl 3 years ago

Awesome! Thank you for the tip!


favored profile image

favored 2 years ago from USA

Looking for ways to line up images. Just found your link, thanks.


HappyCircle 2 years ago

Thanks for a wonderful lens. It was very helpful.


profile image

Namsak 2 years ago

Be careful with using Public Domain images. PD is not the same in all countries. For example, the Monet images you use here are not PD in every country. A much better option is using images licenced by CC0 1.0 - a copyright waiver which gives you the legal right to use any image for any purpose. Go here and take look! copyright.cornell.edu/resources/publicdomain.cfm


wizardloo 2 years ago

Thank you. You've been resourceful.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working