How to Read a Pixel Macramé Pattern

A pixel macramé pattern looks, at first glance, like a piece of graph paper that wandered into a craft store. Colored squares, numbered edges, a key full of letters — and not a single written instruction in sight. The good news: a knot chart is one of the most honest patterns in fiber crafts — everything the finished piece will be is already on that grid, at full size, in order. Learn what the rows, columns, and symbols mean, and you can read any pixel chart, including every chart KnotGrid prints. This guide walks through the whole system.

The one idea behind every pixel chart

Pixel macramé borrows its logic from cross-stitch and bead weaving. Your finished hanging is treated as a picture made of a grid of knots, and each cell on the chart represents exactly one knot. If a cell is terracotta, you tie one knot that shows terracotta at that position. An empty or dotted cell is background — cord showing through, or a knot in your background color, depending on technique. That's the entire contract between you and the chart: colors, positions, and counts — nothing is hidden.

Because one cell equals one knot, the chart is also a counting tool: count the terracotta cells and you know exactly how many terracotta knots the piece contains. That's why KnotGrid's color table is exact about counts even though cord lengths are estimates — the counts are just the chart, added up.

Columns are cords, rows are rows

Read the grid in the direction the work grows: a hanging is built from the top down, cords dangling from a dowel as you knot toward the floor, and the chart is oriented the same way. Each column of the grid is one hanging cord position, counted left to right, and each row is one horizontal row of knots, worked from row 1 down to the last row above the fringe.

When a pattern says "25 cords × 30 rows," it means 25 cord positions across and 30 knot rows down. Printed KnotGrid charts number both: columns along the top, rows down the left side. The numbers are how you find your place after a break — makers call out their position as "row 14, cord 9," and a sticky note under the current row saves a surprising amount of sanity.

Working cords and filler cords

The subtlest idea in chart reading is that not every cord does the same job. In a square knot, four strands take part: the two in the middle hang straight and still — these are filler cords — while the two outer strands do all the crossing and looping. Those are the working cords, and they are what you see on the front of the finished knot. The fillers hide inside, giving the knot its body.

This matters for color. When a chart cell is red, it is the working cords that must be red. So plan square-knot work so the wrapping pairs carry the chart's colors, while fillers stay a neutral shade. In double half hitch — the technique most modern pixel pieces use — the logic is cleaner: each hanging cord wraps a horizontal or diagonal holding cord, and the wrapping cord's color is the pixel. The holding cord peeks through only if your tension is loose, so keep it in the background color too.

Charts rarely name a technique. Rule of thumb: crisp diagonal edges assume double half hitch; softer, chunkier charts assume square knots. KnotGrid charts work with either — one cell is one knot in both systems; only the texture changes.

Symbols, letters, and the color key

Color alone can't carry a pattern. Printers wash colors out, screens shift them, and similar shades — sand and natural, say — become indistinguishable at small sizes. So printed charts add a second channel: each color also gets a symbol, usually a letter. KnotGrid charts label the first color A, the second B, and so on, printing that letter inside every cell. The legend beside the chart ties it together: letter, swatch, color name or hex, and the exact knot count.

Read the letters, not the colors, as you work: letters survive bad lighting, black-and-white printing, and tired eyes at row 26 — and the legend's counts feed straight into cord estimates, so the key is both map and materials list.

Empty cells and backgrounds

New readers often ask about the dotted, uncolored cells in a KnotGrid chart. Those are positions where you painted nothing — in a real hanging they are not holes, because the cords still hang there. You have three honest options. First, knot them in a background color (natural cotton is the classic) for a solid rectangle with the design floating on it. Second, leave the area unknotted — open netting or straight hanging cord — so the design reads as a silhouette. Third, in double half hitch work, carry the background holding cord across and let sparse wrapping create an airy texture. Decide before you cut cord: option one uses considerably more background color than option two.

A row, read out loud

Here is the skill in action. Suppose row 9 of a heart chart reads: six background cells, then B B B, then A A, then B B B, then background to the edge. You work across from cord 1: six background knots, three in B, two in A, three in B, background to the end — checking the row total against the chart's cord count before moving on. That habit, count the row before you tie it and after you finish it, catches nearly every error while it is still one row deep. If your row total disagrees with the chart width, stop; the mistake is in this row or the one above.

Common chart-reading mistakes

• Reading bottom-up. Charts for hanging pieces start at the top. Working from the bottom row flips your design upside down — fine for a rainbow, disastrous for a cat.
• Counting strands instead of positions. Mounted folded cords give you two strands each. The chart counts strands (positions), so check your hanging count against the column count before row 1.
• Trusting screen colors over the key. The letter and the hex in the legend are the truth; your monitor's idea of "sage" is an opinion.
• Skipping the count check. Every color's knot count is printed in the legend. If a finished section's counts feel off, listen early.

