# How to add image to your website

**URL:** <https://forum.freecodecamp.org/t/how-to-add-image-to-your-website/324289>\
**Category:** General\
**Created:** [October 27, 2019, 4:20pm UTC](https://forum.freecodecamp.org/t/how-to-add-image-to-your-website/324289 "2019-10-27T16:20:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![autumnain](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@autumnain](https://forum.freecodecamp.org/u/autumnain)\
**Post date:** [October 27, 2019, 4:20pm UTC](https://forum.freecodecamp.org/t/how-to-add-image-to-your-website/324289/1 "2019-10-27T16:20:28Z")

</div>

**Tell us what’s happening:**  
Hi all,  
I’m trying to add an image to my tribute page and I’m having a hard time understanding the whole thing about adding an image to a page.

I found a picture of a chicken on pixaby

Now, to add picture of that chicken from [pixaby.com](http://pixaby.com), I added a code like this  
img scr="[https://pixabay.com/photos/animal-avian-beak-bird-1851494/](https://pixabay.com/photos/animal-avian-beak-bird-1851494/) /  
(of course, I would add \<\> to above code 🙂)

When I did that, it wouldn’t show a picture but it showed an image icon.

Can someone explain to me how to add picture I found on a website to my page?  
And also, what about a picture I have on my computer? How do I go about adding a picture that is saved on my desktop to my tribute page?

I know it’s a very basic thing I should know how to do but I’m just really confused.

Thanks in advance!

**Your code so far**

**Challenge:** Build a Tribute Page

---

<div class="post-metadata">

**Author:** ![camperextraordinaire](https://avatars.discourse-cdn.com/v4/letter/c/5f9b8f/32.png) [@camperextraordinaire](https://forum.freecodecamp.org/u/camperextraordinaire)\
**Post date:** [October 27, 2019, 4:28pm UTC](https://forum.freecodecamp.org/t/how-to-add-image-to-your-website/324289/2 "2019-10-27T16:28:39Z")

</div>

That url is not an image. It is a website which displays an image. You can download the image and incorporate the image into your own website, but that may not help you if you are using Codepen. For Codepen (the free version), you can only link to images.

If you right-mouse click on the image and click on copy image address (using Chrome), you might be able to use that url, but it may not work because the hosting site may block hot-linking from another site.

---

<div class="post-metadata">

**Author:** ![autumnain](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@autumnain](https://forum.freecodecamp.org/u/autumnain)\
**Post date:** [October 27, 2019, 6:46pm UTC](https://forum.freecodecamp.org/t/how-to-add-image-to-your-website/324289/3 "2019-10-27T18:46:23Z")

</div>

Thank you very much!

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 2:46pm UTC](https://forum.freecodecamp.org/t/how-to-add-image-to-your-website/324289/4 "2021-01-16T14:46:18Z")

</div>