How to get JPG images to show up on website

Milan Stanojevic
by Milan Stanojevic
Deputy Editor
0 Comments
Download PDF
Affiliate Disclosure

  • the JPG file format is probably the most common image format in the world.
  • The guide below will help you with advice in case your browser doesn't load JPGs.
  • For more great guides like this one, visit our dedicated Browsers Hub.
  • If you need further assistance with your PC, check out our dedicated Fix page too.
website-wont-show-JPG

In the online world, pictures speak more than a sentence, paragraph or even article would in a few words or so, to attract attention and also introduce the subject matter beforehand.

So when a website won’t show JPG and your pictures are in this format, there’ll be consequences related to it as your website traffic, engagement, and viewer sessions will be affected, what with the short attention span of audiences today.

When images fail to load, it makes the website’s design look broken and messes the user experience on the site completely.

Some of the causes when a website won’t show JPG include incorrect file paths to the location in your directory structure where the image files reside, misspelled file names for the images, wrong image file extensions like .jpg or .JPG (case sensitivity matters), missing files, website is down, or there’s a problem transferring the image when requested by the browser the first time.

Check out some of the solutions to this problem listed below.

How to fix website won’t show JPG files

  1. Try a different browser
  2. Check the basics
  3. Disable any user script manager
  4. Disable cache
  5. Clear cookies and cache
  6. Check image permissions
  7. Refresh your browser

1. Try a different browser

If you notice that your browser continue having this issue no matter what solutions you try, you should consider replacing it altogether.

While doing so, we recommend you give Opera a try. This Internet browser is fast, powerful, fully customizable, and the vast library of extensions that it has at its disposal makes it easy to specialize in different directions.

For example, certain extensions can make it easier for you to turn Opera into a dedicated photo viewer, so viewing JPG files will be a piece of cake.

As an added bonus, you get an ad-blocker, tracker-blocker, and VPN completely free.

Opera

Opera

A web browser that can also easily act as a photo viewer, streaming platform and more, all thanks to Opera's technology.

2. Check the basics

Some of the first things to check include how your directory structure setup on the host site is, how you upload files, and check to ensure the image folder isn’t the root directory of your website.

The index.html file resides in the root directory and points to the images folder for the pictures.

Try moving the image folder or copying to the HTTP documents folder (the equivalent of my public_html folder). You can also create a new folder on your desktop and save everything there to make it more organized and easier to navigate.

Put all pictures you want to use into the same folder with the index.html file so it can be relevant, and shorten the file path to just the picture name and file type e.g. logo.jpg.

Note: Where the filename has uppercase characters for the file type, reference it using .JPG and not .jpg. you can fix your links or try to rename all images with uppercase or lowercase types depending on the characters on your file type.

Make sure not to use inline CSS. Always separate the website structure, presentation, and behavior by linking to the documents: HTML, CSS, and JavaScript/JQuery respectively.


3. Disable any user script manager

Some users have discovered that disabling a user script manager like Greasemonkey can fix the issue when the website won’t show JPG.

Sometimes the anti-adblock killer script for Greasemonkey may interfere and when disabled, and re-enabled one by one, you can tell which one is causing the problem.


4. Disable cache

  • Launch Internet Explorer
  • Select Tools

website won't show JPG

  • Click Internet Options

website won't show JPG

  • Find Disable Cache in network options
  • Under General tab, find Browsing history section and click Settings
  • On Temporary Internet Files tab, confirm that Every time I visit the webpage is selected

5. Clear cookies and cache

Sometimes the website won’t show JPG because of problems loading the website which can be resolved by clearing the cache. Here’s how:

  • Click Library button and click History
  • Select Clear Recent History
  • Under Time range to clear, select Everything
  • Click the arrow next to Details to display what to clear
  • Select both Cookies and Cache
  • Click Clear Now

6. Check image permissions

If you’re using Firefox, you have the option to prevent images from loading for specific websites so your pages can load faster. If this is the case, do the following:

  • Click Site identity button
  • Click More information to open Page info window
  • Select Permissions panel
  • Ensure that Allow is checked next to Load Images
  • Close the window

7. Refresh your browser

This applies to Firefox browser, so you can try and refresh to see whether the website still wont show JPG images. This feature fixes many issues as it restores Firefox to the default state while saving important information like passwords, bookmarks, and any open tabs. However, it removes extensions and extension data.

The refresh feature creates a new profile folder while saving essential information. Add-ons stored in the profile folder are removed, including themes, and other add-ons stored elsewhere like plugins won’t be removed but modified preferences will be reset like disabled plugins.

Firefox will save bookmarks, cookies, web form auto-fill info, personal dictionary, browsing and download history.

Note: Your old profile will be placed in a folder called Old Firefox Data, so if refreshing didn’t fix the problem, you can restore some information by copying files to the newly created profile, then delete the old folder.

Let us know if any of these solutions helped fix the issue when your website won’t show JPG, by leaving a comment in the section below.


Editor’s Note: This post was originally published in February 2018 and has been since revamped and updated in August 2020 for freshness, accuracy, and comprehensiveness.