{"id":39283,"date":"2022-07-18T15:00:01","date_gmt":"2022-07-18T13:00:01","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=39283"},"modified":"2023-09-04T09:57:01","modified_gmt":"2023-09-04T07:57:01","slug":"how-to-fix-broken-image-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-fix-broken-image-in-wordpress\/","title":{"rendered":"How to Find and Fix a Broken Image in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]One mustn\u2019t underestimate the important role of visuals in business and <a href=\"https:\/\/qodeinteractive.com\/magazine\/ultimate-guide-to-content-marketing\/\">digital marketing<\/a>. Images in particular have the power to inspire, engage, convey a message, and ultimately, get people to stay on your site and explore it further. But images are not only good for brand engagement \u2013 they\u2019re an <strong>important website ranking factor<\/strong>, too. So, it\u2019s needless to say that if you have a single broken image on one of your pages, this is not good news for the overall reputation of your site.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To prevent running into such issues, we\u2019ve decided to talk about a few ways in which you can find and fix broken images on your WordPress site. We will also explain <strong>what a broken image is and discuss why it\u2019s so important to fix this problem<\/strong>, so make sure to keep reading:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#what-is-broken-image\">What Is a Broken Image and Why Is It So Important to Fix It?<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#detecting-broken-image-using-plugin\">Detecting a Broken Image in WordPress Using a Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#fixing-broken-image\">Fixing a Broken Image in WordPress<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"what-is-broken-image\"><\/a>What Is a Broken Image and Why Is It So Important to Fix It?<\/h2>\n<p>[\/vc_column_text][vc_column_text]Simply put, a broken image represents a link that leads to an image that is no longer available, for one reason or the other. Usually, what people see when they click on this broken image link is a <a href=\"https:\/\/qodeinteractive.com\/magazine\/404-not-found-wordpress-error\/\">404 error<\/a> and\/or a generally recognized broken image symbol.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                                            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]As we\u2019ve already suggested in the beginning, images play a crucial role when it comes to enhancing the overall user experience and engagement on your site. Namely, when a user expects to find an image on your site and gets a broken image instead, they will definitely be put off by the experience. Also, depending on the overall purpose of your images and the type of website you own (for example, if you have an image-based <a href=\"https:\/\/qodeinteractive.com\/magazine\/portfolio-website-elements\/\">portfolio site<\/a> or an <a href=\"https:\/\/qodeinteractive.com\/magazine\/ecommerce-sites-in-qode-themes\/\">eCommerce platform<\/a> that also relies on various <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-create-perfect-woocommerce-product-image\/\">product images<\/a>), they may even end up abandoning your site altogether, which can only have a bad reflection on your sales and conversions. Therefore, <strong>having broken images can negatively impact people\u2019s trust<\/strong> and, naturally, <strong>damage your website\u2019s credibility<\/strong> as a whole.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Not only do users dislike websites with broken images, but the same can be said for search engines as well. In case a Googlebot finds too many broken image links, it may label such a website as unreliable, and websites like these generally tend to score a lower ranking in SERPs.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In any case, your website failing to load images is a serious issue that needs to be identified and fixed \u2013 and we are going to show you how to do that in a minute.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"detecting-broken-image-using-plugin\"><\/a>Detecting a Broken Image in WordPress Using a Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]There are various tools you can use for the detection of broken images on your WordPress site. For example, a plugin such as <a href=\"https:\/\/wordpress.org\/plugins\/broken-link-finder\/\" target=\"_blank\" rel=\"noopener\">Broken Link Checker<\/a> is one such tool. After installing this plugin, you can <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-find-and-fix-broken-links-in-wordpress\">check for all dead or broken links<\/a> on any page of your site, including the links of broken images.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]While the free version of the plugin allows you to detect issues with a manual scan, there is also the premium version available with more advanced features. If you upgrade to premium, you can make use of the ability to perform a so-called deep scan of your site. You will even get the option to fix and edit the broken link in question.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Broken-Link-Checker.jpg\" class=\"attachment-full size-full\" alt=\"Broken Link Checker\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Broken-Link-Checker.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Broken-Link-Checker-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Broken-Link-Checker-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Broken-Link-Checker-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">installing and activating the plugin<\/a>, go to the <em>Broken Link Checker<\/em> page (the link with the same name is available in your admin dashboard) and <strong>choose the <em>Broken Link Scan<\/em> tab<\/strong>. Then, <strong>click on <em>Start New Scan<\/em>.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Start-New-Scan.jpg\" class=\"attachment-full size-full\" alt=\"Start New Scan\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Start-New-Scan.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Start-New-Scan-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Start-New-Scan-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Start-New-Scan-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The plugin will instantly start scanning for any broken links on your site, displaying the progress bar and notifying you of the total number of posts and pages found, the number of scanned links so far, and the number of broken links, among other data. In other words, you can see the reports even while the scan is still in progress. All in all, the link scanning process itself should take a few minutes.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"496\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Scanning-Process.jpg\" class=\"attachment-full size-full\" alt=\"Scanning Process\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Scanning-Process.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Scanning-Process-300x154.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Scanning-Process-768x393.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Scanning-Process-620x317.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once the scan is finished, you will be able to access the broken link page and see what you can do to fix it.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"fixing-broken-image\"><\/a>Fixing a Broken Image in WordPress<\/h2>\n<p>[\/vc_column_text][vc_column_text]Now, before we tell you what you can do to fix broken images, we are going to list some of the reasons why this issue can occur in the first place. Here are some of the possible causes of having a broken image on your site:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Incorrect path to the location of the image file\n<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Damaged image file<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Wrong image format (for example, the image file type is .jpg but it\u2019s identified as .png in the code of the image)<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Changes in the image name<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Files that are removed from the server (in cases of site migration, for example).<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;28px&#8221;][vc_column_text]There are a few different approaches you can take to counter the issue of broken images on your WordPress site. For example, you can simply delete the faulty images altogether or try to rename and\/or restore them. We suggest that you try restoring your images only if your website or business is dependent on quality images so it\u2019s important for all your visuals to always be displayed properly.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]First things first, when you register a broken image on your site, you should find, or rather, define its path. This can be done easily by using your browser\u2019s <a href=\"https:\/\/qodeinteractive.com\/magazine\/browser-inspect-element-tool-in-wordpress\/\">inspect element tool<\/a>. Simply hover over the broken image and right-click on it. Then, choose <em>Inspect<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The URL that shows up in the inspect tool should be the location of your image. You should copy this location and paste it into the text editor of your choice.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"600\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Inspect-Image.jpg\" class=\"attachment-full size-full\" alt=\"Inspect Image\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Inspect-Image.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Inspect-Image-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Inspect-Image-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Inspect-Image-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you\u2019re aware of your image location and its name, you should see if your picture is still present at said location. You can do this <strong>using your cPanel (or FTP) and going to the directory you\u2019ve found in your Inspect.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For more information on how to find and access your images, we highly recommend that you check out our comprehensive article that talks about <a href=\"https:\/\/qodeinteractive.com\/magazine\/where-are-wordpress-images-stored\/\">where WordPress stores images on your site<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If your image isn\u2019t where it\u2019s supposed to be, you can <strong>try and place it there once again, or rename your image tag<\/strong> so that it matches its proper location.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In case the path of the image file in your WordPress directory contains the same URL as the one in your browser and you still have the issue, then there\u2019s a high chance that your image file is damaged. We suggest that you check whether your image shows up on your browser or your local computer. If not, you should reupload the image to your site.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Finally, if all else fails, you can try and roll back to the previously <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-backup-with-updraftplus-plugin\/\">backed up version of your site<\/a> and see if that fixes a broken image issue.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]By ensuring that your website is devoid of broken images, you can only maintain your website\u2019s reputation, improve user engagement, and positively influence your website\u2019s rankings in SERPs. There are tools you can use to detect broken images quickly and with ease. A plugin like Broken Link Checker looks for all broken links on your site including broken image links. While the free version of the plugin is enough to detect a broken image link, if you upgrade to the premium version of the plugin, you also get the option to edit and fix the link in question. If you decide to try and fix the issue of a broken image on your own, you first need to find the cause of the problem, like whether it\u2019s due to a damaged file, incorrect file path, or something else entirely. Then, you can proceed to <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-troubleshoot-wordpress-errors\/\">troubleshoot and fix the problem<\/a> accordingly \u2013 either by restoring, replacing, or deleting your image altogether.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Even if you have a single broken image on one of your pages, this is not good news for your site&#8217;s reputation. Read on to learn how you can fix this issue.<\/p>\n","protected":false},"author":2,"featured_media":39423,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[61,4,13],"class_list":["post-39283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-images","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/39283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=39283"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/39283\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/39423"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=39283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=39283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=39283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}