{"id":117,"date":"2010-12-20T06:20:03","date_gmt":"2010-12-20T06:20:03","guid":{"rendered":"http:\/\/psd2htmlconverter.com\/en\/wordpress\/?p=117"},"modified":"2016-01-20T19:53:42","modified_gmt":"2016-01-20T19:53:42","slug":"automatic-grouping-of-photoshop-layers","status":"publish","type":"post","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/","title":{"rendered":"Automatic grouping of Photoshop layers"},"content":{"rendered":"<p>If you grouped\u00a0 layers in the PSD design template not quite well we will try to do it for you. Service of <a title=\"PSD to HTML Conversion\" href=\"http:\/\/psd2htmlconverter.com\/en\/\">PSD to CSS Conversion<\/a> will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file.<!--more--><\/p>\n<p>But the fact we are doing an automatic groping of layers does not mean that we are doing it in the best way. We can&#8217;t predict your intentions for different layers perfectly. That&#8217;s why we recommend you to group layers in your PSD template by yourself. Unite layers into Layer Groups in the logical way (mark out columns, rows, etc). The better you group layers the better HTML CSS markup you will get. Thus, in the first place that&#8217;s you who are responsible for the quality of <a href=\"\/\/psd2htmlconverter.com\/en\/documentation\/\">HTML and CSS extracted from the PSD<\/a> file!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you grouped\u00a0 layers in the PSD design template not quite well we will try to do it for you. Service of PSD to CSS Conversion will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1,5],"tags":[],"class_list":["post-117","post","type-post","status-publish","format-standard","hentry","category-all","category-new"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"If you grouped layers in the PSD design template not quite well we will try to do it for you. Service of PSD to CSS Conversion will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file. But the\" \/>\n\t<meta name=\"robots\" content=\"max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"author\" content=\"Alex\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Blog about automated Photoshop to HTML\/CSS conversion | Blog of Psd 2 Html Converter developers\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Automatic grouping of Photoshop layers | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta property=\"og:description\" content=\"If you grouped layers in the PSD design template not quite well we will try to do it for you. Service of PSD to CSS Conversion will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file. But the\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2010-12-20T06:20:03+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2016-01-20T19:53:42+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Automatic grouping of Photoshop layers | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta name=\"twitter:description\" content=\"If you grouped layers in the PSD design template not quite well we will try to do it for you. Service of PSD to CSS Conversion will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file. But the\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/20\\\/automatic-grouping-of-photoshop-layers\\\/#article\",\"name\":\"Automatic grouping of Photoshop layers | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"headline\":\"Automatic grouping of Photoshop layers\",\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\"},\"datePublished\":\"2010-12-20T06:20:03+00:00\",\"dateModified\":\"2016-01-20T19:53:42+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/20\\\/automatic-grouping-of-photoshop-layers\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/20\\\/automatic-grouping-of-photoshop-layers\\\/#webpage\"},\"articleSection\":\"All, New!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/20\\\/automatic-grouping-of-photoshop-layers\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"name\":\"All\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"position\":2,\"name\":\"All\",\"item\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/20\\\/automatic-grouping-of-photoshop-layers\\\/#listItem\",\"name\":\"Automatic grouping of Photoshop layers\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/20\\\/automatic-grouping-of-photoshop-layers\\\/#listItem\",\"position\":3,\"name\":\"Automatic grouping of Photoshop layers\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"name\":\"All\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\",\"name\":\"Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"Blog of Psd 2 Html Converter developers\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/\",\"name\":\"Alex\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/20\\\/automatic-grouping-of-photoshop-layers\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6116c23917d8b63930c77aa8efb6f4e9ac316b3f56904aacfd5ab3e7432fcae?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Alex\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/20\\\/automatic-grouping-of-photoshop-layers\\\/#webpage\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/20\\\/automatic-grouping-of-photoshop-layers\\\/\",\"name\":\"Automatic grouping of Photoshop layers | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"If you grouped layers in the PSD design template not quite well we will try to do it for you. Service of PSD to CSS Conversion will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file. But the\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/20\\\/automatic-grouping-of-photoshop-layers\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"datePublished\":\"2010-12-20T06:20:03+00:00\",\"dateModified\":\"2016-01-20T19:53:42+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/\",\"name\":\"Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"Blog of Psd 2 Html Converter developers\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Automatic grouping of Photoshop layers | Blog about automated Photoshop to HTML\/CSS conversion","description":"If you grouped layers in the PSD design template not quite well we will try to do it for you. Service of PSD to CSS Conversion will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file. But the","canonical_url":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/","robots":"max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/#article","name":"Automatic grouping of Photoshop layers | Blog about automated Photoshop to HTML\/CSS conversion","headline":"Automatic grouping of Photoshop layers","author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"publisher":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization"},"datePublished":"2010-12-20T06:20:03+00:00","dateModified":"2016-01-20T19:53:42+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/#webpage"},"isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/#webpage"},"articleSection":"All, New!"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en#listItem","position":1,"name":"Home","item":"https:\/\/blog.psd2htmlconverter.com\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","name":"All"}},{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","position":2,"name":"All","item":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/#listItem","name":"Automatic grouping of Photoshop layers"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/#listItem","position":3,"name":"Automatic grouping of Photoshop layers","previousItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","name":"All"}}]},{"@type":"Organization","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization","name":"Blog about automated Photoshop to HTML\/CSS conversion","description":"Blog of Psd 2 Html Converter developers","url":"https:\/\/blog.psd2htmlconverter.com\/en\/"},{"@type":"Person","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author","url":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/","name":"Alex","image":{"@type":"ImageObject","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/f6116c23917d8b63930c77aa8efb6f4e9ac316b3f56904aacfd5ab3e7432fcae?s=96&d=mm&r=g","width":96,"height":96,"caption":"Alex"}},{"@type":"WebPage","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/#webpage","url":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/","name":"Automatic grouping of Photoshop layers | Blog about automated Photoshop to HTML\/CSS conversion","description":"If you grouped layers in the PSD design template not quite well we will try to do it for you. Service of PSD to CSS Conversion will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file. But the","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/#breadcrumblist"},"author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"creator":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"datePublished":"2010-12-20T06:20:03+00:00","dateModified":"2016-01-20T19:53:42+00:00"},{"@type":"WebSite","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#website","url":"https:\/\/blog.psd2htmlconverter.com\/en\/","name":"Blog about automated Photoshop to HTML\/CSS conversion","description":"Blog of Psd 2 Html Converter developers","inLanguage":"en-US","publisher":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Blog about automated Photoshop to HTML\/CSS conversion | Blog of Psd 2 Html Converter developers","og:type":"article","og:title":"Automatic grouping of Photoshop layers | Blog about automated Photoshop to HTML\/CSS conversion","og:description":"If you grouped layers in the PSD design template not quite well we will try to do it for you. Service of PSD to CSS Conversion will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file. But the","og:url":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/","article:published_time":"2010-12-20T06:20:03+00:00","article:modified_time":"2016-01-20T19:53:42+00:00","twitter:card":"summary_large_image","twitter:title":"Automatic grouping of Photoshop layers | Blog about automated Photoshop to HTML\/CSS conversion","twitter:description":"If you grouped layers in the PSD design template not quite well we will try to do it for you. Service of PSD to CSS Conversion will group layers into columns and rows and turn them into separate div blocks. Grouping is made for layers into each Layer Group in the Photoshop file. But the"},"aioseo_meta_data":{"post_id":"117","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2025-02-08 12:06:48","updated":"2025-06-04 00:19:58","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.psd2htmlconverter.com\/en\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/\" title=\"All\">All<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAutomatic grouping of Photoshop layers\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/blog.psd2htmlconverter.com\/en"},{"label":"All","link":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/"},{"label":"Automatic grouping of Photoshop layers","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/20\/automatic-grouping-of-photoshop-layers\/"}],"_links":{"self":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":5,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/117\/revisions"}],"predecessor-version":[{"id":422,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/117\/revisions\/422"}],"wp:attachment":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/media?parent=117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/categories?post=117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/tags?post=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}