That's the whole literacy. Columns are cords, rows grow downward, one cell is one knot, letters beat colors, and you count a row before and after you tie it. With those five habits, any pixel chart becomes a set of small, calm, checkable steps. Open the pattern library, print a chart, and read row 1 out loud before you touch any cord. If the sentence makes sense, you're ready to knot it.

Open the designer   Next: how much cord do you need? →

How Much Cord Do I Need for a Macramé Wall Hanging?

Every macramé maker has a version of the same story: a beautiful piece, three rows from the bottom, and one color of cord that simply runs out — in a dye lot that no longer exists. The opposite story is nearly as common: a drawer of expensive leftover cord from a project that needed half what was cut. Cord estimation feels like guesswork because most advice is a single rule of thumb ("cut four times the finished length!") applied to every knot, thickness, and design. This guide explains the method KnotGrid actually uses, shows the arithmetic on real examples, and gives you the judgment to adjust it for your own hands.

Why a knot eats more cord than it shows

Start with the physics: a finished knot row in 4 mm cord stands about a third of an inch tall — roughly twice the cord's diameter. But the cord inside that knot traveled much further — wrapping around filler cords, crossing over, looping back, and pulling through. For square knots and double half hitches, the working cord typically travels about four times the finished height of the knot. This 4:1 take-up ratio is the engine of every honest cord estimate — and it's where the folklore "four times the length" rule comes from.

Two things bend the ratio. Tight, firm knotting pulls more cord into each knot than loose work; heavy-handed makers should plan on 4.5:1, gentle hands on 3.5:1. And different knots eat differently: a double half hitch is economical, a square knot is average, and dense spiral or berry knots are genuinely hungry. KnotGrid's estimates assume standard pixel work at average tension — and then add a cushion, which we'll get to.

The KnotGrid method, step by step

Here is exactly what the designer calculates. Step 1: find the finished row height. Divide your finished height (not counting fringe) by the number of rows. A 24-inch hanging with 30 rows has rows of 0.8 inches. As a sanity check, a row naturally stands about 2× the cord diameter tall — 0.31″ for 4 mm cord — so a row height far below that means cramped rows; far above it, rows stretch and show gaps.

Step 2: turn cells into working length. Each painted cell is one knot, and each knot consumes about 4× the row height in working cord. So a color with 96 knots in that 30-row hanging accounts for 96 × 0.8″ × 4 ≈ 307 inches — about 25.6 feet — of working length. Notice how the estimate scales: the same design knotted bigger needs proportionally more cord, even though the knot count is identical.

Step 3: add fringe where the color reaches the bottom. Fringe isn't knotted, so it doesn't suffer take-up — but it must be cut. For every column in which a color appears, KnotGrid adds one fringe allowance (the length you set in the designer) to that color's total. A color that appears only near the top of a design, like a sun in the sky, gets no true fringe — its ends are woven in — but the allowance doubles as weaving-in and trimming margin, which is why we keep it for every color. Step 4: add 10%. The totals include a 10% cushion, folded into each cut length and rounded up to the nearest inch per cord — for varied knots, wandering cuts, and the strand always sacrificed to a mistake.

Worked example 1: the starter heart

Take a small heart hanging: 21 cords, 24 rows, finished height 18 inches, 4 mm cord, 5-inch fringe. The heart color covers 131 knots spread across 15 columns; the background, if you knot the full rectangle, covers the remaining 373 cells. Row height is 18 ÷ 24 = 0.75 inches. Heart cord: 131 × 4 × 0.75 = 393 inches of working length, plus 15 × 5 = 75 inches of fringe — 468 inches, exactly 39 feet, call it 43 feet with the cushion. In the shop, that's one 50-foot bundle of the heart color. The background color, with its 373 knots and all 21 columns, needs roughly 373 × 4 × 0.75 = 1,119 inches of working length plus 21 × 5 = 105 inches of fringe — about 102 feet, 112 with the cushion. Total project: roughly 155 feet of cord, cushion included. Notice the background is nearly three quarters of the shopping list. It always is.

Worked example 2: a wide landscape

Now scale up: 48 cords, 60 rows, finished height 36 inches, 5 mm cord, 8-inch fringe. Row height: 0.6 inches — above the 0.39-inch natural row height of 5 mm cord, so the piece drapes rather than bunches. A mountain color with 700 knots across 40 columns: 700 × 4 × 0.6 = 1,680 inches working, plus 320 inches fringe = 2,000 inches, about 167 feet (183 with cushion — most of a 200-foot bundle). In total, the design lands near 460 feet of cord. And the dowel: 48 cords × 0.55″ ≈ 26.4 inches of occupied width, so a 30- to 32-inch dowel is the right buy.

