imgbb photo is not loading!!!
Tags: imagehosting, imgbb, postimage
Published: 2022-11-09 08:38:12

You are about to create a json file/ data for your upcoming project. But you are worried about, **"Where should I host images at free of cost?"**
Well!! There may be some options. Like: 

- Imgbb
- postimage

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/97a5rkhrn8nbfjedmf86.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hxye1fnxx8c618yo4ck3.JPG)

Believe me... it's very easy, just you have to be carefull when you are getting image urls after hosting. So, follow me for getting correct links:

**Imgbb hosting:**

**Step-1:** Go to [imgbb](https://imgbb.com/)
**Step-2:** Click to **create account**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ldl8yl1sffulnvh4c9jc.JPG)

**Step-3:** You can create account with email & password. Or using any social account. I am signing in with my gmail.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t1au0jnq56fbaojaa8pd.JPG)

**Step-4:** After sign in you will get a page like this & then click **create new album**.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/auhv6c91dsxr5x9ajyla.JPG)

**Step-5:** Now you will have a modal asking some info. Fill these info according to your need & save it. So, you will have a new album to manage your images for the current project. **[You can upload images & host without creating album. But creating album is more organized for your work. Right?]**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0ksninvb3d1sn9xv848i.JPG)

**Step-6:** Click **upload images** & give the images you want to host.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wtq4p2sqv0oe4213iark.JPG)

**Step-7:** After uploading image quickly you will have this page.
Keep all the info as it is. Don't change change anything. Then click **upload**.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gtbviykjurq7wls7zly0.JPG)

Step-8: In a short time, your upload will be completed. The imgbb will provide you the viewer links of images. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a1i2k8cmongcdjkg3vpq.JPG)

But if you add these links in your project as image source, then **you will have error & images will not load.** So, you have to choose **direct links** from the dropdown list.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4hz4aru219ew8rrl6w20.png)

Once you choose **direct links**, you will have image links like these (links with image extension .jpg/ .png etc. at the last)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yti1lycglh0p8cmlzbb7.png)

Hurray!! Now use these links in your image source. It will surely work.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eaih45mjq5rwr6j9kv9d.JPG)

=============================
**postimage hosting**
Go to [postimages](https://postimages.org/). These process for hosting here almost similar like imgbb. But you can resize you images from here. You will have fun!! I am giving images of steps serially.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ia0fr5v45d7zhrome6n.JPG)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sy225aldva50jfsahnj2.JPG)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8xt37pl31xu20q7dv5a8.JPG)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z8ow8lckk5e1pxn1l6ir.JPG)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dfbnxvgjxuatt6sroxg1.JPG)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mjsiymac9pjgi7fiv77w.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/73l2tmtvf27e87rmv38q.JPG)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b3bpr64rvbcdyd57pk3n.JPG)

So... now? Start your project task.😊😊😊😊😊