{"id":1867,"date":"2021-05-27T22:58:24","date_gmt":"2021-05-27T17:28:24","guid":{"rendered":"https:\/\/imageattributespro.com\/?p=1867"},"modified":"2022-06-06T21:49:38","modified_gmt":"2022-06-06T16:19:38","slug":"how-wordpress-store-image-attributes","status":"publish","type":"post","link":"https:\/\/imageattributespro.com\/how-wordpress-store-image-attributes\/","title":{"rendered":"Understanding How WordPress Store Image Attributes"},"content":{"rendered":"\n<p>Understanding how and where WordPress store image attributes is key to effectively using Image Attributes Pro. It&#8217;s not complicated, let&#8217;s get into it. <\/p>\n\n\n\n<p>WordPress has four attributes for every image:<\/p>\n\n\n\n<ul><li>Image Title<\/li><li>Image Alt Text (Alternative Text)<\/li><li>Image Caption <\/li><li>Image Description<\/li><\/ul>\n\n\n\n<p><strong>Except for Image Description, there are two locations where these attributes are saved. One in the <code>Media library<\/code> and another along with html of the post. Image description is only stored in the media library. <\/strong><\/p>\n\n\n\n<p>If you are confused, do not worry yet. Please keep reading or watch the video. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Understanding How WordPress Store Image Attributes\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/dg97Z1aYC7c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Image Attributes Stored In Media Library<\/h2>\n\n\n\n<p>If you manually specify image attributes when you upload an image to a post or a product, WordPress saves them for you. If you check the image in your <code>Media Library<\/code> later, you will see the same attributes. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"824\" height=\"761\" src=\"https:\/\/imageattributespro.com\/wp-content\/uploads\/2020\/01\/image-attributes-in-media-library.png\" alt=\"Image Attributes In Media Library\" class=\"wp-image-1135\" srcset=\"https:\/\/imageattributespro.com\/wp-content\/uploads\/2020\/01\/image-attributes-in-media-library.png 824w, https:\/\/imageattributespro.com\/wp-content\/uploads\/2020\/01\/image-attributes-in-media-library-730x674.png 730w, https:\/\/imageattributespro.com\/wp-content\/uploads\/2020\/01\/image-attributes-in-media-library-768x709.png 768w, https:\/\/imageattributespro.com\/wp-content\/uploads\/2020\/01\/image-attributes-in-media-library-600x554.png 600w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/figure>\n\n\n\n<p>The above is an example of an image as seen from the media library with all it&#8217;s attributes filled in. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image Attributes Embedded Within Post Content<\/h2>\n\n\n\n<p>When you insert an image into a post or a product, WordPress uses the image attributes you filled in to setup the HTML markup for the image. <\/p>\n\n\n\n<p>The example below is of a <code>WooCommerce Product<\/code> &gt; <code>Edit Product<\/code> screen. The image title is used as it&#8217;s HTML title (denoted by <code>title=<\/code> attribute in the markup) and the Alternative Text is used as it&#8217;s HTML alt text (denoted by <code>alt=<\/code> attribute in the markup). You can also see the caption is enclosed in <code>caption<\/code> tags.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1651\" height=\"619\" src=\"https:\/\/imageattributespro.com\/wp-content\/uploads\/2021\/06\/image-title-alt-text-caption-in-post-html.png\" alt=\"Image Title Alt Text Caption In Post Html\" class=\"wp-image-1915\" srcset=\"https:\/\/imageattributespro.com\/wp-content\/uploads\/2021\/06\/image-title-alt-text-caption-in-post-html.png 1651w, https:\/\/imageattributespro.com\/wp-content\/uploads\/2021\/06\/image-title-alt-text-caption-in-post-html-730x274.png 730w, https:\/\/imageattributespro.com\/wp-content\/uploads\/2021\/06\/image-title-alt-text-caption-in-post-html-768x288.png 768w, https:\/\/imageattributespro.com\/wp-content\/uploads\/2021\/06\/image-title-alt-text-caption-in-post-html-1536x576.png 1536w, https:\/\/imageattributespro.com\/wp-content\/uploads\/2021\/06\/image-title-alt-text-caption-in-post-html-600x225.png 600w\" sizes=\"(max-width: 1651px) 100vw, 1651px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Should The Attributes Be The Same In Both Locations? <\/h2>\n\n\n\n<p>The answer is: No. <\/p>\n\n\n\n<p>If an image is used in mutliple posts or product, each instance of that image can have a different set of <code>title<\/code>, <code>alt<\/code> and <code>caption<\/code>. Image description is not part of image HTML markup and will only be present in the <code>Media Library<\/code>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">If I Update Attributes In Media Library Will They Be Updated Within Posts?<\/h2>\n\n\n\n<p>The answer is: No. <\/p>\n\n\n\n<p>Updating the attributes in the <code>Media Library<\/code> does not change the image attributes embedded within posts or products automatically. <strong>This is where <a href=\"https:\/\/imageattributespro.com\/\">Image Attributes Pro<\/a> can help you save countless hours of manual work!<\/strong><\/p>\n\n\n\n<p>You can also use Image Attributes Pro to <a href=\"https:\/\/imageattributespro.com\/copy-image-attributes-media-library-to-posts\/\">Copy Image Title and Alt Text From Media Library to Posts<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Will Image Attributes Pro Update Both Locations?<\/h2>\n\n\n\n<p>The answer is: Yes. <\/p>\n\n\n\n<p>It depends on the settings you use of course. You can ask Image Attributes Pro to only update the <code>Media Library<\/code>. <\/p>\n\n\n\n<p>On the contrary, you can <a href=\"https:\/\/imageattributespro.com\/codex\/iaffpro_update_media_library\/\">disable updates in media library<\/a> and let Image Attributes Pro update the attributes within posts or products. <\/p>\n\n\n\n<p>I hope this understanding of how WordPress store image attributes will help you configure Image Attributes Pro to meet your needs. <\/p>\n\n\n\n<p><strong>Related reading<\/strong>: <a href=\"https:\/\/imageattributespro.com\/image-attributes-pro-behavior-same-image-on-multiple-posts\/\">How Will Image Attributes Pro Behave When Same Image Is Used On Multiple Posts\/Products<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Except for Image Description, there are two locations where these attributes are saved. One in the media library and another along with html of the post. Image description is only stored in the media library. Understanding how WordPress stores image attributes is key to effectively using Image Attributes Pro<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[],"_links":{"self":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/posts\/1867"}],"collection":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/comments?post=1867"}],"version-history":[{"count":15,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/posts\/1867\/revisions"}],"predecessor-version":[{"id":2867,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/posts\/1867\/revisions\/2867"}],"wp:attachment":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/media?parent=1867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/categories?post=1867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/tags?post=1867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}