Below are some reasons why your images may not be displayed correctly on your Web page.
Image files were not uploaded to the server
To upload your image files to the server
Open CuteFTP Mac and locate the image files in the left window.
Upload the image files to the server. You should see the files in the right window after the upload.
Go back to your browser and reload or refresh the page. The images should now appear.
Image file names are referenced incorrectly
It is possible that your image files were uploaded correctly to the server, but the server is looking for a different image file name. When you created your Web page, you set up a path and a file name that the server uses to look for the image. In your HTML source code, make sure that image file names are correct in all respects, including letter case.
For example, the Web page calls an image with the following tag: <IMG SRC="my_image.gif">.
When you look at the file you uploaded to the server, you notice the file name is MY_IMAGE.GIF. It is all in upper case. Therefore, the Web page is referencing an image file that doesn't exist.
You need to either retype your HTML code in upper case: <IMG SRC="MY_IMAGE.GIF"> or you need to rename the file on the server to lower case to coordinate with the HTML page.
Image paths are not referenced correctly
It is possible that your image files were uploaded correctly to the server, but the server's path to the image is incorrect. When you created your Web page, you set up a path for the server to look for the image as well as the exact file name of the image. In your HTML source code, make sure that all paths are directed properly. Make sure your path is not something like: <IMG SRC="file://c/Web_editor\Html\Graphics\my_image.gif">, which would be referencing your hard drive instead of the server.
The server cannot find an image stored in a subfolder
Another problem could be that your server cannot find an image located in a subfolder. If your HTML file is looking for the image in the main folder instead of in a subfolder on the server, your image will not be displayed. For example, you may have uploaded your images to a subfolder called Graphics in the main folder, but your HTML IMG tag looks like this: <IMG SRC="my_image.gif">
Because the Graphics subfolder is not referenced in the HTML IMG tag, the server looks in the main folder (or /) but does not see my_image.gif there. The server should be looking for my_image.gif in the subfolder /Graphics (folder names are also case sensitive on the server). To direct the server to the right folder, your IMG tag needs to read <IMG SRC="/Graphics/my_image.gif">. The server would then find and display my_image.gif.