Heart image: Pixel-to-Crochet Chart Converter

Inspect a coarse heart silhouette

This original sixteen-by-fourteen raster draws a heart with a mathematical outline and two flat colors. It is a code-drawn teaching illustration with two recorded color regions. The design question is how faithfully conversion retains the actual coarse outline, including its lower point and broad upper edge. At this native resolution, the source has no cream cleft separating two upper lobes. The complete rectangle, including the cream background, becomes worked fabric.

Check a color budget rather than an index number

The source has 118 red pixels and 106 cream pixels, totaling 224. The converter's first palette slot is red because it is the larger region; the original source drawing listed cream first. That reordering is valid. Compare the actual color assigned to every coordinate rather than assuming that source color zero must remain output color zero. At this native resolution and two-color limit, neither original color needs to be merged.

Check the upper edge and the point

Before crocheting, inspect the contiguous red run near the upper edge and the narrow lower point. The blank top row does not form a cleft inside that run. If two visibly separated upper lobes are essential, design a revised source with an explicit light notch and verify its new pixel budget. Keep a copy of the exact original PNG and exported JSON. If you try a smaller conversion, compare the actual upper run and lower point directly with the original rather than assuming that a smaller result preserves every feature.

Interpret a rectangle in actual yarn

The saved graph is sixteen stitches wide and fourteen rows high. Single crochet is not necessarily square, so the physical heart may be stretched compared with the screen's square pixels. Make the small carried-yarn panel, finish it as planned and measure stitch and row gauge separately. Do not add stitches within a red cell to round the outline; a cell already represents one complete stitch position.

Questions and practical repairs

Why did the yarn numbers change?

Palette order follows quantization, not the drawing author's preferred list. The exact red and cream regions should remain unchanged.

Can I skip the cream background?

No. It is worked cream fabric, not open mesh. Missing cells would alter both width and connectivity.

Why is the point at the top?

Check whether you pasted top-first source rows into a bottom-origin saved grid. Use the provided JSON or upload the PNG through the converter instead.

Download the source and reproduce the conversion

Download the original PNG input. This code-drawn illustration is shown enlarged with crisp pixels below; it is not documentary photography.

In the Pixel-to-Crochet Chart Converter, set 16 columns, 14 rows and a maximum of 2 colors before choosing the PNG file. Conversion occurs locally. Use Reprocess source image after changing resolution or the color limit. The exact native source uses 2 output palette slots: yarn 1 #b83e5d (118 stitches); yarn 2 #f4e8d2 (106 stitches).

Download the exact converted project JSON for restoration and comparison. The saved grid uses the lower-left origin. Preserve it before trying another image or palette; a resized or reduced version is a separate design.

Work the actual counted fabric

Use compatible smooth yarns and a suitable trial hook. Chain 17 and work 16 US single crochets from the second chain. Later rows use one uncounted turning chain and alternate working direction. Change color on the final pull-through before the next yarn. In UK terminology these single crochets are double crochets. Follow every row below, then fasten off and weave ends. Measure a washed sample for physical dimensions and material consumption; the pixel budget excludes carries, tails, seams and any later border. See the chart-reading guide for matching the symbols to the written route.

1. In the first listed working color, ch 17. Start in the second chain from hook. Read right to left: #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
2. Ch 1, turn (does not count). Read left to right: #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
3. Ch 1, turn (does not count). Read right to left: #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
4. Ch 1, turn (does not count). Read left to right: #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
5. Ch 1, turn (does not count). Read right to left: #f4e8d2, #f4e8d2, #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
6. Ch 1, turn (does not count). Read left to right: #f4e8d2, #f4e8d2, #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
7. Ch 1, turn (does not count). Read right to left: #f4e8d2, #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
8. Ch 1, turn (does not count). Read left to right: #f4e8d2, #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
9. Ch 1, turn (does not count). Read right to left: #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
10. Ch 1, turn (does not count). Read left to right: #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
11. Ch 1, turn (does not count). Read right to left: #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
12. Ch 1, turn (does not count). Read left to right: #f4e8d2, #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
13. Ch 1, turn (does not count). Read right to left: #f4e8d2, #f4e8d2, #f4e8d2, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #b83e5d, #f4e8d2, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]
14. Ch 1, turn (does not count). Read left to right: #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2, #f4e8d2. Work one sc per cell; change color on final pull-through. Carry inactive yarn loosely. [16 stitches]