{"id":19553,"date":"2014-03-17T15:01:18","date_gmt":"2014-03-17T07:01:18","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=19553"},"modified":"2024-05-14T22:27:23","modified_gmt":"2024-05-14T14:27:23","slug":"cutslice-me-photoshop","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/","title":{"rendered":"Export Photoshop Layers Easily With Cut&#038;Slice Me"},"content":{"rendered":"<p><strong>Update:<\/strong> Cut&Slice Me is no longer in service.<\/p>\n<p>Cutting and slicing in the design process can be quite time-consuming. It becomes even more complex when you have to cut and slice hundreds of layers on different scales.<\/p>\n<p>Sure, there are <strong>copy merged, export layers to files<\/strong> or <strong>slice<\/strong> features in <a href=\"https:\/\/www.hongkiat.com\/blog\/category\/photoshop\/\">Photoshop<\/a>, but they don\u2019t do much to speed up the cutting and slicing process. That\u2019s where a plugin comes in handy.<\/p>\n<p><strong>Cut&Slice Me<\/strong> is a Photoshop extension that simplifies cutting and slicing. It allows you to export your layers for iPhone, Android, or Desktop devices. The exported files come in various scales and resolutions, such as Retina for iPhone or HDPI, LDPI, MDPI, and XHDPI for Android.<\/p>\n<h2>Cut&Slice Me Installation<\/h2>\n<p>To use the Cut&Slice Me plugin, you need at least <strong>Adobe Photoshop CS6\/CC<\/strong> installed on your machine. Download the plugin (and the sample PSD file that we\u2019ll be working on later).<\/p>\n<p>Once your download has finished, <strong>double-click the CutAndSliceMe.zxp file<\/strong>, and the installation will automatically begin by <strong>Adobe Extension Manager<\/strong>. Follow the instructions, and restart Photoshop if it is already open.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/installation-process.jpg\" width=\"500\" height=\"370\" alt=\"Installation process of Cut&Slice Me\"><\/figure>\n<p>To make the plugin visible in your Photoshop right panel, go to <strong>Window &gt; Extensions &gt; Cut and Slice Me<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/cut-and-slice-me-panel.jpg\" width=\"500\" height=\"321\" alt=\"Cut&Slice Me plugin panel\"><\/figure>\n<h2>Getting Started<\/h2>\n<p>Cut&Slice Me is straightforward to use, but you need to do some setup to ensure the plugin works efficiently during cutting and slicing.<\/p>\n<p>First, <strong>organize your layer objects into folders<\/strong>, as Cut&Slice Me only checks group names. You also need to <strong>add an \u201c@\u201d symbol at the end of the layer group name<\/strong> you want to export.<\/p>\n<h3>Slicing Defined Size<\/h3>\n<p>All unnecessary transparent pixels are removed during the exporting process. To keep the exported file at your desired size:<\/p>\n<ol>\n<li>Check the <strong>\u2018Snap Vector Tools and Transforms to Pixel Grid\u2019<\/strong> setting in <strong>Edit &gt; Preferences &gt; General<\/strong>.<\/li>\n<li>Create a rectangular vector layer for the size you want.<\/li>\n<li>Place this shape at the very top of the group to define the export area size. Finally, name the shape <strong>\u201c#\u201d<\/strong>.<\/li>\n<\/ol>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/cut-and-slice-me-tutorial-img.jpg\" width=\"500\" height=\"320\" alt=\"Cut&Slice Me tutorial example\"><\/figure>\n<h3>Different State Asset<\/h3>\n<p>For buttons or elements with different states, use this special method:<\/p>\n<ol>\n<li>Create a new layer group for the button and include a \u201c_BTN\u201d label in its name.<\/li>\n<li>Inside the button group, create another group containing button states and <strong>name them accordingly<\/strong>. State names should include:<\/li>\n<\/ol>\n<ul>\n<li>normal<\/li>\n<li>hover<\/li>\n<li>clicked\/pressed<\/li>\n<li>selected<\/li>\n<li>disabled<\/li>\n<\/ul>\n<p>This rule can also apply to other elements with <strong>different states<\/strong>, as shown in the screenshot below.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/cut-and-slice-me-buttons.jpg\" width=\"500\" height=\"333\" alt=\"Cut&Slice Me buttons example\"><\/figure>\n<h2>Using Cut&Slice Me<\/h2>\n<p>Let\u2019s see how Cut&Slice Me can assist with your designs. We\u2019ll use the sample PSD design file from the Cut&Slice Me homepage.<\/p>\n<p>As mentioned earlier, Cut&Slice Me lets you export to <strong>iPhone, Android<\/strong>, and the <strong>Web<\/strong>. You can slice all assets, subgroups, or selected layers. Let\u2019s slice and export the sample design for iPhone.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/cut-and-slice-me-sample.jpg\" width=\"500\" height=\"320\" alt=\"Cut&Slice Me sample design\"><\/figure>\n<p>After the exporting process finishes, you\u2019ll find the <strong>result files are located in the original PSD file location<\/strong> (see image).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/cut-and-slice-me-sample-result-iphone.jpg\" width=\"500\" height=\"372\" alt=\"Sample export result for iPhone\"><\/figure>\n<p>Now that you have a solid understanding of how the plugin works, let\u2019s try using it with another design.<\/p>\n<p>Using the <em>Webpaint template<\/em> from <strong>Elemis Freebies<\/strong>, you\u2019ll see <strong>how to set up the plugin rules from scratch<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/webpaint-sample.jpg\" width=\"500\" height=\"270\" alt=\"Webpaint sample template\"><\/figure>\n<p>For simplicity, <strong>we\u2019ll only use half of the design<\/strong> for exporting. The following screenshot compares the layer structure before and after preparing them for export.<\/p>\n<p>On the left (in red) are the original layers, and after rearranging and renaming them, we arrive at what\u2019s on the right (in blue).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/webpaint-layers.jpg\" width=\"500\" height=\"350\" alt=\"Comparison of layer structures before and after reorganization\"><\/figure>\n<p>As the template is for the web, choose the device mode for desktop (monitor icon) in the plugin panel. Then, hit <strong>Cut All Assets<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/cut-and-slice-me-monitor.jpg\" width=\"500\" height=\"320\" alt=\"Desktop device mode in plugin\"><\/figure>\n<p>Now, the defined asset has been sliced successfully, as shown below.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/webpaint-result.jpg\" width=\"500\" height=\"169\" alt=\"Webpaint result\"><\/figure>\n<p>If slicing your own design, ensure it\u2019s in the highest resolution, as final images are for <strong>XHDPI<\/strong> on Android and <strong>Retina<\/strong> on Apple devices. The plugin maintains the full resolution, then <strong>scales it down for export into different sizes<\/strong>.<\/p>\n<h2>Conclusion<\/h2>\n<p>No time is wasted when you cut and slice using this Photoshop plugin. With a bit more discipline in layer organization, even complex designs can be sliced with precision and ease.<\/p>","protected":false},"excerpt":{"rendered":"<p>Update: Cut&#038;Slice Me is no longer in service. Cutting and slicing in the design process can be quite time-consuming. It becomes even more complex when you have to cut and slice hundreds of layers on different scales. Sure, there are copy merged, export layers to files or slice features in Photoshop, but they don\u2019t do&hellip;<\/p>\n","protected":false},"author":136,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[43],"tags":[],"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.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Export Photoshop Layers Easily With Cut&amp;Slice Me - Hongkiat<\/title>\n<meta name=\"description\" content=\"Update: Cut&amp;Slice Me is no longer in service. Cutting and slicing in the design process can be quite time-consuming. It becomes even more complex when you\" \/>\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\/cutslice-me-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Export Photoshop Layers Easily With Cut&amp;Slice Me\" \/>\n<meta property=\"og:description\" content=\"Update: Cut&amp;Slice Me is no longer in service. Cutting and slicing in the design process can be quite time-consuming. It becomes even more complex when you\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/\" \/>\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=\"2014-03-17T07:01:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-14T14:27:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/installation-process.jpg\" \/>\n<meta name=\"author\" content=\"Irfan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@IrfanFza\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Irfan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/\"},\"author\":{\"name\":\"Irfan\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/483b1092b8017f37d977331e91935d8c\"},\"headline\":\"Export Photoshop Layers Easily With Cut&#038;Slice Me\",\"datePublished\":\"2014-03-17T07:01:18+00:00\",\"dateModified\":\"2024-05-14T14:27:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/\"},\"wordCount\":688,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/cutslice-me-photoshop\\\/installation-process.jpg\",\"articleSection\":[\"Photoshop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/\",\"name\":\"Export Photoshop Layers Easily With Cut&Slice Me - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/cutslice-me-photoshop\\\/installation-process.jpg\",\"datePublished\":\"2014-03-17T07:01:18+00:00\",\"dateModified\":\"2024-05-14T14:27:23+00:00\",\"description\":\"Update: Cut&Slice Me is no longer in service. Cutting and slicing in the design process can be quite time-consuming. It becomes even more complex when you\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/cutslice-me-photoshop\\\/installation-process.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/cutslice-me-photoshop\\\/installation-process.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cutslice-me-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Export Photoshop Layers Easily With Cut&#038;Slice Me\"}]},{\"@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\\\/483b1092b8017f37d977331e91935d8c\",\"name\":\"Irfan\",\"description\":\"Irfan is a writer for hongkiat.com and tech enthusiast all-around. He also appreciates much on minimalist and clean design. Movie and football lovers and enjoy to travel around in his free time.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/IrfanFza\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/irfan_fauzii\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Export Photoshop Layers Easily With Cut&Slice Me - Hongkiat","description":"Update: Cut&Slice Me is no longer in service. Cutting and slicing in the design process can be quite time-consuming. It becomes even more complex when you","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\/cutslice-me-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Export Photoshop Layers Easily With Cut&Slice Me","og_description":"Update: Cut&Slice Me is no longer in service. Cutting and slicing in the design process can be quite time-consuming. It becomes even more complex when you","og_url":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-03-17T07:01:18+00:00","article_modified_time":"2024-05-14T14:27:23+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/installation-process.jpg","type":"","width":"","height":""}],"author":"Irfan","twitter_card":"summary_large_image","twitter_creator":"@IrfanFza","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Irfan","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/"},"author":{"name":"Irfan","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/483b1092b8017f37d977331e91935d8c"},"headline":"Export Photoshop Layers Easily With Cut&#038;Slice Me","datePublished":"2014-03-17T07:01:18+00:00","dateModified":"2024-05-14T14:27:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/"},"wordCount":688,"commentCount":7,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/installation-process.jpg","articleSection":["Photoshop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/","url":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/","name":"Export Photoshop Layers Easily With Cut&Slice Me - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/installation-process.jpg","datePublished":"2014-03-17T07:01:18+00:00","dateModified":"2024-05-14T14:27:23+00:00","description":"Update: Cut&Slice Me is no longer in service. Cutting and slicing in the design process can be quite time-consuming. It becomes even more complex when you","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/installation-process.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/cutslice-me-photoshop\/installation-process.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/cutslice-me-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Export Photoshop Layers Easily With Cut&#038;Slice Me"}]},{"@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\/483b1092b8017f37d977331e91935d8c","name":"Irfan","description":"Irfan is a writer for hongkiat.com and tech enthusiast all-around. He also appreciates much on minimalist and clean design. Movie and football lovers and enjoy to travel around in his free time.","sameAs":["https:\/\/x.com\/IrfanFza"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/irfan_fauzii\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-55n","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19553","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\/136"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=19553"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19553\/revisions"}],"predecessor-version":[{"id":71873,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19553\/revisions\/71873"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=19553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=19553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=19553"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=19553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}