Easily upload any file and use it. With superpowers, of course.
You’re coding along nicely. Now you need an image! You have one on your computer. Just open the Assets panel and drag and drop it in there. We’ll upload it for you and give you a URL for it so you can use it immediately.
You don’t have to drag and drop though, you can select the file from you file system if you want, or, paste in a URL to where the asset already is online and we’ll move a copy over for you.
Is your image not perfect as you have it on your computer or as it exists wherever you upload it from? No problem, you have lots of editing options, including cropping it before you upload to your CodePen Assets.
There are more options pre-upload as well, like rotation and matting images into a circle.
Any image asset can be edited on-the-fly, even after you’ve uploaded it. Scale it down, rotate it, and adjust the quality level. You can even crop it as you adjust the size and deliver it in different formats like WebP, AVIF, or let us choose the optimal format.
You can do all this through the UI, but it all happens through URL parameters, meaning you can adjust things in your code or programmatically. This can be quite useful for things like responsive images markup.
If multiple Pens use that asset, they’ll get your edits as well. Efficiency for the win!
That means everyone will be able to download them as fast as possible. You don’t have to do anything, it’s all taken care of. You don’t even have to worry about restrictive CORS headers, those are opened up for usage on CodePen.
We wanted to make it as easy as possible to find all your existing assets. You can do a quick search for them, filter by file type groupings, and sort by useful things like date uploaded, file size, and alphabetical file name.
If you have a bunch of files to upload, it’s never been easier! We don’t cap the number of files you have in assets, there is only a total storage limit and per-file size limit (limits vary based on your PRO tier).
You can upload files from your phones picture roll, for example. Whatever file system stuff your mobile device gives you access to, you should be able to upload from there.
Any questions about asset hosting? Ask us anytime: email@example.com