Picture in CodePen

How does one include a picture in Codepen?

I am building my portfolio and need to know how to include my picture in the website.


you can just link an external source address for an image like <img src="urlhere">.

If you’re talking about uploading a picture to codepen and have it available for import instead, I believe that’s a codepen pro feature, so you’d have to upgrade your account to a paying account.

If you’r using a google account and have google drive you can use it to store your images, then you can link it on CodePen.
Another way is by just uploading the images to imgur

1 Like


You could create an account on photo bucket and then host whatever pictures you want on there. That’s what has been working for me.

1 Like

What really works for me is to use an online image-uploading site like PostImage will let you upload images for free (as long as the files are less than 5MB, I think). If you want up to 50MB, you can try using Mkerala, but be warned, if you use Mkerala, you images will be deleted after 120 days of inactivity.
Note: Remember to use the ‘Direct Link’ for any of these sites.