Image Not Appearing on the Web? Here’s the Cause and Solution!

It’s been a lot of time uploading images, yet the images don’t appear on the web. Not to mention, the appearance of the website becomes unattractive. This must have pissed you off, right?

Well, why is that, huh? Then, how to fix it?

Do not worry. We will discuss the causes of images not appearing on the web in this article in full. Plus, we will share a solution to fix the image not showing. Come on, see!

7 Causes of Images Not Appearing on the Web and Solutions

Here are seven causes of images not showing up on the web that you need to know:

  1. Folder name error
  2. File name error
  3. Extension writing error
  4. Image file error
  5. Website database constraints
  6. Image loading problem
  7. Server down problem

Well, let’s see the full explanation!

1. Image Folder Name Error in HTML Code

One of the causes of images not appearing on the web is an incorrect image folder name in the HTML code. This error prevents the server from being able to find the requested image to display.

Well,

the solution is to check the image folder name that doesn’t appear in the HTML code. The folder name is usually to the left of the image file name, like “images” in the example below:

<img src="https://www.ipadguides.co.id/blog/gambar-tidak-muncul-di-web/images/gambar.jpg" width="400">

If the folder name has been corrected, re-access the web page whose image does not appear.

Also Read: How to Insert and Arrange Images in HTML

2. Error Writing Image File Name

When checking the folder name in the HTML code, also make sure the image file name is correct. If there is a spelling error, the result will be that the image does not appear on the web page.

For

example, your file name is “clean-aquarium.png”, but what is written in the code is “clean-aquarium.png”. Of course, the image will not appear because the filename is different.

class="wp-block-image">
Illustration of managing images not showing on the web

3. Image File Extension Writing Error

Writing the wrong file extension in the HTML code can also prevent images from appearing on the web, you know. For example, the image posted on a web page is PNG, but the code says “.jpg”.

In addition, also pay attention to the use of capital and lowercase letters in the file name before uploading it to the website. Because, the image still cannot be displayed if you type “.jpg”, while what is written in the file name is followed by “.JPG”.

For the record, it’s a good idea to always use lowercase in file names. That way, you don’t have to check the file extension when creating the HTML file.

Also Read: Choosing

the Right Image Format for Your Website

4. Image File Error

If the image doesn’t appear on the web, the cause could be an error in the file. The solution to this problem is to delete the file from your content management system (CMS), and upload it again.

In WordPress, there is another version of this constraint where an “HTTP error” message appears in the missing image area. To solve this, you need to access cPanel hosting and try the below methods one by one:

  • Access directory wp-content/uploads/images go through the file manager and make sure the file permissions 755.
  • Make sure the Images URL setting in wp-admin points to the correct folder.
  • Disable the Protect Directory feature in cPanel.
how to solve wordpress errors

5. Problem with Website Database

Database is a place to store various information, including images on websites. If an error occurs in the database, the image may not be displayed.

Database errors can be caused because the CMS uses a different database login than the one set in the hosting control panel.

If that happens, you should check the website database login in the control panel. Then, make sure the username and password in the website database settings are the same. In WordPress, for example, the database settings are in the wp-config.php file.

class="has-text-align-center">Also Read: How to Overcome the Error Establishing a Database Connection in WordPress

6. Problem When Displaying Webpage

Images not appearing on the web can also occur because there is a problem loading the page. One of the causes is an error when the server sends the web page files requested by the browser.

The solution to this problem is to reload the web page whose image is not showing. If this problem persists, you will need to contact the hosting provider you are using.

Also Read: How to Optimize Images in WordPress to Increase Performance

7. Embed Down File Hosting

CMS generally offer an image embed feature. With this feature, images stored on other platforms can be displayed on your website pages via URLs.

This method can be said to be quite practical because in addition to the large selection of images that can be displayed, you also don’t have to bother saving them on your server first.

However, this way of displaying the image has its drawbacks. Because, if the server that saves your image is down, the image cannot be displayed.

To be safe, you can upload images to your own hosting server. Especially if you use a hosting service with high uptime and large storage.

hosting illustration

Ready to Troubleshoot Image Not Appearing on the Web?

Images not showing up on the web certainly annoy you. Moreover, if it disturbs the comfort of visitors. You must be panicking because you are worried that they will not come back.

Fortunately, you already know the seven causes and solutions above, namely:

  • Folder name error — correct folder name
  • File name error — filename correction
  • File extension error — file extension write correction
  • Image file error — delete and re-upload the file
  • Problem database — make sure the CMS uses the correct database login
  • Website loading problems — reload webpage
  • External hosting down — save images on own hosting server

Six of the seven causes of images not appearing on the web were easy to fix. However, if the hosting server of the image you installed is down, you inevitably have to wait for repairs.

That’s why You need to save the image on your own website hosting server. Better yet, choose a hosting that high server uptime. That way, the risk of the server going down and the image not appearing on the web will be avoided.

Well, Niagahoster is a hosting service that offers servers with uptime performance up to 99.98%. Your website will always easily accessible 24 hours a day.

Interestingly, you can enjoy these advantages starting from IDR 10,000/month only, you know. Interested? Come on, check the hosting package you want first..!

Create by Ipadguides in category of Blog