{"id":23231,"date":"2015-02-03T23:01:08","date_gmt":"2015-02-03T15:01:08","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=23231"},"modified":"2024-08-07T17:24:41","modified_gmt":"2024-08-07T09:24:41","slug":"optimize-images-wordpress","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/","title":{"rendered":"How to Maximize Image Impact with Pre-Defined Sizes for WordPress"},"content":{"rendered":"<p>Optimizing images on a website can be a challenging task. You can use fewer images, compressed images, sprites, or <a href=\"https:\/\/www.hongkiat.com\/blog\/scalable-vector-graphic\/\">SVG<\/a>; the list goes on. Many WordPress sites struggle with defining image sizes, which is a crucial aspect of optimizing content-heavy sites.<\/p>\n<p>Image sizes are vital because images are automatically created according to the sizes defined when they are uploaded. This ensures that even if you have a 3000px wide original image, it is never used if a 600px image is enough. Ideally, a 600px wide space should use a 600px wide image instead of scaling down a larger one.<\/p>\n<p>In this article, I\u2019ll walk you through what image sizes are and how to define them effectively.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/jpeg-optimization-guide\/\" class=\"ref-block__link\" title=\"Read More: Optimizing Images for Websites (Ultimate Guide)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Optimizing Images for Websites (Ultimate Guide)<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/jpeg-optimization-guide.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-14251 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/jpeg-optimization-guide.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Optimizing Images for Websites (Ultimate Guide)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tWhen it comes to website performance, image optimization plays a key role. Large, unoptimized images can slow down...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Understanding How WordPress Handles Images<\/h2>\n<p>If you\u2019ve ever inserted an image in a WordPress article, you should have encountered the image size selector. This feature allows you to insert small, medium, and large versions of your images. The actual sizes for these can be modified in the WordPress settings.<\/p>\n<p>Whenever you upload an image through WordPress, it generates different versions of the image and stores them separately. For example, if you upload a 1200\u00d7800 image, WordPress may create 100\u00d7100, 600\u00d7400, and 900\u00d7600 versions. When you insert an image and choose \u201cmedium,\u201d the actual medium version will be used, as opposed to a shrunk-down version of the original.<\/p>\n<p>This is hugely beneficial because it conserves bandwidth on the server and reduces processing time on the client computer. Downloading a 600\u00d7400 image is faster than downloading a 1200\u00d7800 image.<\/p>\n<p>If a larger image is used and needs to be scaled down, the browser has to handle the calculations to make this happen. While this won\u2019t take hours, it may be noticeable on image-heavy websites.<\/p>\n<h2>The Right Image in the Right Place<\/h2>\n<p>The ultimate goal should always be to use appropriate image sizes. If you need a 440\u00d7380 image, then use an image with that exact size from the server. There are two main places where you\u2019ll be using uploaded images: featured images and in-post images. I would advise focusing on featured images first.<\/p>\n<p>In most articles, it doesn\u2019t really matter if an in-post image is 220px or 245px wide. Whichever version you have available would be equally usable. However, featured images are usually shown at common sizes. For article lists, you may use a 178\u00d7178 thumbnail, and for article headers, you may use a 1200\u00d7600 wide image.<\/p>\n<p>In addition to these, you may also want to keep a separate thumbnail, medium, and large size as defined in the settings to give you easy access to specific dimensions when adding images to posts.<\/p>\n<p>So, what it all boils down to is this: wouldn\u2019t it be great if we had two extra image sizes which we could use for featured images? These image sizes would be created right alongside the rest when an image is uploaded. The good news is that WordPress has you covered with a pretty simple function.<\/p>\n<h2>Creating Custom Image Sizes<\/h2>\n<p>By using the <strong>add_image_size() function<\/strong>, you can define all the image sizes your website needs. Let\u2019s create the two examples mentioned above. Place the code below in your theme\u2019s functions.php file or in a plugin\u2019s file.<\/p>\n<pre>\r\nadd_image_size('featured_thumbnail', 178, 178, true);\r\nadd_image_size('featured_wide', 1200, 600);\r\n<\/pre>\n<p>As you can see, this function takes four parameters. The first parameter allows you to set a name for the size. The second parameter is the maximum width, and the third is the maximum height. The fourth parameter sets hard cropping. If set to true, the image will be created at the exact size you specify.<\/p>\n<p>Once this has been added to your theme or plugin, two new versions of each file you upload will be created by WordPress.<\/p>\n<h2>Using Image Sizes<\/h2>\n<p>These image sizes can be used in a number of functions that deal with retrieving media. Let\u2019s look at featured images first. The <strong>the_post_thumbnail()<\/strong> function is commonly used to display a post\u2019s featured image. The following code can be placed in a WordPress loop:<\/p>\n<pre>\r\nthe_post_thumbnail('featured_thumbnail');\r\n<\/pre>\n<p>The first parameter of this function allows you to specify the image size to use. Since I\u2019ve specified \u201cfeatured_thumbnail,\u201d the 178\u00d7178 version of this file will be used.<\/p>\n<p>There are a number of other functions, such as <strong>wp_get_attachment_image()<\/strong> and <strong>wp_get_attachment_image_src()<\/strong>, which also use the image size parameter. Whenever you use such a function, you should always specify an appropriate image size.<\/p>\n<h2>Regenerating Thumbnails<\/h2>\n<p>If you already have a site in place, you won\u2019t be able to optimize your articles retrospectively just by defining an image size. Image sizes are only taken into account when a new image is uploaded, so they are not applied to images already in the system.<\/p>\n<p>Fear not, the Regenerate Thumbnails <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\">plugin<\/a> will make things all better! This plugin can regenerate the thumbnails for all your images, taking into account all defined image sizes. It can also target a specific image, which is useful if you just have a few or are doing some testing.<\/p>\n<p>Once your thumbnails are regenerated, you should see the optimized versions loaded on your site. You can check this by viewing the source of the image. If you uploaded \u2018example.jpeg\u2019 and you see \u2018example.jpeg\u2019 as the source for your featured image, something isn\u2019t right. If you see \u201cexample-178\u00d7178.jpeg,\u201d then all is well; the optimized image is shown.<\/p>\n<h2>Responsive Images<\/h2>\n<p>One difficulty in maintaining an optimized site is responsiveness. When viewing an article on an iPad, an in-post image of a large size will be downscaled since the maximum width will be around 786px.<\/p>\n<p>The easiest solution is to use a plugin like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/hammy\/\">Hammy<\/a>. Hammy works based on the content width of your theme (as opposed to the window width of the browser) and can serve optimized images based on that. This is especially handy for mobile users where processing power and bandwidth may be an issue.<\/p>\n<h2>Further Image Optimization<\/h2>\n<p>As I mentioned in the introduction, there are countless ways to optimize images. From sprites to image compression, <a href=\"https:\/\/www.hongkiat.com\/blog\/jpeg-optimization-guide\/\">many techniques<\/a> can be used to decrease the load times associated with images. Ashutosh KS has written a great article showcasing <a href=\"https:\/\/www.hongkiat.com\/blog\/wp-image-performance-plugins\/\">9 WordPress Plugins to Improve Image Performance<\/a>; I suggest giving it a read!<\/p>\n<p>I also recommend checking out <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/css-tricks.com\/hassle-free-responsive-images-for-wordpress\/\">Hassle-Free Responsive Images<\/a>, which shows you how to add support for the picture element-something you\u2019ll want to use if you plan to write your own code.<\/p>","protected":false},"excerpt":{"rendered":"<p>Optimizing images on a website can be a challenging task. You can use fewer images, compressed images, sprites, or SVG; the list goes on. Many WordPress sites struggle with defining image sizes, which is a crucial aspect of optimizing content-heavy sites. Image sizes are vital because images are automatically created according to the sizes defined&hellip;<\/p>\n","protected":false},"author":143,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[49],"tags":[4663,2305,252],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Maximize Image Impact with Pre-Defined Sizes for WordPress - Hongkiat<\/title>\n<meta name=\"description\" content=\"Optimizing images on a website can be a challenging task. You can use fewer images, compressed images, sprites, or SVG; the list goes on. Many WordPress\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Maximize Image Impact with Pre-Defined Sizes for WordPress\" \/>\n<meta property=\"og:description\" content=\"Optimizing images on a website can be a challenging task. You can use fewer images, compressed images, sprites, or SVG; the list goes on. Many WordPress\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-03T15:01:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-07T09:24:41+00:00\" \/>\n<meta name=\"author\" content=\"Daniel Pataki\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Pataki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimize-images-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimize-images-wordpress\\\/\"},\"author\":{\"name\":\"Daniel Pataki\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/76d3b3baacd688e9a0d7bd24553519bc\"},\"headline\":\"How to Maximize Image Impact with Pre-Defined Sizes for WordPress\",\"datePublished\":\"2015-02-03T15:01:08+00:00\",\"dateModified\":\"2024-08-07T09:24:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimize-images-wordpress\\\/\"},\"wordCount\":1095,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"keywords\":[\"ad-divi\",\"Image Optimization\",\"WordPress Tips\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimize-images-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimize-images-wordpress\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimize-images-wordpress\\\/\",\"name\":\"How to Maximize Image Impact with Pre-Defined Sizes for WordPress - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"datePublished\":\"2015-02-03T15:01:08+00:00\",\"dateModified\":\"2024-08-07T09:24:41+00:00\",\"description\":\"Optimizing images on a website can be a challenging task. You can use fewer images, compressed images, sprites, or SVG; the list goes on. Many WordPress\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimize-images-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimize-images-wordpress\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimize-images-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Maximize Image Impact with Pre-Defined Sizes for WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/76d3b3baacd688e9a0d7bd24553519bc\",\"name\":\"Daniel Pataki\",\"description\":\"Daniel is a writer for Hongkiat.com. When not coding or writing, you'll find him playing board games or running with his dog. You can drop him a line on Twitter or visit his personal website.\",\"sameAs\":[\"http:\\\/\\\/danielpataki.com\\\/\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/danielpataki\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Maximize Image Impact with Pre-Defined Sizes for WordPress - Hongkiat","description":"Optimizing images on a website can be a challenging task. You can use fewer images, compressed images, sprites, or SVG; the list goes on. Many WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Maximize Image Impact with Pre-Defined Sizes for WordPress","og_description":"Optimizing images on a website can be a challenging task. You can use fewer images, compressed images, sprites, or SVG; the list goes on. Many WordPress","og_url":"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-02-03T15:01:08+00:00","article_modified_time":"2024-08-07T09:24:41+00:00","author":"Daniel Pataki","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Daniel Pataki","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/"},"author":{"name":"Daniel Pataki","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/76d3b3baacd688e9a0d7bd24553519bc"},"headline":"How to Maximize Image Impact with Pre-Defined Sizes for WordPress","datePublished":"2015-02-03T15:01:08+00:00","dateModified":"2024-08-07T09:24:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/"},"wordCount":1095,"commentCount":7,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"keywords":["ad-divi","Image Optimization","WordPress Tips"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/","url":"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/","name":"How to Maximize Image Impact with Pre-Defined Sizes for WordPress - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"datePublished":"2015-02-03T15:01:08+00:00","dateModified":"2024-08-07T09:24:41+00:00","description":"Optimizing images on a website can be a challenging task. You can use fewer images, compressed images, sprites, or SVG; the list goes on. Many WordPress","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/optimize-images-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Maximize Image Impact with Pre-Defined Sizes for WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/76d3b3baacd688e9a0d7bd24553519bc","name":"Daniel Pataki","description":"Daniel is a writer for Hongkiat.com. When not coding or writing, you'll find him playing board games or running with his dog. You can drop him a line on Twitter or visit his personal website.","sameAs":["http:\/\/danielpataki.com\/"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/danielpataki\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-62H","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/143"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=23231"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23231\/revisions"}],"predecessor-version":[{"id":72502,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23231\/revisions\/72502"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=23231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=23231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=23231"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=23231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}