{"id":372,"date":"2015-02-16T16:29:03","date_gmt":"2015-02-16T16:29:03","guid":{"rendered":"http:\/\/blog.psd2htmlconverter.com\/en\/?p=372"},"modified":"2016-01-21T00:48:39","modified_gmt":"2016-01-21T00:48:39","slug":"manually-control-quality-level-of-jpg-images","status":"publish","type":"post","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/","title":{"rendered":"Manually control quality level of JPG images when converting Photoshop to HTML"},"content":{"rendered":"<p>By default, <a href=\"\/\/psd2htmlconverter.com\/en\/\">psd to css engine<\/a> exports JPG images with quality level equal 90. Such compression level is very suitable for most of standard images.<\/p>\n<p>However, in some cases it may be needed to set up specific quality level for some images. <!--more-->It can be easily done by adding tag #jpg{quality_level} to the layer&#8217;s name. <em>quality_level<\/em> here is integer value between 0 and 100.<\/p>\n<p>Example of tag usage: #jpg{80}. Layer marked with this tag will be exported as jpeg image with quality level equal 80.<\/p>\n<p>Please, take a look on <a href=\"http:\/\/blog.psd2htmlconverter.com\/en\/2015\/01\/02\/forcibly-saving-of-image-layer-in-jpg-format-with-tag-jpg\/\">special aspects of #jpg tag when it is applied to layers with transparent pixels<\/a>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By default, psd to css engine exports JPG images with quality level equal 90. Such compression level is very suitable for most of standard images. However, in some cases it may be needed to set up specific quality level for some images.<\/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-372","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=\"By default, psd to css engine exports JPG images with quality level equal 90. Such compression level is very suitable for most of standard images. However, in some cases it may be needed to set up specific quality level for some images. It can be easily done by adding tag #jpg{quality_level} to the layer&#039;s name.\" \/>\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\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/\" \/>\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=\"Manually control quality level of JPG images when converting Photoshop to HTML | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta property=\"og:description\" content=\"By default, psd to css engine exports JPG images with quality level equal 90. Such compression level is very suitable for most of standard images. However, in some cases it may be needed to set up specific quality level for some images. It can be easily done by adding tag #jpg{quality_level} to the layer&#039;s name.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2015-02-16T16:29:03+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2016-01-21T00:48:39+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Manually control quality level of JPG images when converting Photoshop to HTML | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta name=\"twitter:description\" content=\"By default, psd to css engine exports JPG images with quality level equal 90. Such compression level is very suitable for most of standard images. However, in some cases it may be needed to set up specific quality level for some images. It can be easily done by adding tag #jpg{quality_level} to the layer&#039;s name.\" \/>\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\\\/2015\\\/02\\\/16\\\/manually-control-quality-level-of-jpg-images\\\/#article\",\"name\":\"Manually control quality level of JPG images when converting Photoshop to HTML | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"headline\":\"Manually control quality level of JPG images when converting Photoshop to HTML\",\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\"},\"datePublished\":\"2015-02-16T16:29:03+00:00\",\"dateModified\":\"2016-01-21T00:48:39+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2015\\\/02\\\/16\\\/manually-control-quality-level-of-jpg-images\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2015\\\/02\\\/16\\\/manually-control-quality-level-of-jpg-images\\\/#webpage\"},\"articleSection\":\"All, New!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2015\\\/02\\\/16\\\/manually-control-quality-level-of-jpg-images\\\/#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\\\/2015\\\/02\\\/16\\\/manually-control-quality-level-of-jpg-images\\\/#listItem\",\"name\":\"Manually control quality level of JPG images when converting Photoshop to HTML\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2015\\\/02\\\/16\\\/manually-control-quality-level-of-jpg-images\\\/#listItem\",\"position\":3,\"name\":\"Manually control quality level of JPG images when converting Photoshop to HTML\",\"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\\\/2015\\\/02\\\/16\\\/manually-control-quality-level-of-jpg-images\\\/#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\\\/2015\\\/02\\\/16\\\/manually-control-quality-level-of-jpg-images\\\/#webpage\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2015\\\/02\\\/16\\\/manually-control-quality-level-of-jpg-images\\\/\",\"name\":\"Manually control quality level of JPG images when converting Photoshop to HTML | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"By default, psd to css engine exports JPG images with quality level equal 90. Such compression level is very suitable for most of standard images. However, in some cases it may be needed to set up specific quality level for some images. It can be easily done by adding tag #jpg{quality_level} to the layer's name.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2015\\\/02\\\/16\\\/manually-control-quality-level-of-jpg-images\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"datePublished\":\"2015-02-16T16:29:03+00:00\",\"dateModified\":\"2016-01-21T00:48:39+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":"Manually control quality level of JPG images when converting Photoshop to HTML | Blog about automated Photoshop to HTML\/CSS conversion","description":"By default, psd to css engine exports JPG images with quality level equal 90. Such compression level is very suitable for most of standard images. However, in some cases it may be needed to set up specific quality level for some images. It can be easily done by adding tag #jpg{quality_level} to the layer's name.","canonical_url":"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/","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\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/#article","name":"Manually control quality level of JPG images when converting Photoshop to HTML | Blog about automated Photoshop to HTML\/CSS conversion","headline":"Manually control quality level of JPG images when converting Photoshop to HTML","author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"publisher":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization"},"datePublished":"2015-02-16T16:29:03+00:00","dateModified":"2016-01-21T00:48:39+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/#webpage"},"isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/#webpage"},"articleSection":"All, New!"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/#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\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/#listItem","name":"Manually control quality level of JPG images when converting Photoshop to HTML"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/#listItem","position":3,"name":"Manually control quality level of JPG images when converting Photoshop to HTML","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\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/#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\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/#webpage","url":"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/","name":"Manually control quality level of JPG images when converting Photoshop to HTML | Blog about automated Photoshop to HTML\/CSS conversion","description":"By default, psd to css engine exports JPG images with quality level equal 90. Such compression level is very suitable for most of standard images. However, in some cases it may be needed to set up specific quality level for some images. It can be easily done by adding tag #jpg{quality_level} to the layer's name.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/#breadcrumblist"},"author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"creator":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"datePublished":"2015-02-16T16:29:03+00:00","dateModified":"2016-01-21T00:48:39+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":"Manually control quality level of JPG images when converting Photoshop to HTML | Blog about automated Photoshop to HTML\/CSS conversion","og:description":"By default, psd to css engine exports JPG images with quality level equal 90. Such compression level is very suitable for most of standard images. However, in some cases it may be needed to set up specific quality level for some images. It can be easily done by adding tag #jpg{quality_level} to the layer's name.","og:url":"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/","article:published_time":"2015-02-16T16:29:03+00:00","article:modified_time":"2016-01-21T00:48:39+00:00","twitter:card":"summary_large_image","twitter:title":"Manually control quality level of JPG images when converting Photoshop to HTML | Blog about automated Photoshop to HTML\/CSS conversion","twitter:description":"By default, psd to css engine exports JPG images with quality level equal 90. Such compression level is very suitable for most of standard images. However, in some cases it may be needed to set up specific quality level for some images. It can be easily done by adding tag #jpg{quality_level} to the layer's name."},"aioseo_meta_data":{"post_id":"372","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:01:29","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\tManually control quality level of JPG images when converting Photoshop to HTML\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":"Manually control quality level of JPG images when converting Photoshop to HTML","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2015\/02\/16\/manually-control-quality-level-of-jpg-images\/"}],"_links":{"self":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/372","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=372"}],"version-history":[{"count":4,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/372\/revisions"}],"predecessor-version":[{"id":497,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/372\/revisions\/497"}],"wp:attachment":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/media?parent=372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/categories?post=372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/tags?post=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}