Cutting strands: length per cord

One more translation, from estimate to scissors: each cut strand must contain everything it will do — its share of knots down the column, its fringe, and a little for mounting. KnotGrid's cutting list handles this per color — it counts the distinct columns each color appears in (your strand count for that color) and divides the color's total length across them for a "cut each" figure. For colors running the full height of the piece, this matches the classic method: cut length ≈ 4 × finished height + fringe + a few inches for the Lark's Head mount. Short offcuts aren't waste: they become practice knots and gathering-knot wraps.

When to adjust the estimate

• You knot tightly: add another 10%. Tension is the biggest variable in the whole system.
• Thick cord (5 mm+) in square knots: the take-up creeps up; add 5–10% for square-knot pieces.
• Long fringe or a V-shaped cut: the fringe allowance is per cord and even; a deep V needs extra on the middle cords — add the difference.
• Buying a discontinued or hand-dyed color: buy the next size up — running out mid-piece is the one unfixable problem.
• Test strand: for a big piece, cut one strand, knot one full column, and measure what's left. Ten minutes of testing recalibrates every number here to your hands.

Estimation will never be exact — cord is a natural material and hands are not machines — but it can be close, explained, and adjustable, which keeps the dreaded three-rows-short moment out of your craft room. Paint your design in the designer, set your real finished height and cord, and let it do this arithmetic for every color at once.

Estimate my design   Next: your first project walkthrough →

Your First Pixel Macramé Project: A Beginner Walkthrough

The best first pixel project is small enough to finish this weekend and charming enough to hang when it's done. So we're making a heart wall hanging: 21 cords wide, 24 knot rows, two colors, finished size about 10 inches wide by 18 inches tall plus fringe. It's the same heart that lives in KnotGrid's pattern library — load it into the designer, recolor it to match your cord stash, and print the chart before you cut a single strand. Work through this page in order and you'll finish with a real piece — and, more importantly, with the row-by-row habits that make every later project easier.

What you'll need

• Cord: 4 mm single-twist cotton cord in two colors — natural (background) and terracotta (heart), or whatever pair you love. From the designer's cutting list: roughly 112 feet of natural and 43 feet of terracotta, cushion included.
• A dowel or branch: about 16–18 inches long — the knotted body is ≈ 9.5 inches across (21 cords × 0.45″), and the extra dowel gives mounting room and a balanced look.
• Tools: sharp scissors, a tape measure, a comb or pet brush for fringe, painter's tape or hooks for hanging the dowel, and your printed chart with a sticky note as row marker.

Hang the dowel before you start — from a door frame, a garment rack, or two hooks — at a height where the middle of the finished piece sits at elbow level. Macramé is tied in front of hanging work — taping cords to a table fights you on every row.

Step 1: Cut your cord (about 20 minutes)

Cutting is the least glamorous and most consequential step: a strand cut short cannot be fixed gracefully. Work from the designer's cutting list rather than memory — for each color it says how many strands to cut and how long. Measure the first strand of each color carefully, then use it as the template for the rest. Slight unevenness now disappears into the fringe later; a strand that's three inches short becomes a visible problem at row 20.

The lengths come from the designer's method — about four inches of cord per inch of finished height, plus fringe and mounting room. The cord guide explains it fully, with this heart as its first worked example.

Step 2: Mount the cords (15 minutes)

Mount every strand on the dowel with a Lark's Head knot: fold, loop over the dowel away from you, pull the ends through, snug it down. Mount in the order of the columns: read your chart column by column and mount the color that does most of the work in that column — background at the edges, the motif color where the heart is wide. In double half hitch work each column's cord does its own wrapping, so column color is a real decision. Then count your hanging strands against the chart: 21 columns means 21 working positions. (Square-knot makers: mount in groups of four, with extra background strands at the edges.)

Slide the mounts along the dowel until spacing looks even — about a cord's width between neighbors — with equal empty dowel at both ends. Take a photo: a mounted, unknotted piece is the last moment mistakes are free.

Step 3: The holding row and row 1 (20 minutes)

Most pixel pieces in double half hitch begin by establishing a holding cord: take one long background strand, hold it horizontally across all the hanging cords just below the dowel, and have every cord wrap it twice — a full row of double half hitches in the background color. This foundation row evens spacing and hides the mounts. Now read row 1 out loud, as the chart-reading guide teaches — counts per color, total checked against 21 — then tie it.

