{"id":1043,"date":"2022-05-04T11:34:08","date_gmt":"2022-05-04T11:34:08","guid":{"rendered":"https:\/\/www.enactsoft.com\/resources\/?post_type=docs&p=1043"},"modified":"2023-03-06T13:11:23","modified_gmt":"2023-03-06T07:41:23","password":"","slug":"laraback-image-icon-size","status":"publish","type":"docs","link":"https:\/\/www.enactsoft.com\/resources\/laraback-image-icon-size\/","title":{"rendered":"What is the Image\/icon standard specification"},"content":{"rendered":"\n
Here are the specification details for various images to be used on the laraback<\/p>\n\n\n\n
Important<\/strong>:- Make sure to compress images by processing via https:\/\/tinypng.com\/ or similar other tools<\/p>\n\n\n\n Size:<\/strong>– 240 X 40px Size:<\/strong>– 48 X 48 px Size:<\/strong>– 1200px X 400px Size:<\/strong>–\u00a01200px X 400px Size:-<\/strong>180px to 250px width X 50px to 60px height store header Image size:-<\/strong> 1220×520 px. Size:-<\/strong>175px to 300px width X 175px to 300px height store header Image size:-<\/strong> 1220×520 px. Please check the existing image\/icon size with the demo data provider. Here are the specification details for various images to be used on the laraback Important:- Make sure to compress images by processing via https:\/\/tinypng.com\/ or similar other tools Size:– 48 X 48 pxTransparent\/other color backgroundsIcon with the dark color scheme Main slider banner Size:– 1200px X 400pxColor:– anySize:– lesser is preferred, the ideal is less than […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[32],"glossaries":[],"doc_tag":[],"class_list":["post-1043","docs","type-docs","status-publish","hentry","doc_category-overview"],"year_month":"2025-06","word_count":233,"total_views":"319","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"author_nicename":"sdjsuhds","author_url":"https:\/\/www.enactsoft.com\/resources\/author\/sdjsuhds\/"},"doc_category_info":[{"term_name":"Overview","term_url":"https:\/\/www.enactsoft.com\/resources\/docs-category\/overview\/"}],"doc_tag_info":[],"author_list":[{"ID":"2","user_login":"sdjsuhds","display_name":"sdjsuhds","id":"2"}],"_links":{"self":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs\/1043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/comments?post=1043"}],"version-history":[{"count":6,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs\/1043\/revisions"}],"predecessor-version":[{"id":1971,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs\/1043\/revisions\/1971"}],"wp:attachment":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/media?parent=1043"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/doc_category?post=1043"},{"taxonomy":"glossaries","embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/glossaries?post=1043"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/doc_tag?post=1043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Website Logo<\/strong><\/h2>\n\n\n\n
Transparent background
font icon with the dark color scheme<\/p>\n\n\n\nFavicon<\/strong><\/h2>\n\n\n\n
Transparent\/other color backgrounds
Icon with the dark color scheme<\/p>\n\n\n\nMain slider banner<\/h2>\n\n\n\n
Desktop<\/h3>\n\n\n\n
Color:<\/strong>– any
Size:<\/strong>– lesser is preferred, the ideal is less than 50kb<\/p>\n\n\n\nMobile<\/h3>\n\n\n\n
Color:<\/strong>– any
Size:<\/strong>– lesser is preferred, ideal is less than 50kb<\/p>\n\n\n\nStore logo<\/h2>\n\n\n\n
Desktop<\/h3>\n\n\n\n
Background:<\/strong>– Transparent preferred but colored or white is also fine
Keep all logos of the same size for consistency at all places<\/p>\n\n\n\nMobile<\/h3>\n\n\n\n
Background:<\/strong>– Transparent preferred but colored or white is also fine<\/p>\n\n\n\nProduct Daily Deals<\/h2>\n\n\n\n
Desktop<\/h3>\n\n\n\n
Background:- <\/strong>Coloured or white is also fine<\/p>\n\n\n\nMobile<\/h3>\n\n\n\n
Background:-<\/strong> Transparent preferred but colored or white is also fine<\/p>\n\n\n\nOther images\/icons<\/h2>\n\n\n\n
Help:<\/strong>– https:\/\/help.ekklesia360.com\/article\/locating-an-image-size-on-your-website\/<\/a>
You can also use the Chrome extension<\/strong> @ <\/strong>https:\/\/chrome.google.com\/webstore\/detail\/image-size-check\/ladmjfmdefajlebeacdjmgibboanfepi?hl=en<\/a><\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"