Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Custom Images for Top Sites Page not working?

  • 8 replies
  • 1 has this problem
  • 67 views
  • Last reply by Shadow110

more options

Somewhat recently Firefox added the ability to customize the image for thumbnails on the Top Sites Page. When I try to use this by adding an imgur or dribbble URL I get the following error message "Image failed to load. Try a different URL."

What am I doing wrong?

Somewhat recently Firefox added the ability to customize the image for thumbnails on the Top Sites Page. When I try to use this by adding an imgur or dribbble URL I get the following error message "Image failed to load. Try a different URL." What am I doing wrong?

Chosen solution

I found out what was causing this issue! Quite a while back I had added "browser.pagethumbnails.capturing_disabled" and set it to true because I wanted to stop Firefox from showing screenshots of websites when the Top Sites Page replaced the old about:newtab.

Testing it out now what seems to happen is, if you try to add a custom image while this option is enabled, it saves a 0byte .png file in the thumbnail folder of your profile folder in Appdata/LOCAL, not the one in Roaming where the prefs.js is located.

Even if you disable/remove the preference after trying to add an image and restart Firefox, trying to add the same image will still fail since Firefox tries to save it under the same name as the 0byte file.

So what you will probably have to do is to navigate to the thumbnail folder and delete what is inside.

I hope this is helpful in case anyone ever has the same problem.

Read this answer in context 👍 1

All Replies (8)

more options

Hey, I never noticed that before.

For the large site icons, a size of 256x256 pixels works well. I set that up here as an experiment:

I don't know the parameters for what other kinds of images can be added, but I tested using this sunset photo. After pasting the URL and clicking Preview, and a few moments of a progress dot going back and forth, I was able to see it in the overlay. I canceled after that.

https://www.jeffersonscher.com/ttw/wp-content/uploads/2017/02/BakantiangBay-SunsetYoga-2124_1600.jpg

Does that one work for you?

Imgur and some other image sites may limit how you can embed images on other sites, so if those hosts don't work for this purpose, you might try something that is less restricted like a shared folder on OneDrive or Google Drive.

more options

Hello, and thank you for the quick response.

Unfortunately testing with your photo yields the same results, after pasting the URL and pressing Preview I get "Image failed to load. Try a different URL." aswell.

Since that image works for you, it must be my Firefox causing this problem. Should I try restoring Firefox to its default settings or is there something else I could try since I'd prefer not doing that.

more options

Do all the images load normally in a regular tab, the only problem is on the new tab page?

Could you check for error message in the "Browser Console" that could be related to this problem?

You can open the separate Browser Console window using either:

  • "3-bar" menu button > Web Developer > Browser Console
  • (menu bar) Tools > Web Developer > Browser Console
  • (Windows) Ctrl+Shift+j

Click the trash can icon at the upper left to clear the window, then switch back over to your main window and try the image Preview again.

Then switch back over to the console window. Did Firefox log anything more explanatory about the problem?

More info on the Browser Console: https://developer.mozilla.org/docs/Tools/Browser_Console

more options

Yes, just opening the URL in a new tab loads the images just fine, only trying to add it as a custom image makes problems.

There aren't any error messages being logged when trying to add those custom images either unfortunately.

more options

I decided to use the Refresh Firefox option in about:support and its working as it should now. Even after I setup all settings and addons as they were before. Maybe there was some setting in about:config that caused this, I am not sure.

Anyway thank you for your help.

more options

I'm glad to hear that worked. Custom settings in about:config are mostly saved in the prefs.js file in your profile folder. If you get curious, you could compare the one in your Old Firefox Data folder on your desktop with your currently live one. This article will help you get to your profile folder:

Profiles - Where Firefox stores your bookmarks, passwords and other user data

I generally use this program for text file comparisons: http://winmerge.org/

There will be lots of differences related to dates/times, but hopefully those won't be too distracting.

more options

Chosen Solution

I found out what was causing this issue! Quite a while back I had added "browser.pagethumbnails.capturing_disabled" and set it to true because I wanted to stop Firefox from showing screenshots of websites when the Top Sites Page replaced the old about:newtab.

Testing it out now what seems to happen is, if you try to add a custom image while this option is enabled, it saves a 0byte .png file in the thumbnail folder of your profile folder in Appdata/LOCAL, not the one in Roaming where the prefs.js is located.

Even if you disable/remove the preference after trying to add an image and restart Firefox, trying to add the same image will still fail since Firefox tries to save it under the same name as the 0byte file.

So what you will probably have to do is to navigate to the thumbnail folder and delete what is inside.

I hope this is helpful in case anyone ever has the same problem.

Modified by jolpo

more options

Hi, always make a Notepad list of the changes you make in there. https://support.mozilla.org/en-US/kb/customize-new-tab-page