Keep your tension even rather than tight — every knot snugged to the same firmness, like a handshake, not a wrestling hold. Uneven tension is the number-one cause of pixel pieces that lean.

Step 4: Rows 2 through 24 (the calm middle)

Now the project becomes a rhythm. For each row: slide your sticky note under the next chart row, read the row aloud in color runs ("six natural, three terracotta, two natural…"), tie it left to right, then count the finished row against the chart before moving the marker. Watching a picture assemble itself knot by knot is the whole pleasure of this craft. Expect 8–12 minutes per row at first, and half that by row 15.

Three habits for the middle rows. Check the edges: edge cords drift outward or get skipped; glance at cords 1 and 21 every row. Mind the point: where the heart tapers, color runs shrink by one each row — count those rows twice. Fix mistakes now: a wrong color found within a row or two unpicks in a minute; found ten rows later, it's a design feature.

Step 5: Finish the bottom and fringe (30 minutes)

After the last chart row, tie one more foundation-style row of double half hitches in the background color across all cords. This locks the picture's bottom edge and stops the last row from loosening. Below it, your remaining cord is fringe. Decide its shape: straight across is classic, a shallow V is forgiving, and a point echoing the heart is charming. Mark the longest point with tape, cut the shape, then comb the fringe out from the ends upward in small sections. Single-twist cord unravels into soft waves as you brush — the moment the piece turns from "craft project" into "wall hanging." Trim once more after brushing; combing always reveals a few long strands.

Optional: bind the fringe top with a gathering knot in the heart color, add a hanging cord, and steam the body gently if it curls. Then hang it somewhere you'll see it daily. You made a picture out of string and arithmetic.

Troubleshooting the classics

• The piece leans left: your pulling hand is stronger on one side. Ease tension on that side for a few rows; mild leans block out with hanging weight over a week.
• Rows won't sit straight: push each finished row snug against the previous one with your thumbs before tying the next — seating rows is a step, not an afterthought.
• A color ran short: weave the end into the back of the work for at least an inch, start a new strand the same way with an inch of overlap, and continue. On the front: invisible.
• The heart looks squished: your rows are tighter than the chart assumed. It still reads as a heart — and next time, a taller finished height in the designer stretches the plan to match your hands.

That's a complete pixel project: cut by numbers, mounted in column order, read row by row. From here the ladder is friendly — a two-color feather, the boho rainbow from the library, then a photo of your own converted in the photo tool. Each is the same habits with better pictures. Happy knotting.

Load the heart pattern   Review the five knots →

About KnotGrid

KnotGrid is a small, free design studio for pixel macramé — the style of wall hanging where a picture is built knot by knot on a grid of hanging cords, one colored cell at a time. It exists because, until now, makers who wanted to design their own pixel patterns had two unlovely choices: misuse a knitting-chart tool that knows nothing about cord, fringe, or dowels, or buy ready-made patterns and knot someone else's pictures forever. KnotGrid was built to be the third option: a designer that speaks macramé from the first cell.

Everything here is written in the vocabulary of the craft. Columns are cords, because that's what hangs from your dowel. Cord estimates are given per color, because that's how cord is bought and cut. The chart you print is numbered like a working chart — rows down the side, cords across the top, a letter in every cell — because that's how you actually sit in front of a hanging piece with a sticky note and a cup of tea going cold. Even the estimation method is published in full in our cord guide, worked examples and all, because a number you can't check is just a rumor.

What you can do here

• Design from a blank grid — up to 60 cords by 80 rows, twelve colors, with paint, fill, erase, and pick tools and a live cutting list.
• Convert a photo into a knot chart, matched either to colors drawn from the photo itself or to a standard cord palette.
• Start from the library — ten free starter patterns you can recolor, resize, and make your own.
• Learn the craft — the five essential knots with diagrams, plus three long-form guides on reading charts, estimating cord, and finishing a first project.

How KnotGrid treats your work

Your designs and photos are yours, and they stay on your device. The designer, the photo converter, and the chart printer all run entirely in your browser — there is no account, no upload, and no server quietly keeping a copy of your cat portrait. Patterns you create are yours to knot, gift, and sell as finished physical pieces; we claim no rights over anything you design here. The starter patterns in the library are free for the same use.

KnotGrid is maintained as a free resource for the fiber-craft community and is supported by advertising, which is described in our privacy policy. If a number on this site ever looks wrong to you — an estimate that doesn't match your hands, a knot step that reads unclearly — please tell us at hello@knotgrid.pages.dev. Corrections from working makers are how tools like this get better, and several of the explanations in our guides exist because a reader asked a good question.

