{"id":570,"date":"2016-08-28T17:08:11","date_gmt":"2016-08-28T17:08:11","guid":{"rendered":"https:\/\/psd2htmlconverter.com\/en\/blog\/?p=570"},"modified":"2016-08-22T21:54:10","modified_gmt":"2016-08-22T21:54:10","slug":"extracting-photoshop-layer-as-gif-image","status":"publish","type":"post","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/","title":{"rendered":"Extracting Photoshop layer as GIF image"},"content":{"rendered":"<p>Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format.<!--more-->Most widespread image formats used in web development are PNG and JPG formats. JPG format allows to get file of lower size, however it does not support transparency. PNG format allows transparency, but saved image usually have bigger size. In some cases GIF format is still used for images. Usually, it is good only for images of low dimensions, such as icons. It should be noted that GIF format does not support alpha transparency, it is only possible to show fully transparent pixels.<\/p>\n<p>To extract image in GIF format it is needed to add tag #gif to the corresponding layer in PSD template.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format.<\/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-570","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.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format.Most widespread image formats used in web development are PNG and JPG formats. JPG format allows to get file of lower size, however it does not support transparency. PNG format allows transparency, but saved image usually have bigger size.\" \/>\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\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\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=\"Extracting Photoshop layer as GIF image | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta property=\"og:description\" content=\"Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format.Most widespread image formats used in web development are PNG and JPG formats. JPG format allows to get file of lower size, however it does not support transparency. PNG format allows transparency, but saved image usually have bigger size.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2016-08-28T17:08:11+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2016-08-22T21:54:10+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Extracting Photoshop layer as GIF image | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format.Most widespread image formats used in web development are PNG and JPG formats. JPG format allows to get file of lower size, however it does not support transparency. PNG format allows transparency, but saved image usually have bigger size.\" \/>\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\\\/2016\\\/08\\\/28\\\/extracting-photoshop-layer-as-gif-image\\\/#article\",\"name\":\"Extracting Photoshop layer as GIF image | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"headline\":\"Extracting Photoshop layer as GIF image\",\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\"},\"datePublished\":\"2016-08-28T17:08:11+00:00\",\"dateModified\":\"2016-08-22T21:54:10+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/08\\\/28\\\/extracting-photoshop-layer-as-gif-image\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/08\\\/28\\\/extracting-photoshop-layer-as-gif-image\\\/#webpage\"},\"articleSection\":\"All, New!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/08\\\/28\\\/extracting-photoshop-layer-as-gif-image\\\/#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\\\/2016\\\/08\\\/28\\\/extracting-photoshop-layer-as-gif-image\\\/#listItem\",\"name\":\"Extracting Photoshop layer as GIF image\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/08\\\/28\\\/extracting-photoshop-layer-as-gif-image\\\/#listItem\",\"position\":3,\"name\":\"Extracting Photoshop layer as GIF image\",\"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\\\/2016\\\/08\\\/28\\\/extracting-photoshop-layer-as-gif-image\\\/#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\\\/2016\\\/08\\\/28\\\/extracting-photoshop-layer-as-gif-image\\\/#webpage\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/08\\\/28\\\/extracting-photoshop-layer-as-gif-image\\\/\",\"name\":\"Extracting Photoshop layer as GIF image | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format.Most widespread image formats used in web development are PNG and JPG formats. JPG format allows to get file of lower size, however it does not support transparency. PNG format allows transparency, but saved image usually have bigger size.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/08\\\/28\\\/extracting-photoshop-layer-as-gif-image\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"datePublished\":\"2016-08-28T17:08:11+00:00\",\"dateModified\":\"2016-08-22T21:54:10+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":"Extracting Photoshop layer as GIF image | Blog about automated Photoshop to HTML\/CSS conversion","description":"Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format.Most widespread image formats used in web development are PNG and JPG formats. JPG format allows to get file of lower size, however it does not support transparency. PNG format allows transparency, but saved image usually have bigger size.","canonical_url":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/","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\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/#article","name":"Extracting Photoshop layer as GIF image | Blog about automated Photoshop to HTML\/CSS conversion","headline":"Extracting Photoshop layer as GIF image","author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"publisher":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization"},"datePublished":"2016-08-28T17:08:11+00:00","dateModified":"2016-08-22T21:54:10+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/#webpage"},"isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/#webpage"},"articleSection":"All, New!"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/#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\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/#listItem","name":"Extracting Photoshop layer as GIF image"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/#listItem","position":3,"name":"Extracting Photoshop layer as GIF image","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\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/#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\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/#webpage","url":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/","name":"Extracting Photoshop layer as GIF image | Blog about automated Photoshop to HTML\/CSS conversion","description":"Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format.Most widespread image formats used in web development are PNG and JPG formats. JPG format allows to get file of lower size, however it does not support transparency. PNG format allows transparency, but saved image usually have bigger size.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/#breadcrumblist"},"author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"creator":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"datePublished":"2016-08-28T17:08:11+00:00","dateModified":"2016-08-22T21:54:10+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":"Extracting Photoshop layer as GIF image | Blog about automated Photoshop to HTML\/CSS conversion","og:description":"Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format.Most widespread image formats used in web development are PNG and JPG formats. JPG format allows to get file of lower size, however it does not support transparency. PNG format allows transparency, but saved image usually have bigger size.","og:url":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/","article:published_time":"2016-08-28T17:08:11+00:00","article:modified_time":"2016-08-22T21:54:10+00:00","twitter:card":"summary_large_image","twitter:title":"Extracting Photoshop layer as GIF image | Blog about automated Photoshop to HTML\/CSS conversion","twitter:description":"Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format.Most widespread image formats used in web development are PNG and JPG formats. JPG format allows to get file of lower size, however it does not support transparency. PNG format allows transparency, but saved image usually have bigger size."},"aioseo_meta_data":{"post_id":"570","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 01:06:32","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\tExtracting Photoshop layer as GIF image\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":"Extracting Photoshop layer as GIF image","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/08\/28\/extracting-photoshop-layer-as-gif-image\/"}],"_links":{"self":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/570","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=570"}],"version-history":[{"count":3,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/570\/revisions"}],"predecessor-version":[{"id":573,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/570\/revisions\/573"}],"wp:attachment":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/media?parent=570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/categories?post=570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/tags?post=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}