Broken images appears on websites due to various reasons. It will significantly effect the user experience of a website, and the overall functionality.
One of the main reasons for a broken image is an incorrect URL. The URL is specified for the image source, and if the URL is mistyped, the image file has been moved, or it no longer exists on the server, the browser won't be able to retrieve the image, resulting in a broken image placeholder.
Sometimes, the image file itself might be the problem. It may corrupted, either during upload, storage, or due to file transfer errors. A corrupted image file can't be displayed the way it was intended by the browser, again resulting in a broken image placeholder.
Also, users can from time to time run into the problem of not having permission to view the image. If permissions for accessing the image file are restricted, users might encounter a broken image display.