{"id":176,"date":"2026-07-11T07:02:02","date_gmt":"2026-07-11T07:02:02","guid":{"rendered":"https:\/\/squarefootcalc.com\/blog\/?p=176"},"modified":"2026-07-11T15:30:16","modified_gmt":"2026-07-11T15:30:16","slug":"bathroom-square-footage-how-to-measure","status":"publish","type":"post","link":"https:\/\/squarefootcalc.com\/blog\/bathroom-square-footage-how-to-measure\/","title":{"rendered":"Bathroom Square Footage: How to Measure Correctly (Floor &amp; Wall Tile Guide)"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&#038;family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --ink: #1a1612;\n    --paper: #faf7f2;\n    --cream: #f2ede3;\n    --rust: #b84c2a;\n    --gold: #c9983a;\n    --teal: #2a7c72;\n    --muted: #6b6257;\n    --border: #d9d0c3;\n    --highlight: #fff8e8;\n  }\n\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .subtitle { font-size: 1.1rem; color: var(--muted); line-height: 1.6; max-width: 640px; font-style: italic; margin-bottom: 8px; }\n  .divider { border: none; border-top: 1px solid var(--border); margin: 48px 0; }\n\n  h2 { font-family: 'Playfair Display', serif; font-size: 1.65rem; font-weight: 700; color: var(--ink); margin: 56px 0 16px; padding-bottom: 8px; border-bottom: 2px solid var(--gold); display: inline-block; }\n  h3 { font-family: 'Playfair Display', serif; font-size: 1.2rem; font-weight: 700; color: var(--ink); margin: 32px 0 12px; }\n\n  p { margin-bottom: 18px; font-size: 1rem; line-height: 1.75; color: var(--ink); }\n  a { color: var(--rust); text-decoration: none; }\n  a:hover { text-decoration: underline; }\n  strong { color: var(--ink); }\n\n  .toc { background: var(--cream); border: 1px solid var(--border); padding: 24px 28px; margin: 36px 0; border-radius: 3px; }\n  .toc-title { font-family: 'Playfair Display', serif; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--muted); margin-bottom: 12px; }\n  .toc ol { padding-left: 20px; font-size: 0.95rem; color: var(--muted); }\n  .toc li { margin-bottom: 5px; }\n  .toc a { color: var(--muted); }\n  .toc a:hover { color: var(--rust); }\n\n  .formula-hero { background: var(--ink); color: white; border-radius: 4px; padding: 32px; margin: 32px 0; text-align: center; }\n  .formula-hero .label { font-family: 'Source Serif 4', serif; font-size: 0.78rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 14px; }\n  .formula-hero .formula { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 700; color: white; margin-bottom: 10px; }\n  .formula-hero .note { font-size: 0.9rem; color: rgba(255,255,255,0.6); font-style: italic; }\n\n  .formula-box { background: var(--highlight); border-left: 3px solid var(--gold); padding: 14px 18px; margin: 20px 0; border-radius: 0 3px 3px 0; }\n  .formula-box .formula-label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--muted); font-weight: 600; margin-bottom: 6px; }\n  .formula-box .formula-text { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--ink); line-height: 1.6; }\n\n  .steps { margin: 24px 0; }\n  .step { display: flex; gap: 18px; margin-bottom: 24px; align-items: flex-start; }\n  .step-num { min-width: 40px; height: 40px; background: var(--rust); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1rem; flex-shrink: 0; margin-top: 2px; }\n  .step-content { font-size: 0.98rem; color: var(--muted); line-height: 1.65; }\n  .step-content strong { display: block; color: var(--ink); font-size: 1.02rem; margin-bottom: 4px; }\n\n  .example-box { background: #f8faf9; border: 1px solid #c5d9d5; border-radius: 3px; padding: 14px 18px; font-size: 0.95rem; margin: 14px 0; color: var(--muted); line-height: 1.75; }\n  .example-box .ex-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--teal); font-weight: 600; margin-bottom: 6px; }\n  .example-box .ex-answer { font-size: 1.15rem; font-weight: 700; color: var(--teal); margin-top: 6px; display: block; }\n\n  \/* SIZE CARDS *\/\n  .size-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin: 40px 0 28px; }\n  @media (max-width: 600px) { .size-grid { grid-template-columns: 1fr 1fr; } }\n  .size-card { background: white; border: 1px solid var(--border); border-radius: 3px; padding: 26px 12px 16px; text-align: center; position: relative; margin-top: 8px; }\n  .size-card::before { content: attr(data-type); position: absolute; top: -10px; left: 6px; right: 6px; text-align: center; background: var(--rust); color: white; font-family: 'Source Serif 4', serif; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 3px 6px; border-radius: 2px; white-space: normal; line-height: 1.3; }\n  .size-card.teal::before { background: var(--teal); }\n  .size-card.gold::before { background: var(--gold); }\n  .size-dims { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-weight: 700; color: var(--ink); margin: 8px 0 4px; }\n  .size-sqft { font-size: 1.5rem; font-weight: 700; color: var(--rust); font-family: 'Playfair Display', serif; }\n  .size-note { font-size: 0.8rem; color: var(--muted); margin-top: 6px; line-height: 1.4; }\n\n  table { width: 100%; border-collapse: collapse; margin: 28px 0; font-size: 0.95rem; }\n  thead tr { background: var(--ink); color: white; }\n  thead th { padding: 12px 16px; text-align: left; font-family: 'Source Serif 4', serif; font-weight: 600; font-size: 0.82rem; letter-spacing: 0.08em; text-transform: uppercase; }\n  tbody tr:nth-child(even) { background: var(--cream); }\n  tbody tr:nth-child(odd) { background: white; }\n  tbody td { padding: 11px 16px; border-bottom: 1px solid var(--border); color: var(--muted); }\n  tbody td:first-child { font-weight: 600; color: var(--ink); }\n\n  .tips-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }\n  @media (max-width: 520px) { .tips-grid { grid-template-columns: 1fr; } }\n  .tip-card { background: white; border: 1px solid var(--border); border-radius: 3px; padding: 18px 20px; }\n  .tip-card .tip-icon { font-size: 1.4rem; margin-bottom: 8px; }\n  .tip-card strong { display: block; color: var(--rust); margin-bottom: 4px; font-size: 0.88rem; letter-spacing: 0.05em; text-transform: uppercase; }\n  .tip-card p { margin: 0; color: var(--muted); line-height: 1.5; font-size: 0.93rem; }\n\n  .callout { background: var(--cream); border: 1px solid var(--border); border-radius: 4px; padding: 24px 28px; margin: 32px 0; }\n  .callout-title { font-family: 'Playfair Display', serif; font-size: 1.05rem; font-weight: 700; color: var(--ink); margin-bottom: 12px; }\n  .callout p { margin-bottom: 0; font-size: 0.97rem; color: var(--muted); line-height: 1.7; }\n\n  .waste-row { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }\n  .waste-pct { min-width: 44px; font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.1rem; color: var(--rust); }\n  .waste-bar-wrap { flex: 1; height: 8px; background: var(--border); border-radius: 4px; overflow: hidden; }\n  .waste-bar { height: 100%; background: var(--rust); border-radius: 4px; }\n  .waste-label { color: var(--muted); font-size: 0.9rem; }\n\n  .diagram-wrap { margin: 32px 0; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; padding: 24px; overflow-x: auto; }\n  .diagram-wrap svg { display: block; margin: 0 auto; max-width: 100%; }\n\n  \/* FIXTURE CARD *\/\n  .fixture-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin: 28px 0; }\n  @media (max-width: 560px) { .fixture-grid { grid-template-columns: 1fr 1fr; } }\n  .fixture-card { background: white; border: 1px solid var(--border); border-radius: 3px; padding: 16px 14px; text-align: center; }\n  .fixture-icon { font-size: 1.8rem; margin-bottom: 6px; }\n  .fixture-name { font-family: 'Playfair Display', serif; font-size: 0.92rem; font-weight: 700; color: var(--ink); margin-bottom: 4px; }\n  .fixture-size { font-size: 0.82rem; color: var(--rust); font-weight: 600; }\n  .fixture-sqft { font-size: 0.78rem; color: var(--muted); margin-top: 3px; }\n\n  .shape-card { background: white; border: 1px solid var(--border); border-radius: 4px; padding: 32px; margin: 36px 0; box-shadow: 0 2px 12px rgba(0,0,0,0.04); position: relative; }\n  .shape-card::before { content: attr(data-num); position: absolute; top: -14px; left: 28px; background: var(--rust); color: white; font-family: 'Playfair Display', serif; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 3px 12px; border-radius: 2px; }\n  .shape-card.teal::before { background: var(--teal); }\n  .shape-card h3 { font-size: 1.2rem; margin-top: 6px; margin-bottom: 6px; }\n  .shape-meta { font-size: 0.9rem; color: var(--muted); margin-bottom: 20px; font-style: italic; }\n  .shape-body { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }\n  @media (max-width: 580px) { .shape-body { grid-template-columns: 1fr; } .shape-card { padding: 24px; } }\n  .shape-svg-wrap { display: flex; justify-content: center; align-items: center; background: var(--cream); border-radius: 4px; padding: 20px; min-height: 160px; }\n\n  \/* WALL TILE section *\/\n  .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; }\n  @media (max-width: 540px) { .two-col { grid-template-columns: 1fr; } }\n  .col-card { background: white; border: 1px solid var(--border); border-radius: 3px; padding: 22px; }\n  .col-card h3 { font-size: 1rem; margin: 0 0 10px; }\n  .col-card p { font-size: 0.93rem; color: var(--muted); margin-bottom: 0; }\n\n  .faq { margin: 24px 0; }\n  .faq-item { border-top: 1px solid var(--border); padding: 20px 0; }\n  .faq-q { font-family: 'Playfair Display', serif; font-size: 1.05rem; font-weight: 700; color: var(--ink); margin-bottom: 8px; }\n  .faq-a { color: var(--muted); font-size: 0.97rem; line-height: 1.7; margin: 0; }\n\n  .cta-box { background: var(--ink); color: white; border-radius: 4px; padding: 28px 32px; margin: 48px 0 24px; text-align: center; }\n  .cta-box p { color: rgba(255,255,255,0.75); margin-bottom: 16px; font-size: 0.97rem; }\n  .cta-btn { display: inline-block; background: var(--rust); color: white; font-family: 'Source Serif 4', serif; font-weight: 600; font-size: 0.9rem; letter-spacing: 0.06em; text-transform: uppercase; padding: 12px 28px; border-radius: 2px; text-decoration: none; }\n  .cta-btn:hover { background: #9e3e22; text-decoration: none; }\n<\/style>\n\n<!-- INTRO -->\n<header>\n  <p class=\"subtitle\">Bathrooms are the smallest rooms in the house \u2014 and the most expensive per square foot to tile. Getting the measurement right before you order materials is the difference between one trip to the store and three.<\/p>\n<\/header>\n\n<div class=\"toc\">\n  <div class=\"toc-title\">In this guide<\/div>\n  <ol>\n    <li><a href=\"#formula\">The formula<\/a><\/li>\n    <li><a href=\"#steps\">Step-by-step instructions<\/a><\/li>\n    <li><a href=\"#sizes\">Standard bathroom sizes<\/a><\/li>\n    <li><a href=\"#fixtures\">Do fixtures reduce your sq ft?<\/a><\/li>\n    <li><a href=\"#floor-tile\">Calculating floor tile<\/a><\/li>\n    <li><a href=\"#wall-tile\">Calculating wall tile<\/a><\/li>\n    <li><a href=\"#irregular\">Irregular bathrooms<\/a><\/li>\n    <li><a href=\"#mistakes\">Mistakes to avoid<\/a><\/li>\n    <li><a href=\"#faq\">Frequently asked questions<\/a><\/li>\n  <\/ol>\n<\/div>\n\n<p>Bathroom square footage comes up in three situations: buying floor tile, buying wall tile, and comparing listings. Each one requires a slightly different approach. Floor tile is about the floor area. Wall tile is about vertical surface area. And for listings, it&#8217;s simply the total floor area wall to wall \u2014 fixtures included.<\/p>\n\n<p>Get your dimensions and use <a href=\"https:\/\/squarefootcalc.com\/\">SquareFootCalc.com<\/a> to calculate instantly.<\/p>\n\n<hr class=\"divider\" id=\"formula\">\n\n<h2>The Formula<\/h2>\n\n<div class=\"formula-hero\">\n  <div class=\"label\">Bathroom Square Footage<\/div>\n  <div class=\"formula\">Length \u00d7 Width = Square Footage<\/div>\n  <div class=\"note\">Measure wall to wall in feet \u2014 fixtures don&#8217;t change the formula.<\/div>\n<\/div>\n\n<!-- SVG: Annotated bathroom floor plan -->\n<div class=\"diagram-wrap\" style=\"padding: 16px;\">\n  <svg width=\"100%\" viewBox=\"0 0 480 360\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" style=\"max-width:480px; display:block; margin:0 auto;\">\n    <title>Bathroom floor plan showing fixtures, length and width dimensions, and square footage result<\/title>\n    <defs>\n      <pattern id=\"bath-floor\" width=\"18\" height=\"18\" patternUnits=\"userSpaceOnUse\">\n        <rect width=\"18\" height=\"18\" fill=\"#f0f8f5\" stroke=\"#c5d9d5\" stroke-width=\"0.8\"\/>\n      <\/pattern>\n      <marker id=\"arrba\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerWidth=\"6\" markerHeight=\"6\" orient=\"auto\">\n        <path d=\"M1 2L8 5L1 8\" fill=\"none\" stroke=\"#6b6257\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <\/marker>\n      <marker id=\"arrba-r\" viewBox=\"0 0 10 10\" refX=\"1\" refY=\"5\" markerWidth=\"6\" markerHeight=\"6\" orient=\"auto\">\n        <path d=\"M9 2L2 5L9 8\" fill=\"none\" stroke=\"#6b6257\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <\/marker>\n    <\/defs>\n\n    <!-- Room -->\n    <rect x=\"60\" y=\"30\" width=\"280\" height=\"250\" fill=\"url(#bath-floor)\" stroke=\"none\"\/>\n    <rect x=\"60\" y=\"30\" width=\"280\" height=\"250\" fill=\"#f0f8f5\" opacity=\"0.4\"\/>\n    <rect x=\"60\" y=\"30\" width=\"280\" height=\"250\" fill=\"none\" stroke=\"#2a7c72\" stroke-width=\"2.5\" rx=\"2\"\/>\n\n    <!-- Bathtub -->\n    <rect x=\"68\" y=\"38\" width=\"155\" height=\"66\" rx=\"6\" fill=\"white\" stroke=\"#2a7c72\" stroke-width=\"1.5\"\/>\n    <rect x=\"73\" y=\"43\" width=\"145\" height=\"56\" rx=\"4\" fill=\"#d4ecf7\" stroke=\"#b2d8ce\" stroke-width=\"1\"\/>\n    <circle cx=\"208\" cy=\"71\" r=\"5\" fill=\"white\" stroke=\"#2a7c72\" stroke-width=\"1\"\/>\n    <text x=\"148\" y=\"75\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"#2a7c72\">Bathtub (60&#8243; \u00d7 32&#8243;)<\/text>\n\n    <!-- Toilet -->\n    <rect x=\"242\" y=\"38\" width=\"42\" height=\"58\" rx=\"4\" fill=\"white\" stroke=\"#2a7c72\" stroke-width=\"1.5\"\/>\n    <ellipse cx=\"263\" cy=\"76\" rx=\"16\" ry=\"20\" fill=\"#f5f5f5\" stroke=\"#2a7c72\" stroke-width=\"1\"\/>\n    <text x=\"263\" y=\"106\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"9\" fill=\"#6b6257\">Toilet<\/text>\n\n    <!-- Vanity -->\n    <rect x=\"68\" y=\"218\" width=\"96\" height=\"52\" rx=\"3\" fill=\"white\" stroke=\"#2a7c72\" stroke-width=\"1.5\"\/>\n    <rect x=\"72\" y=\"222\" width=\"88\" height=\"44\" rx=\"2\" fill=\"#f5ede0\" stroke=\"#d9d0c3\" stroke-width=\"1\"\/>\n    <ellipse cx=\"116\" cy=\"244\" rx=\"20\" ry=\"14\" fill=\"white\" stroke=\"#2a7c72\" stroke-width=\"1\"\/>\n    <text x=\"116\" y=\"248\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"9\" fill=\"#6b6257\">Vanity<\/text>\n\n    <!-- Shower -->\n    <rect x=\"192\" y=\"148\" width=\"140\" height=\"124\" rx=\"3\" fill=\"white\" stroke=\"#2a7c72\" stroke-width=\"1.5\" stroke-dasharray=\"5,3\"\/>\n    <rect x=\"197\" y=\"153\" width=\"130\" height=\"114\" rx=\"2\" fill=\"#d4ecf7\" opacity=\"0.6\"\/>\n    <circle cx=\"262\" cy=\"195\" r=\"10\" fill=\"none\" stroke=\"#2a7c72\" stroke-width=\"1.5\"\/>\n    <line x1=\"262\" y1=\"180\" x2=\"262\" y2=\"190\" stroke=\"#2a7c72\" stroke-width=\"1.5\"\/>\n    <text x=\"262\" y=\"228\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"#2a7c72\">Walk-in Shower<\/text>\n\n    <!-- Door -->\n    <rect x=\"60\" y=\"192\" width=\"8\" height=\"50\" fill=\"#d9d0c3\"\/>\n    <path d=\"M68,192 Q108,192 108,232\" fill=\"none\" stroke=\"#6b6257\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n\n    <!-- Width dimension (top) -->\n    <line x1=\"60\" y1=\"14\" x2=\"340\" y2=\"14\" stroke=\"#6b6257\" stroke-width=\"1.5\" marker-start=\"url(#arrba-r)\" marker-end=\"url(#arrba)\"\/>\n    <rect x=\"162\" y=\"3\" width=\"76\" height=\"18\" fill=\"#faf7f2\"\/>\n    <text x=\"200\" y=\"16\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"12\" font-weight=\"700\" fill=\"#b84c2a\">Width \u2014 8 ft<\/text>\n\n    <!-- Length dimension (right) -->\n    <line x1=\"356\" y1=\"30\" x2=\"356\" y2=\"280\" stroke=\"#6b6257\" stroke-width=\"1.5\" marker-start=\"url(#arrba-r)\" marker-end=\"url(#arrba)\"\/>\n    <rect x=\"362\" y=\"143\" width=\"80\" height=\"18\" fill=\"#faf7f2\"\/>\n    <text x=\"402\" y=\"156\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"12\" font-weight=\"700\" fill=\"#b84c2a\">Length \u2014 10 ft<\/text>\n\n    <!-- Result bar \u2014 two lines, wide enough to fit -->\n    <rect x=\"60\" y=\"294\" width=\"280\" height=\"52\" rx=\"3\" fill=\"#1a1612\"\/>\n    <text x=\"200\" y=\"312\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"rgba(255,255,255,0.65)\">8 ft \u00d7 10 ft = 80 sq ft<\/text>\n    <text x=\"200\" y=\"334\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"11\" font-weight=\"700\" fill=\"#c9983a\">Measure wall to wall \u2014 fixtures included<\/text>\n  <\/svg>\n<\/div>\n\n<hr class=\"divider\" id=\"steps\">\n\n<h2>Step-by-Step Instructions<\/h2>\n\n<div class=\"steps\">\n  <div class=\"step\">\n    <div class=\"step-num\">1<\/div>\n    <div class=\"step-content\">\n      <strong>Measure the length \u2014 longest wall, wall to wall<\/strong>\n      Run your tape measure from one wall to the opposite wall in a straight line. Measure at floor level \u2014 don&#8217;t let the tape arc over fixtures. Record in feet and inches.\n      <div class=\"example-box\" style=\"margin-top:10px;\">\n        <div class=\"ex-label\">Example<\/div>\n        Length = 9 ft 6 in \u2192 9.5 ft\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"step-num\">2<\/div>\n    <div class=\"step-content\">\n      <strong>Measure the width \u2014 adjacent wall, wall to wall<\/strong>\n      Same method along the perpendicular wall. Bathrooms are often tight \u2014 run the tape measure at floor level along the baseboard if needed.\n      <div class=\"example-box\" style=\"margin-top:10px;\">\n        <div class=\"ex-label\">Example<\/div>\n        Width = 6 ft 9 in \u2192 6.75 ft\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"step-num\">3<\/div>\n    <div class=\"step-content\">\n      <strong>Multiply length \u00d7 width<\/strong>\n      <div class=\"example-box\" style=\"margin-top:10px;\">\n        <div class=\"ex-label\">Final calculation<\/div>\n        9.5 \u00d7 6.75 = <span class=\"ex-answer\">64.1 sq ft<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"step-num\">4<\/div>\n    <div class=\"step-content\">\n      <strong>Note the result \u2014 then decide what you need it for<\/strong>\n      For a real estate listing or general room size: you&#8217;re done. For floor tile: this number is your starting point \u2014 add a waste buffer. For wall tile: you need to measure wall heights and subtract fixtures separately. See each section below.\n    <\/div>\n  <\/div>\n<\/div>\n\n<hr class=\"divider\" id=\"sizes\">\n\n<h2>Standard Bathroom Sizes<\/h2>\n\n<div class=\"size-grid\">\n  <div class=\"size-card\" data-type=\"Half Bath \/ Powder Room\">\n    <div class=\"size-dims\">3 \u00d7 6 ft<\/div>\n    <div class=\"size-sqft\">18 sq ft<\/div>\n    <div class=\"size-note\">Toilet and sink only. No shower or tub.<\/div>\n  <\/div>\n  <div class=\"size-card gold\" data-type=\"Small Full Bathroom\">\n    <div class=\"size-dims\">5 \u00d7 8 ft<\/div>\n    <div class=\"size-sqft\">40 sq ft<\/div>\n    <div class=\"size-note\">The classic \u2014 tub\/shower combo, toilet, pedestal sink.<\/div>\n  <\/div>\n  <div class=\"size-card teal\" data-type=\"Average Bathroom\">\n    <div class=\"size-dims\">8 \u00d7 8 ft<\/div>\n    <div class=\"size-sqft\">64 sq ft<\/div>\n    <div class=\"size-note\">Full tub, separate shower, vanity, toilet.<\/div>\n  <\/div>\n  <div class=\"size-card\" data-type=\"Large Bathroom\">\n    <div class=\"size-dims\">9 \u00d7 11 ft<\/div>\n    <div class=\"size-sqft\">99 sq ft<\/div>\n    <div class=\"size-note\">Double vanity, separate tub and shower.<\/div>\n  <\/div>\n  <div class=\"size-card teal\" data-type=\"Master Bathroom\">\n    <div class=\"size-dims\">10 \u00d7 12 ft<\/div>\n    <div class=\"size-sqft\">120 sq ft<\/div>\n    <div class=\"size-note\">Walk-in shower, freestanding tub, double vanity.<\/div>\n  <\/div>\n  <div class=\"size-card gold\" data-type=\"Luxury Master\">\n    <div class=\"size-dims\">12 \u00d7 16 ft<\/div>\n    <div class=\"size-sqft\">192 sq ft<\/div>\n    <div class=\"size-note\">Spa-style. Large walk-in shower, soaking tub, dressing area.<\/div>\n  <\/div>\n<\/div>\n\n<!-- SVG: Bathroom sizes to scale -->\n<div class=\"diagram-wrap\" style=\"padding: 16px;\">\n  <svg width=\"100%\" viewBox=\"0 0 480 270\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" style=\"max-width:480px; display:block; margin:0 auto;\">\n    <title>Common bathroom sizes drawn to scale from powder room to luxury master<\/title>\n    <defs>\n      <pattern id=\"bt1\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\"><rect width=\"12\" height=\"12\" fill=\"#f0f8f5\" stroke=\"#c5d9d5\" stroke-width=\"0.5\"\/><\/pattern>\n      <pattern id=\"bt2\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\"><rect width=\"12\" height=\"12\" fill=\"#fff8e8\" stroke=\"#e8d8b0\" stroke-width=\"0.5\"\/><\/pattern>\n      <pattern id=\"bt3\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\"><rect width=\"12\" height=\"12\" fill=\"#f5ede0\" stroke=\"#e0cdb0\" stroke-width=\"0.5\"\/><\/pattern>\n    <\/defs>\n\n    <!-- Title at TOP \u2014 always visible, never behind boxes -->\n    <text x=\"240\" y=\"16\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"#6b6257\" font-weight=\"600\">All sizes drawn to the same scale \u2014 bottom-aligned<\/text>\n\n    <!-- All boxes bottom-aligned to y=220 -->\n\n    <!-- 3\u00d76 = 27\u00d754 px (scaled 0.75\u00d7) \u2014 top = 220-54=166 -->\n    <rect x=\"10\" y=\"166\" width=\"27\" height=\"54\" fill=\"url(#bt1)\"\/>\n    <rect x=\"10\" y=\"166\" width=\"27\" height=\"54\" fill=\"none\" stroke=\"#2a7c72\" stroke-width=\"1.5\"\/>\n    <text x=\"23\" y=\"191\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"8\" fill=\"#2a7c72\" font-weight=\"600\">3\u00d76<\/text>\n    <text x=\"23\" y=\"204\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"8\" font-weight=\"700\" fill=\"#2a7c72\">18 sq ft<\/text>\n    <text x=\"23\" y=\"235\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"8\" fill=\"#6b6257\">Half Bath<\/text>\n\n    <!-- 5\u00d78 = 45\u00d772 px \u2014 top = 220-72=148 -->\n    <rect x=\"46\" y=\"148\" width=\"45\" height=\"72\" fill=\"url(#bt2)\"\/>\n    <rect x=\"46\" y=\"148\" width=\"45\" height=\"72\" fill=\"none\" stroke=\"#c9983a\" stroke-width=\"1.5\"\/>\n    <text x=\"68\" y=\"182\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"8\" fill=\"#8a6820\" font-weight=\"600\">5\u00d78<\/text>\n    <text x=\"68\" y=\"195\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"9\" font-weight=\"700\" fill=\"#8a6820\">40 sq ft<\/text>\n    <text x=\"68\" y=\"235\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"8\" fill=\"#6b6257\">Small Full<\/text>\n\n    <!-- 8\u00d78 = 72\u00d772 px \u2014 top = 220-72=148 -->\n    <rect x=\"100\" y=\"148\" width=\"72\" height=\"72\" fill=\"url(#bt1)\"\/>\n    <rect x=\"100\" y=\"148\" width=\"72\" height=\"72\" fill=\"none\" stroke=\"#2a7c72\" stroke-width=\"1.5\"\/>\n    <text x=\"136\" y=\"182\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"9\" fill=\"#2a7c72\" font-weight=\"600\">8\u00d78<\/text>\n    <text x=\"136\" y=\"195\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"10\" font-weight=\"700\" fill=\"#2a7c72\">64 sq ft<\/text>\n    <text x=\"136\" y=\"235\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"8\" fill=\"#6b6257\">Average<\/text>\n\n    <!-- 9\u00d711 = 81\u00d799 px \u2014 top = 220-99=121 -->\n    <rect x=\"182\" y=\"121\" width=\"81\" height=\"99\" fill=\"url(#bt3)\"\/>\n    <rect x=\"182\" y=\"121\" width=\"81\" height=\"99\" fill=\"none\" stroke=\"#b84c2a\" stroke-width=\"1.5\"\/>\n    <text x=\"222\" y=\"168\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"9\" fill=\"#b84c2a\" font-weight=\"600\">9\u00d711<\/text>\n    <text x=\"222\" y=\"182\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"11\" font-weight=\"700\" fill=\"#b84c2a\">99 sq ft<\/text>\n    <text x=\"222\" y=\"235\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"8\" fill=\"#6b6257\">Large<\/text>\n\n    <!-- 10\u00d712 = 90\u00d7108 px \u2014 top = 220-108=112 -->\n    <rect x=\"273\" y=\"112\" width=\"90\" height=\"108\" fill=\"url(#bt1)\"\/>\n    <rect x=\"273\" y=\"112\" width=\"90\" height=\"108\" fill=\"none\" stroke=\"#2a7c72\" stroke-width=\"2\"\/>\n    <text x=\"318\" y=\"163\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"#2a7c72\" font-weight=\"600\">10\u00d712<\/text>\n    <text x=\"318\" y=\"178\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"12\" font-weight=\"700\" fill=\"#2a7c72\">120 sq ft<\/text>\n    <text x=\"318\" y=\"235\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"8\" fill=\"#6b6257\">Master Bath<\/text>\n\n    <!-- 12\u00d716 = 108\u00d7144 px \u2014 top = 220-144=76 -->\n    <rect x=\"373\" y=\"76\" width=\"98\" height=\"144\" fill=\"url(#bt2)\"\/>\n    <rect x=\"373\" y=\"76\" width=\"98\" height=\"144\" fill=\"none\" stroke=\"#c9983a\" stroke-width=\"2\"\/>\n    <text x=\"422\" y=\"145\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"#8a6820\" font-weight=\"600\">12\u00d716<\/text>\n    <text x=\"422\" y=\"160\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"12\" font-weight=\"700\" fill=\"#8a6820\">192 sq ft<\/text>\n    <text x=\"422\" y=\"235\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"8\" fill=\"#6b6257\">Luxury Master<\/text>\n\n    <!-- Baseline -->\n    <line x1=\"10\" y1=\"221\" x2=\"470\" y2=\"221\" stroke=\"#d9d0c3\" stroke-width=\"1\" stroke-dasharray=\"4,3\"\/>\n  <\/svg>\n<\/div>\n\n<hr class=\"divider\" id=\"fixtures\">\n\n<h2>Do Fixtures Reduce Your Square Footage?<\/h2>\n\n<p>This is the question that confuses most people. The short answer: <strong>measure wall to wall including fixtures<\/strong> \u2014 but for tile, you may want to subtract the areas under fixed fixtures you won&#8217;t be tiling under.<\/p>\n\n<table>\n  <thead>\n    <tr><th>Situation<\/th><th>Include Fixtures?<\/th><th>Why<\/th><\/tr>\n  <\/thead>\n  <tbody>\n    <tr><td>General room size \/ listing<\/td><td>Yes \u2014 measure wall to wall<\/td><td>Total floor area includes fixture footprints<\/td><\/tr>\n    <tr><td>Floor tile \u2014 full renovation<\/td><td>Yes \u2014 include everything<\/td><td>Tile goes under fixtures before they&#8217;re installed<\/td><\/tr>\n    <tr><td>Floor tile \u2014 replacing existing tile<\/td><td>Subtract fixed pedestal\/vanity bases<\/td><td>Tile won&#8217;t go under a fixed vanity that won&#8217;t be moved<\/td><\/tr>\n    <tr><td>Wall tile<\/td><td>Subtract mirrors, windows, medicine cabinets<\/td><td>You won&#8217;t tile behind a mirror or inside a window<\/td><\/tr>\n  <\/tbody>\n<\/table>\n\n<p>When in doubt \u2014 buy for the full wall-to-wall measurement. The extra tile gives you offcuts for future repairs, and bathrooms are expensive to rematch if a tile gets cracked six months later.<\/p>\n\n<h3>Standard fixture footprints<\/h3>\n\n<div class=\"fixture-grid\">\n  <div class=\"fixture-card\">\n    <div class=\"fixture-icon\">\ud83d\udec1<\/div>\n    <div class=\"fixture-name\">Standard Bathtub<\/div>\n    <div class=\"fixture-size\">60&#8243; \u00d7 30\u201332&#8243;<\/div>\n    <div class=\"fixture-sqft\">\u2248 13\u201314 sq ft<\/div>\n  <\/div>\n  <div class=\"fixture-card\">\n    <div class=\"fixture-icon\">\ud83d\udebf<\/div>\n    <div class=\"fixture-name\">Shower Stall<\/div>\n    <div class=\"fixture-size\">36&#8243; \u00d7 36&#8243; to 48&#8243; \u00d7 48&#8243;<\/div>\n    <div class=\"fixture-sqft\">9\u201316 sq ft<\/div>\n  <\/div>\n  <div class=\"fixture-card\">\n    <div class=\"fixture-icon\">\ud83d\udebd<\/div>\n    <div class=\"fixture-name\">Standard Toilet<\/div>\n    <div class=\"fixture-size\">14\u201318&#8243; wide \u00d7 27\u201330&#8243; deep<\/div>\n    <div class=\"fixture-sqft\">\u2248 3\u20134 sq ft<\/div>\n  <\/div>\n  <div class=\"fixture-card\">\n    <div class=\"fixture-icon\">\ud83e\udea5<\/div>\n    <div class=\"fixture-name\">Pedestal Sink<\/div>\n    <div class=\"fixture-size\">24\u201327&#8243; wide \u00d7 18\u201320&#8243; deep<\/div>\n    <div class=\"fixture-sqft\">\u2248 3 sq ft<\/div>\n  <\/div>\n  <div class=\"fixture-card\">\n    <div class=\"fixture-icon\">\ud83d\uddc4\ufe0f<\/div>\n    <div class=\"fixture-name\">Single Vanity<\/div>\n    <div class=\"fixture-size\">24\u201348&#8243; wide \u00d7 21&#8243; deep<\/div>\n    <div class=\"fixture-sqft\">4\u20137 sq ft<\/div>\n  <\/div>\n  <div class=\"fixture-card\">\n    <div class=\"fixture-icon\">\ud83d\udec4<\/div>\n    <div class=\"fixture-name\">Double Vanity<\/div>\n    <div class=\"fixture-size\">60\u201372&#8243; wide \u00d7 21&#8243; deep<\/div>\n    <div class=\"fixture-sqft\">9\u201311 sq ft<\/div>\n  <\/div>\n<\/div>\n\n<hr class=\"divider\" id=\"floor-tile\">\n\n<h2>Calculating Floor Tile for a Bathroom<\/h2>\n\n<p>Bathrooms need more tile waste buffer than most rooms \u2014 lots of cuts around the toilet base, vanity legs, and doorway threshold mean more offcuts per square foot than a simple rectangular room.<\/p>\n\n<div class=\"formula-box\">\n  <div class=\"formula-label\">Formula \u2014 floor tile<\/div>\n  <div class=\"formula-text\">Room sq ft \u00d7 1.10\u20131.15 = tile sq ft to order<br>\u00f7 tile coverage per box = number of boxes (round up)<\/div>\n<\/div>\n\n<!-- SVG: Tile layout diagram -->\n<div class=\"diagram-wrap\">\n  <svg width=\"100%\" viewBox=\"0 0 680 280\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\">\n    <title>Bathroom floor tile layout showing full tiles, cut tiles around fixtures, and waste zones<\/title>\n    <defs>\n      <pattern id=\"tile-full\" width=\"36\" height=\"36\" patternUnits=\"userSpaceOnUse\">\n        <rect width=\"36\" height=\"36\" fill=\"#f0f8f5\" stroke=\"#2a7c72\" stroke-width=\"1\"\/>\n      <\/pattern>\n    <\/defs>\n\n    <!-- Full room tile grid -->\n    <rect x=\"30\" y=\"20\" width=\"360\" height=\"216\" fill=\"url(#tile-full)\" stroke=\"none\"\/>\n    <rect x=\"30\" y=\"20\" width=\"360\" height=\"216\" fill=\"none\" stroke=\"#2a7c72\" stroke-width=\"2\" rx=\"2\"\/>\n\n    <!-- Toilet area \u2014 cut tiles -->\n    <rect x=\"300\" y=\"20\" width=\"90\" height=\"80\" fill=\"#fdf3ef\" opacity=\"0.85\"\/>\n    <rect x=\"300\" y=\"20\" width=\"90\" height=\"80\" fill=\"none\" stroke=\"#b84c2a\" stroke-width=\"1.5\" stroke-dasharray=\"5,3\"\/>\n    <text x=\"345\" y=\"55\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"#8c3318\" font-weight=\"600\">Toilet area<\/text>\n    <text x=\"345\" y=\"70\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"9\" fill=\"#8c3318\">cut tiles needed<\/text>\n\n    <!-- Vanity area -->\n    <rect x=\"30\" y=\"164\" width=\"120\" height=\"72\" fill=\"#fdf3ef\" opacity=\"0.85\"\/>\n    <rect x=\"30\" y=\"164\" width=\"120\" height=\"72\" fill=\"none\" stroke=\"#b84c2a\" stroke-width=\"1.5\" stroke-dasharray=\"5,3\"\/>\n    <text x=\"90\" y=\"196\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"#8c3318\" font-weight=\"600\">Vanity base<\/text>\n    <text x=\"90\" y=\"212\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"9\" fill=\"#8c3318\">(cut or skip)<\/text>\n\n    <!-- Door threshold -->\n    <rect x=\"30\" y=\"20\" width=\"36\" height=\"36\" fill=\"#fff8e8\" opacity=\"0.9\"\/>\n    <text x=\"48\" y=\"42\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"8\" fill=\"#8a6820\">door<\/text>\n\n    <!-- Full tile area label -->\n    <text x=\"220\" y=\"130\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"14\" font-weight=\"700\" fill=\"#2a7c72\">Full tiles<\/text>\n    <text x=\"220\" y=\"150\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"11\" fill=\"#6b6257\">measure these wall to wall<\/text>\n\n    <!-- Legend -->\n    <rect x=\"30\" y=\"250\" width=\"16\" height=\"16\" fill=\"#f0f8f5\" stroke=\"#2a7c72\" stroke-width=\"1\"\/>\n    <text x=\"52\" y=\"263\" font-family=\"'Source Serif 4', serif\" font-size=\"11\" fill=\"#6b6257\">Full tiles<\/text>\n    <rect x=\"160\" y=\"250\" width=\"16\" height=\"16\" fill=\"#fdf3ef\" stroke=\"#b84c2a\" stroke-width=\"1\" stroke-dasharray=\"4,2\"\/>\n    <text x=\"182\" y=\"263\" font-family=\"'Source Serif 4', serif\" font-size=\"11\" fill=\"#6b6257\">Cut tiles around fixtures \u2014 add 10\u201315% waste buffer<\/text>\n\n    <!-- Calculation boxes right side -->\n    <rect x=\"420\" y=\"20\" width=\"230\" height=\"80\" rx=\"4\" fill=\"white\" stroke=\"#d9d0c3\" stroke-width=\"1.5\"\/>\n    <text x=\"535\" y=\"44\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"11\" fill=\"#6b6257\" font-weight=\"600\">Floor area: 8 \u00d7 10 = 80 sq ft<\/text>\n    <text x=\"535\" y=\"62\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"11\" fill=\"#6b6257\">+ 15% waste = 92 sq ft<\/text>\n    <text x=\"535\" y=\"80\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"13\" font-weight=\"700\" fill=\"#b84c2a\">Order 92 sq ft of tile<\/text>\n\n    <rect x=\"420\" y=\"118\" width=\"230\" height=\"100\" rx=\"4\" fill=\"white\" stroke=\"#d9d0c3\" stroke-width=\"1.5\"\/>\n    <text x=\"535\" y=\"142\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"11\" fill=\"#6b6257\" font-weight=\"600\">Waste factor guide:<\/text>\n    <text x=\"535\" y=\"162\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"#6b6257\">Straight lay, simple room: 10%<\/text>\n    <text x=\"535\" y=\"179\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"#6b6257\">Many fixtures + doorway cuts: 12%<\/text>\n    <text x=\"535\" y=\"196\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"10\" fill=\"#6b6257\">Diagonal or mosaic pattern: 15\u201320%<\/text>\n  <\/svg>\n<\/div>\n\n<div class=\"example-box\">\n  <div class=\"ex-label\">Full example \u2014 5 \u00d7 8 ft bathroom, 12\u00d712 tiles, straight lay<\/div>\n  Floor area: 5 \u00d7 8 = 40 sq ft<br>\n  With 10% waste: 40 \u00d7 1.10 = 44 sq ft<br>\n  Each 12\u00d712 tile = 1 sq ft \u2192 need 44 tiles<br>\n  <span class=\"ex-answer\">\u2192 Buy 44 tiles (or nearest box quantity above 44)<\/span>\n<\/div>\n\n<hr class=\"divider\" id=\"wall-tile\">\n\n<h2>Calculating Wall Tile for a Bathroom<\/h2>\n\n<p>Wall tile is calculated differently from floor tile \u2014 you&#8217;re measuring vertical wall surfaces, not the floor. The approach depends on whether you&#8217;re tiling all four walls or just a shower enclosure.<\/p>\n\n<div class=\"two-col\">\n  <div class=\"col-card\">\n    <h3>Full bathroom walls<\/h3>\n    <p>Measure each wall separately: width \u00d7 height. Add all four walls. Subtract openings (window, mirror, medicine cabinet \u2014 roughly 15 sq ft each). Add 10% waste.<\/p>\n    <div class=\"formula-box\" style=\"margin-top:12px;\">\n      <div class=\"formula-label\">Formula<\/div>\n      <div class=\"formula-text\">(Sum of all wall areas) \u2212 openings \u00d7 1.10<\/div>\n    <\/div>\n    <div class=\"example-box\">\n      <div class=\"ex-label\">8 \u00d7 8 ft bathroom, 9 ft ceiling<\/div>\n      4 walls: (8+8+8+8) \u00d7 9 = 288 sq ft<br>\n      \u2212 1 window (15 sq ft) = 273 sq ft<br>\n      \u00d7 1.10 = <span class=\"ex-answer\">300 sq ft of wall tile<\/span>\n    <\/div>\n  <\/div>\n  <div class=\"col-card\">\n    <h3>Shower enclosure only<\/h3>\n    <p>Measure the three walls inside the shower separately. Height from floor to ceiling (or to where tile ends). Multiply each wall width \u00d7 tile height and add together.<\/p>\n    <div class=\"formula-box\" style=\"margin-top:12px; border-left-color: var(--teal);\">\n      <div class=\"formula-label\">Formula<\/div>\n      <div class=\"formula-text\">(Wall 1 + Wall 2 + Wall 3) \u00d7 tile height \u00d7 1.10<\/div>\n    <\/div>\n    <div class=\"example-box\">\n      <div class=\"ex-label\">36&#8243; \u00d7 36&#8243; shower, tiled to 7 ft<\/div>\n      3 walls: (3 + 3 + 3) \u00d7 7 = 63 sq ft<br>\n      \u00d7 1.10 = <span class=\"ex-answer\">69.3 sq ft of shower tile<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<hr class=\"divider\" id=\"irregular\">\n\n<h2>Irregular Bathrooms<\/h2>\n\n<!-- L-shaped bathroom -->\n<div class=\"shape-card\" data-num=\"L-Shape\">\n  <h3>L-Shaped Bathroom<\/h3>\n  <div class=\"shape-meta\">Common when a bathroom has a separate toilet compartment or an offset shower enclosure<\/div>\n  <div class=\"shape-body\">\n    <div class=\"shape-svg-wrap\">\n      <svg viewBox=\"0 0 240 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"240\" height=\"220\">\n        <defs>\n          <pattern id=\"bta\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\"><rect width=\"12\" height=\"12\" fill=\"#f0f8f5\" stroke=\"#c5d9d5\" stroke-width=\"0.5\"\/><\/pattern>\n          <pattern id=\"btb\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\"><rect width=\"12\" height=\"12\" fill=\"#fff8e8\" stroke=\"#e8d8b0\" stroke-width=\"0.5\"\/><\/pattern>\n        <\/defs>\n        <rect x=\"20\" y=\"20\" width=\"120\" height=\"90\" fill=\"url(#bta)\"\/>\n        <rect x=\"20\" y=\"20\" width=\"120\" height=\"90\" fill=\"#f0f8f5\" opacity=\"0.85\"\/>\n        <rect x=\"20\" y=\"110\" width=\"200\" height=\"80\" fill=\"url(#btb)\"\/>\n        <rect x=\"20\" y=\"110\" width=\"200\" height=\"80\" fill=\"#fff8e8\" opacity=\"0.85\"\/>\n        <line x1=\"20\" y1=\"110\" x2=\"140\" y2=\"110\" stroke=\"#c9983a\" stroke-width=\"1.5\" stroke-dasharray=\"5,4\"\/>\n        <path d=\"M20,20 L140,20 L140,110 L220,110 L220,190 L20,190 Z\" fill=\"none\" stroke=\"#2a7c72\" stroke-width=\"2.5\"\/>\n        <text x=\"80\" y=\"62\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"11\" font-weight=\"700\" fill=\"#2a7c72\">Section A<\/text>\n        <text x=\"80\" y=\"78\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"9\" fill=\"#6b6257\">5 \u00d7 6 = 30 sq ft<\/text>\n        <text x=\"120\" y=\"152\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"11\" font-weight=\"700\" fill=\"#8a6820\">Section B<\/text>\n        <text x=\"120\" y=\"168\" text-anchor=\"middle\" font-family=\"'Source Serif 4', serif\" font-size=\"9\" fill=\"#6b6257\">3 \u00d7 5 = 15 sq ft<\/text>\n        <text x=\"130\" y=\"210\" text-anchor=\"middle\" font-family=\"'Playfair Display', serif\" font-size=\"11\" font-weight=\"700\" fill=\"#1a1612\">Total: 45 sq ft<\/text>\n      <\/svg>\n    <\/div>\n    <div>\n      <div class=\"formula-box\">\n        <div class=\"formula-label\">Method<\/div>\n        <div class=\"formula-text\">Split into two rectangles \u2192 measure each \u2192 add totals<\/div>\n      <\/div>\n      <p style=\"font-size:0.95rem; color:var(--muted); margin-bottom:14px;\">The same split-and-add method used for any irregular room works perfectly for L-shaped bathrooms. Divide at the natural notch, measure each section, add them together.<\/p>\n      <div class=\"example-box\">\n        <div class=\"ex-label\">Worked example<\/div>\n        Section A: 5 \u00d7 6 = 30 sq ft<br>\n        Section B: 5 \u00d7 3 = 15 sq ft<br>\n        30 + 15 = <span class=\"ex-answer\">45 sq ft<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<hr class=\"divider\" id=\"mistakes\">\n\n<h2>Mistakes to Avoid<\/h2>\n\n<div class=\"tips-grid\">\n  <div class=\"tip-card\">\n    <div class=\"tip-icon\">\ud83e\uddf1<\/div>\n    <strong>Buying tile for floor area only<\/strong>\n    <p>If you&#8217;re tiling walls too, floor area and wall area are completely separate calculations. Many people order tile using their floor sq ft and run out halfway up the shower wall.<\/p>\n  <\/div>\n  <div class=\"tip-card\">\n    <div class=\"tip-icon\">\ud83d\udebd<\/div>\n    <strong>Subtracting fixtures from floor tile order<\/strong>\n    <p>Unless a vanity is permanently fixed and will never be moved, tile the full floor area wall to wall. Removing a pedestal sink later and finding bare subfloor underneath is an expensive surprise.<\/p>\n  <\/div>\n  <div class=\"tip-card\">\n    <div class=\"tip-icon\">\ud83d\udcd0<\/div>\n    <strong>Using 10% waste on a mosaic or diagonal pattern<\/strong>\n    <p>Small mosaic tiles and diagonal patterns waste significantly more material \u2014 use 15\u201320% for mosaic and 15% for diagonal. The small piece count from cuts adds up fast.<\/p>\n  <\/div>\n  <div class=\"tip-card\">\n    <div class=\"tip-icon\">\ud83d\udd22<\/div>\n    <strong>Forgetting grout lines in tile count<\/strong>\n    <p>Grout lines take up space. A 12\u00d712 tile in a 12\u00d712 grid doesn&#8217;t fill the floor exactly \u2014 grout joints mean you need slightly fewer tiles than the pure sq ft calculation suggests. Most suppliers factor this in; always ask before ordering.<\/p>\n  <\/div>\n  <div class=\"tip-card\">\n    <div class=\"tip-icon\">\ud83d\udce6<\/div>\n    <strong>Not keeping spare tiles<\/strong>\n    <p>Bathroom tiles get cracked, chipped, and stained over time. Buy an extra box and store it. Tiles get discontinued constantly \u2014 trying to match a tile years later from a different production run almost never works perfectly.<\/p>\n  <\/div>\n  <div class=\"tip-card\">\n    <div class=\"tip-icon\">\ud83e\ude9f<\/div>\n    <strong>Including window area in wall tile calculation<\/strong>\n    <p>You won&#8217;t tile inside a window opening or behind a mirror. Subtract each opening (roughly 10\u201315 sq ft for a window, 8\u201312 sq ft for a standard mirror) from your wall tile total before ordering.<\/p>\n  <\/div>\n<\/div>\n\n<hr class=\"divider\" id=\"faq\">\n\n<h2>Frequently Asked Questions<\/h2>\n\n<div class=\"faq\">\n  <div class=\"faq-item\">\n    <div class=\"faq-q\">How many square feet is a standard bathroom?<\/div>\n    <p class=\"faq-a\">A standard full bathroom in the US is around 40\u201364 sq ft \u2014 typically 5 \u00d7 8 ft to 8 \u00d7 8 ft. Half baths (toilet and sink only) are smaller, around 18\u201320 sq ft. Master bathrooms range from 80\u2013120 sq ft and luxury versions go higher.<\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <div class=\"faq-q\">Do I measure bathroom square footage including the toilet and tub?<\/div>\n    <p class=\"faq-a\">Yes \u2014 always measure wall to wall. The toilet, tub, and vanity are inside the room boundaries, so their footprints are included in the total square footage. The measurement represents total floor area, not just open walking space.<\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <div class=\"faq-q\">How much tile do I need for a 5 \u00d7 8 bathroom floor?<\/div>\n    <p class=\"faq-a\">A 5 \u00d7 8 bathroom is 40 sq ft. With a 10% waste buffer for a straight lay, you need 44 sq ft of tile. If using 12\u00d712 tiles (1 sq ft each), buy 44 tiles. If using smaller tiles sold in boxes, divide 44 by the sq ft coverage per box and round up to the nearest whole box.<\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <div class=\"faq-q\">How do I calculate wall tile for a shower?<\/div>\n    <p class=\"faq-a\">Measure all three interior walls of the shower \u2014 width of each wall and the height from the shower floor to where the tile ends (typically ceiling height or a design line). Multiply each wall&#8217;s width \u00d7 height to get its area, add all three walls, then add 10\u201315% waste. That&#8217;s your shower wall tile order quantity.<\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <div class=\"faq-q\">Is floor tile the same calculation as wall tile?<\/div>\n    <p class=\"faq-a\">No. Floor tile uses the floor area (length \u00d7 width). Wall tile uses the total area of the vertical surfaces you&#8217;re tiling. They&#8217;re completely separate calculations and usually different quantities. Many bathrooms use different tile sizes for floor and walls, which is another reason to keep the calculations separate.<\/p>\n  <\/div>\n  <div class=\"faq-item\">\n    <div class=\"faq-q\">How many tiles do I need for a bathroom floor?<\/div>\n    <p class=\"faq-a\">Calculate the floor area (length \u00d7 width in sq ft), add 10\u201315% waste, then divide by the area of one tile. A 12\u00d712 inch tile = 1 sq ft. An 18\u00d718 tile = 2.25 sq ft. A 24\u00d724 tile = 4 sq ft. Divide your buffered total by the tile&#8217;s sq ft and round up.<\/p>\n  <\/div>\n<\/div>\n\n<div class=\"cta-box\">\n  <p>Have your bathroom dimensions? Calculate floor area, add your waste buffer, and get your tile order quantity in seconds.<\/p>\n  <a href=\"https:\/\/squarefootcalc.com\/\" class=\"cta-btn\">Calculate Square Footage Free \u2192<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bathrooms are the smallest rooms in the house \u2014 and the most expensive per square foot to tile. Getting the measurement right before you order materials is the difference between one trip to the store and three. In this guide The formula Step-by-step instructions Standard bathroom sizes Do fixtures reduce your sq ft? Calculating floor&#8230;<\/p>\n","protected":false},"author":1,"featured_media":180,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-176","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"taxonomy_info":{"category":[{"value":1,"label":"Blog"}]},"featured_image_src_large":["https:\/\/squarefootcalc.com\/blog\/wp-content\/uploads\/2026\/07\/Bathroom-Square-Footage-How-to-Measure-Correctly-Floor-Wall-Tile-Guide-1024x683.webp",1024,683,true],"author_info":{"display_name":"Luke","author_link":"https:\/\/squarefootcalc.com\/blog\/author\/aziz315\/"},"comment_info":0,"category_info":[{"term_id":1,"name":"Blog","slug":"blog","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":30,"filter":"raw","cat_ID":1,"category_count":30,"category_description":"","cat_name":"Blog","category_nicename":"blog","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/posts\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":4,"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/posts\/176\/revisions"}],"predecessor-version":[{"id":181,"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/posts\/176\/revisions\/181"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/media\/180"}],"wp:attachment":[{"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/media?parent=176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/categories?post=176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/squarefootcalc.com\/blog\/wp-json\/wp\/v2\/tags?post=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}