Some Possible Reasons for Images Not Working After an Edit: Quick list of common image problems: (Details below)
Be sure you flatten your image before you save it as a jpg in the layers popup window.
In the save options, be sure to not save as progressive.
When saving, be sure to select .jpg from the "format" options, do not just add .jpg as the extension.
The jpg image has been saved as CMYK.
The gif image has not been converted to indexed color.
Image name "case" is not correct. Use lowercase for .jpg.
You are working in the wrong folder.
Template is not unzipped:
Either your template folder is not unzipped or you are inadvertently working in the downloaded zip file.
You are working in the wrong folder or on the wrong files. Try the drag and drop technique to both edit, and check your files in your browser.
You may not be editing the image you think you are editing. Try right clicking on the image on the template HTML page and choose "properties". Check the properties to see the exact image name and location on your computer.
Wrong options when saving .jpg images:
When you save your replacement images, try saving at different "image quality" settings. Try saving your .jpg images as NOT "progressive". Try different options on save to fix this problem. This will generally not be a problem with the HTML code, but rather will be a problem with either your graphics software or your save options. Please contact support for your graphics program rather than Allwebco template support if you have saved replacement images and they are not showing on your template pages.
RGB, CMYK and "indexed color":
Be sure to save all .jpg images as RGB. Images should not be saved as CMYK. Check under "mode" in your software to convert your images to RGB. .gif images should be converted to "Indexed Color" and will be 256 colors or less when converting. See more on .gif images below.
Image layers are not flattened:
If you have created a new image and there are problems saving or the page is not updating with your new image, be sure to flatten your image layers in your graphics program before saving the file. See also the image editing support page.
Wrong & uppercase file extension:
Some graphics editing software and digital camera software uses a default setting to capitalize all image extensions, e.g. image.JPG. Remember, hosting is case sensitive - "image.jpg" is not the same as "image.JPG".
Try saving your image as a "save as" and check that when you save you are saving the exact image name with the correct file type, such as .jpg or .gif in all lower case.
In some graphic software, there is an option to save using lowercase extensions. Rather than retyping the extensions, you may be able to change the default setting to prevent your software from capitalizing the image file extensions. Check your software help files for "file saving preferences". Click the visual below to see this option in Photoshop Elements 5.0:
INTERNET EXPLORER BUG NOTE: After much testing we have found a bug in newer versions of Internet Explorer. If you save an image, and it does not display in IE, IE will keep the bad image information even if you clear the cache and re-save your image with other options. You may want to consider previewing your template pages on your hard drive in other browser software like Firefox. Once uploaded to your hosting area your images will work fine and be viewable to all users.
Contact your software support:
Allwebco templates use 100% W3C compliant image display code. If an image is not working and can not be solved by one of the suggested methods on this webpage, you will need to contact either your graphics editing program support staff or Microsoft or the browser software supplier to have these problems solved. Software companies need to be informed of bugs so they can be fixed when updates occur.
Allwebco Design does not offer graphics editing support. If you are replacing the template images please refer to the help included with your graphics software program.
Browser update problems:
When testing in your browser, be sure to hit refresh. Also, you may need to empty your browser cache. This option is usually under "tools" then "internet options" on your menu. This error is more common with Flash problems.
Png and other image types:
If you are using any type of image on your template other than .gif or .jpg your images may not work in some browsers. It is strongly suggested that you use only .jpg and .gif images in your website template. This includes .png or .bmp images. These are not fully supported image formats.
About .gif images like the menu images:
.gif images included in the template are 256 indexed color images. If you edit these images, convert them to RGB, then, convert them back to indexed color before you save them.
The IE 7.0 and 8.0 browsers and some Mac browsers have some problems with images when using some graphics programs. If your images are not displaying try using a different graphics program and resaving your .jpg images. Your program may not be compatible with the some browsers. Also see "IE Microsoft solutions" below on this page.
Firewall, Spybot and Zone Alarm problems:
You may have settings in your Firewall, Spybot or Zone Alarm software that are causing image view problems. You will need to either configure these options or turn off your firewall or any software that is blocking any images.
If you have added a toolbar or search bar to your web browser, such as a Google toolbar, you may want to uninstall these items to be sure it is not causing the image viewing problem.
IE Microsoft solutions:
Microsoft offers the following missing image solutions for their browser software in the link below. In our test of the solutions from the link below, the suggestions offered by Microsoft did not correct the image display problems. The best solution is to use Firefox. for template setup on your local computer hard drive.
Work-arounds and fixes:
Below are some possible fixes if your images are not displaying when testing on your computer.
Try uploading to your hosting area:
Because of recent problems, or bugs with IE 6 and 7, as well as problems with some graphics programs such as Photoshop CS2, CS3 and Elements, try uploading your template to your hosting area to test the images. In most cases this is a bug in either the graphics software, the computer operating system, or the browser software and uploading may solve the problem.
Try testing in other browser software:
Try downloading and testing in other browser software like Firefox, Opera or Netscape.
Be sure to flatten your image, then use the "Save for Web" option in Photoshop. Be sure the "optimized" is checked instead of "progressive".
You may need to experiment with the "Save for Web" options in your graphics software. We do not support this type of save option. Please refer to your graphics program help section for info on this type of image creation.
Try other graphics software:
In our tests to find these software bugs we were able to edit an image in Photoshop, then open the image in "Microsoft Office Picture Manager", rotate the image 180 degrees and save. The image was then working in all browser software. Allwebco uses Photoshop 3.0 created in 1994 to edit all images for higher compatibility in all web browers.
Know problem software:
The following image editing programs have been known to create non-browser compliant .jpg images when saving. It is recommended that this software not be used to create, save, rotate, flip or edit images in any way for use on websites.
Microsoft Office Picture Manager V 12
Photoshop CS? (Be sure to flatten layers!)
Photoshop Elements 5.0
Photoshop 6.0 for Mac
Notes from other template users:
I was having trouble with my images not showing when I previewed my template on my hard drive in the Internet Explorer browser. They showed up fine in Firefox, but not in IE.
I am using Photoshop Elements 5. 0 for my graphics and if I use the "Save for Web" option then the pictures display properly when previewed.
Thanks for your suggestions
You are right the problem was with the image. Mainly the file extension which must have been JPG (in upper case).
Saving using "save as..." and making sure to explicitly typing in the .jpg file extension in lower case, does the trick.
I am using the MS Photo Editor and it is not the source of the problem.
As noted in one of your links, once a problem with a pic happens, IE doesn't clear it even when you change the pic and correct the problem.
To get around this, I simply unzipped the template again in a new folder, copied the "good pictures", and "redid" the bad one. This time, IE worked correctly.
Thanks a lot for your help,
The above was in response to the following from support:
This is not an uncommon problem, the problem is most likely with your graphics software. Let me know what software you are using for your graphics editing please.
Unfortunately, I can not give you the exact reason for the problem as we have not yet pinpointed what causes this. We have created a support page with all the possible problems and solutions for this problem: