{"id":12694,"date":"2018-04-07T15:45:45","date_gmt":"2018-04-07T15:45:45","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=12694"},"modified":"2025-03-01T19:08:21","modified_gmt":"2025-03-01T13:38:21","slug":"background-image-in-tableau","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/","title":{"rendered":"Background Image in Tableau &#8211; How to Customise"},"content":{"rendered":"<p>In this<a href=\"https:\/\/data-flair.training\/blogs\/tableau-tutorial\/\"> <strong>Tableau tutorial<\/strong><\/a>, we are going to study the custom background image in Tableau and how they are useful. So, let us start Custom Background Image in Tableau.<\/p>\n<h3>Custom Background Image in Tableau<\/h3>\n<p>It is possible to use custom background Image in Tableau. This is useful when we are visualizing data that can be mapped onto a custom image, such as a floor plan or points of interest in a specific venue or conference.<br \/>\n<a href=\"https:\/\/data-flair.training\/blogs\/tableau-branding\/\"><strong>Read about Tableau Branding \u2013 Customizing Shapes, Colors, Fonts, And Images<\/strong><\/a><\/p>\n<h3>How to Change Tableau Background Image?<\/h3>\n<p>These are the following Steps to Customize Background Image in Tableau.<\/p>\n<p>i. While connected to the Custom Image (Eating Sushi)\u2026 data source, create a new worksheet.<\/p>\n<p>ii. Go to the Map Menu, and under Background Images, click on Custom Image (Eating Sushi)\u2026:<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-408.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12696 size-full\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-408.png\" alt=\"How to Create Custom Background Image in Tableau\" width=\"536\" height=\"213\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-408.png 536w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-408-150x60.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-408-300x119.png 300w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/><\/a><\/p>\n<p>iii. In the Add Background Image window, do the following:<\/p>\n<ul>\n<li>For File or URL, use the <strong>sushionaboard-800px.png<\/strong> image<\/li>\n<li>X Field, select X and set Left to <strong>0<\/strong> and Right to <strong>100<\/strong><\/li>\n<li>Y Field, select Y and set Bottom to <strong>0<\/strong> and Top to <strong>100<\/strong>:<\/li>\n<\/ul>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/tableau-filter-operations\/\"><strong>Let&#8217;s revise Tableau Filter Operations<\/strong><\/a><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-409.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12697 size-full\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-409.png\" alt=\"Custom Background Image in Tableau\" width=\"549\" height=\"418\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-409.png 549w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-409-150x114.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-409-300x228.png 300w\" sizes=\"auto, (max-width: 549px) 100vw, 549px\" \/><\/a><\/p>\n<p>iv. Click OK when done.<\/p>\n<p>v. Drag X to Columns and Y to Rows.<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/tableau-data-sources\/\"><strong>Read about Tableau Data Sources \u2013 Connecting Data to Tableau<\/strong><\/a><\/p>\n<p>vi. Go to the Analysis menu, and uncheck Aggregate Measures. You should notice that only X and Y (not the aggregated format) are in your Columns and Rows shelves, respectively:<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-410.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12698 size-full\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-410.png\" alt=\"Custom Background Image in Tableau\" width=\"331\" height=\"79\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-410.png 331w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-410-150x36.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-410-300x72.png 300w\" sizes=\"auto, (max-width: 331px) 100vw, 331px\" \/><\/a><\/p>\n<p>vii. Change the X and Y axes so they are each fixed from <strong>0<\/strong> to <strong>100<\/strong>. To do this, you can right-click on each of the axes and select Edit Axis:<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-411.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12699 size-full\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-411.png\" alt=\"Step.7 Changing Tableau Background Image\" width=\"446\" height=\"514\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-411.png 446w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-411-130x150.png 130w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-411-260x300.png 260w\" sizes=\"auto, (max-width: 446px) 100vw, 446px\" \/><\/a><\/p>\n<p>viii. In the Marks card, change mark to Shape.<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/tableau-save-reordering-delete-worksheet\/\"><strong>Do You Know How to Save, Reorder and Delete Worksheet in Tableau<\/strong><\/a><\/p>\n<p>ix. Click on Shape in the Marks card, and change the Shape Palette to thin arrows. Select a diagonal left-downward pointing thin arrow:<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-412.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12700 size-full\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-412.png\" alt=\"Step.8 Changing Tableau Background Image\" width=\"507\" height=\"404\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-412.png 507w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-412-150x120.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/Screenshot-412-300x239.png 300w\" sizes=\"auto, (max-width: 507px) 100vw, 507px\" \/><\/a><\/p>\n<p>x. Increase the size of the marks so that the arrows appear bigger and more visible. To do this, click on Size in the Marks card, and move the slider a little bit to the right.<\/p>\n<p>xi. From Dimensions, drag Name and Description to Label. Format the label so that Name is in bold font, and is bigger than Description.<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/tableau-lod\/\"><strong>Let&#8217;s Explore Tableau LOD &#8211; Level of Detail Expression<\/strong><\/a><\/p>\n<h3>Conclusion<\/h3>\n<p>Hence, in this Tutorial, we studied what is a custom background image in Tableau and how to change it with proper steps and illustrations. Furthermore, if you have any query feel free to ask in a comment section.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this Tableau tutorial, we are going to study the custom background image in Tableau and how they are useful. So, let us start Custom Background Image in Tableau. Custom Background Image in Tableau&#46;&#46;&#46;<\/p>\n","protected":false},"author":5,"featured_media":12695,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[1630,2451,2457,3127],"class_list":["post-12694","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tableau","tag-background-image-in-tableau","tag-changing-background-image-in-tableau","tag-changing-tableau-background-image","tag-creating-background-image-in-tableau"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Background Image in Tableau - How to Customise - DataFlair<\/title>\n<meta name=\"description\" content=\"How to Custom background Image in tableau, how to add and change background Image dashboard in tableau with example\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Background Image in Tableau - How to Customise - DataFlair\" \/>\n<meta property=\"og:description\" content=\"How to Custom background Image in tableau, how to add and change background Image dashboard in tableau with example\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-07T15:45:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-01T13:38:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/custom-image-background-in-Tableau-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Background Image in Tableau - How to Customise - DataFlair","description":"How to Custom background Image in tableau, how to add and change background Image dashboard in tableau with example","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:\/\/data-flair.training\/blogs\/background-image-in-tableau\/","og_locale":"en_US","og_type":"article","og_title":"Background Image in Tableau - How to Customise - DataFlair","og_description":"How to Custom background Image in tableau, how to add and change background Image dashboard in tableau with example","og_url":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2018-04-07T15:45:45+00:00","article_modified_time":"2025-03-01T13:38:21+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/custom-image-background-in-Tableau-01.jpg","type":"image\/jpeg"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/7f83c342f5d1632d6f7b4b0b0f447823"},"headline":"Background Image in Tableau &#8211; How to Customise","datePublished":"2018-04-07T15:45:45+00:00","dateModified":"2025-03-01T13:38:21+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/"},"wordCount":424,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/custom-image-background-in-Tableau-01.jpg","keywords":["Background Image in Tableau","Changing background image in tableau","changing tableau background image","Creating Background Image in Tableau"],"articleSection":["Tableau Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/","url":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/","name":"Background Image in Tableau - How to Customise - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/custom-image-background-in-Tableau-01.jpg","datePublished":"2018-04-07T15:45:45+00:00","dateModified":"2025-03-01T13:38:21+00:00","description":"How to Custom background Image in tableau, how to add and change background Image dashboard in tableau with example","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/custom-image-background-in-Tableau-01.jpg","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/04\/custom-image-background-in-Tableau-01.jpg","width":1200,"height":628,"caption":"How to Create Custom Background Image in Tableau"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/background-image-in-tableau\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"Tableau Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/tableau\/"},{"@type":"ListItem","position":3,"name":"Background Image in Tableau &#8211; How to Customise"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/7f83c342f5d1632d6f7b4b0b0f447823","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"DataFlair Team creates expert-level guides on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. Our goal is to empower learners with easy-to-understand content. Explore our resources for career growth and practical learning.","url":"https:\/\/data-flair.training\/blogs\/author\/dfteam1\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/12694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=12694"}],"version-history":[{"count":7,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/12694\/revisions"}],"predecessor-version":[{"id":144404,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/12694\/revisions\/144404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/12695"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=12694"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=12694"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=12694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}