eg

size chart generator.

apparel & shoe size charts across US, UK, EU, IT, FR, JP, AU, CN, KR, export html, csv, png

category
measurement unit
columns to include

> preview, Women's Tops

alphaUSUKEUITFRJPAUbust (cm)waist (cm)hip (cm)
XS0-24-632-3438-4034-365-76-878-8260-6484-88
S4-68-1036-3842-4438-409-1110-1284-8866-7090-94
M8-1012-1440-4246-4842-4413-1514-1690-9472-7696-100
L12-1416-1844-4650-5246-4817-1918-2096-10278-84102-108
XL16-1820-2248-5054-5650-522122-24104-11086-92110-116
XXL20-2224-2652-5458-6054-562326-28112-11894-100118-124
> html source
<div class="size-chart">
  <h3>Size Guide</h3>
  <table>
    <thead>
      <tr><th>alpha</th><th>US</th><th>UK</th><th>EU</th><th>IT</th><th>FR</th><th>JP</th><th>AU</th><th>bust (cm)</th><th>waist (cm)</th><th>hip (cm)</th></tr>
    </thead>
    <tbody>
    <tr><td>XS</td><td>0-2</td><td>4-6</td><td>32-34</td><td>38-40</td><td>34-36</td><td>5-7</td><td>6-8</td><td>78-82</td><td>60-64</td><td>84-88</td></tr>
    <tr><td>S</td><td>4-6</td><td>8-10</td><td>36-38</td><td>42-44</td><td>38-40</td><td>9-11</td><td>10-12</td><td>84-88</td><td>66-70</td><td>90-94</td></tr>
    <tr><td>M</td><td>8-10</td><td>12-14</td><td>40-42</td><td>46-48</td><td>42-44</td><td>13-15</td><td>14-16</td><td>90-94</td><td>72-76</td><td>96-100</td></tr>
    <tr><td>L</td><td>12-14</td><td>16-18</td><td>44-46</td><td>50-52</td><td>46-48</td><td>17-19</td><td>18-20</td><td>96-102</td><td>78-84</td><td>102-108</td></tr>
    <tr><td>XL</td><td>16-18</td><td>20-22</td><td>48-50</td><td>54-56</td><td>50-52</td><td>21</td><td>22-24</td><td>104-110</td><td>86-92</td><td>110-116</td></tr>
    <tr><td>XXL</td><td>20-22</td><td>24-26</td><td>52-54</td><td>58-60</td><td>54-56</td><td>23</td><td>26-28</td><td>112-118</td><td>94-100</td><td>118-124</td></tr>
    </tbody>
  </table>
</div>

<style>
  .size-chart { font-family: system-ui, sans-serif; margin: 1rem 0; }
  .size-chart h3 { font-size: 1rem; margin: 0 0 0.5rem 0; text-transform: uppercase; letter-spacing: 0.05em; }
  .size-chart table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
  .size-chart thead { background: #111111; color: #fff; }
  .size-chart th, .size-chart td { border: 1px solid #e5e5e5; padding: 0.5rem 0.75rem; text-align: center; }
  .size-chart tbody tr:nth-child(even) { background: #fafafa; }
</style>

> the calculation

  • women's apparel regionsalpha (XS-XXL) · US (0-22) · UK (4-26) · EU (32-54) · IT (38-60) · FR (34-56) · JP (5-23) · AU (6-28)
  • men's apparel regionsalpha (XS-XXL) · US/UK (32-54 chest) · EU (42-64) · IT (44-64) · JP (S-4L)
  • shoe regionsUS · UK · EU · JP (foot cm) · CN · KR (mm) · AU, women US 5-12 / men US 6-14 / kids 3C-6Y
  • body measurements (cm↔in)bust / chest / waist / hip / neck / inseam / foot length, toggle converts cm ranges to inches (÷2.54)
  • html exportinline-styled <table> with customisable brand accent on <thead>, alternating row bg, responsive width
  • png export2× DPI canvas render, ~96px columns × 34px rows + 48px header + 52px title band
  • shopify metafield json{ title, unit, headers[], rows[][] }, matches the shape most Shopify theme size-guide blocks expect
  • converter modepick region + input size → returns matching row across all region columns · single-size lookup for PDP live-chat reps
  • disclaimerReference sizing only, every brand cuts slightly differently. Confirm against the brand's own sample garments before publishing on a PDP.

> related calculators, operations