However you arrived — a first heart, a portrait of a beloved dog, a market stall's worth of rainbows — welcome. Pick up the grid and make something with a picture in it.

Start designing   Get in touch

Contact KnotGrid

The fastest way to reach us is email:

hello@knotgrid.pages.dev

We read everything and reply to most messages within a few days. KnotGrid is a small project, so there is no support ticket system and no phone line — just a real inbox, checked by the person who maintains the site.

What to write about

• An estimate that didn't match your project. Tell us the design size, cord type, and how the numbers played out — these reports directly improve the estimation method.
• A pattern or knot step that's unclear. Point to the guide and the step; clarity bugs are bugs.
• A pattern request. The starter library grows over time, and reader requests go to the front of the queue.
• Something broken. If the grid, photo converter, or printable chart misbehaves, tell us your device and browser and what you were doing — screenshots help enormously.
• Privacy questions. Anything about how the site handles data; the short version is in the privacy policy, and we're happy to elaborate.

One favor

Please don't email us your photos or finished designs as attachments unless a conversation calls for it — the tools on this site process images locally on your own device by design, and we'd like to keep your work in your hands. If you're writing about a design, its size, colors, and cord details tell us everything we need.

Email hello@knotgrid.pages.dev

Privacy Policy

Last updated: October 31, 2026

KnotGrid ("we", "the site") is a free macramé pattern design tool available at knotgrid.pages.dev. This policy explains what information the site does and does not collect, how advertising on the site works, and the choices you have. By using KnotGrid you agree to this policy.

The short version

KnotGrid has no accounts, no sign-ups, and no server-side storage of your work. The pattern designer, the photo-to-pattern converter, and the printable chart all run entirely in your web browser. Images you open in the photo tool and designs you create are processed locally on your device and are never uploaded to us or to any third party. If you close the tab, your design is gone unless you printed its chart or saved its PNG — we cannot recover it, because we never had it.

Information we collect

• Design and image data: none. All processing happens in your browser's memory for the duration of your session.
• Email: if you contact us at hello@knotgrid.pages.dev, we receive your email address and the contents of your message, and we use them only to reply and to improve the site. We do not sell or share email addresses, and we do not run a mailing list.
• Basic technical logs: our hosting provider (Cloudflare Pages) may record standard server logs — such as IP address, browser type, and pages requested — for security, reliability, and aggregate traffic statistics. These logs are not used to identify individual visitors or to build profiles.

Cookies

KnotGrid itself does not set tracking cookies. However, third-party services used on the site — in particular advertising, described below — may set cookies on your device. You can block or delete cookies at any time in your browser settings; the designer and all tools will continue to work without them.

Advertising and Google AdSense

KnotGrid is supported by advertising. We use (or plan to use) Google AdSense to display ads on this site. In connection with that:

• Third-party vendors, including Google, use cookies to serve ads based on a user's prior visits to this website or other websites.
• Google's use of advertising cookies enables it and its partners to serve ads to users based on their visit to this site and/or other sites on the Internet.
• You may opt out of personalized advertising by visiting Google's Ads Settings (ads.google.com/settings). You can also opt out of some third-party vendors' use of cookies for personalized advertising at aboutads.info.
• Where required by law, ads may be served in a non-personalized form, and consent prompts may be shown before advertising cookies are set.

We do not control the content of third-party ads and are not responsible for the privacy practices of advertisers or of websites linked from ads. Visiting those sites is subject to their own policies.

Analytics

We may use privacy-respecting, aggregate analytics to understand which tools and guides are useful (for example, page view counts provided by our hosting platform). We do not use cross-site tracking, fingerprinting, or behavioral profiling of our own.

Children's privacy

KnotGrid is a general-audience craft site and is not directed at children under 13. We do not knowingly collect personal information from children. The tools themselves collect nothing from any visitor, of any age.

Data security and retention

Because the site stores no user designs, images, or accounts, there is no user database to secure or breach. Email correspondence is retained only as long as needed to handle your inquiry and maintain a record of corrections and requests. Hosting logs are retained according to our provider's standard practices.

Your choices

• Use every tool on this site without providing any personal information at all.
• Block cookies in your browser without losing any site functionality.
• Opt out of personalized advertising through Google's Ads Settings or aboutads.info, as described above.
• Ask us what email correspondence we hold from you, or ask us to delete it, by writing to the address below.

Changes to this policy

If this policy changes, the updated version will be posted on this page with a new "last updated" date. Significant changes — such as introducing accounts or new data collection — would be announced on the site before taking effect.

Contact

Questions about this policy: hello@knotgrid.pages.dev.