PIPELINE Encoding & Decoding Intermediate 3 steps

Encode a JSON payload for URL transport

Some APIs expect structured payloads as URL parameters. This chain formats the JSON first (stable, reviewable), then applies Base64, then percent-encoding. The receiver unwraps it with the decode chain in reverse order.

What it solves

Prepare a JSON document for a URL parameter: pretty-print, Base64-encode, then percent-encode — the exact inverse of the nested-parameter decode chain.

Input → Output

JSON Formatter input → URL Encoder output across 3 steps.

Runs in

1–2 minutes · fully local in your browser.

Before you start

A valid JSON document

The pipeline

1 JSON Formatter json-format

Format, minify, or sort JSON online. Free, private, and 100% client-side.
2 Base64 Encoder base64-encode

Encode text or binary data to Base64 online. Free, private, and 100% client-side.
3 URL Encoder url-encode

Percent-encode text for safe use in URLs. Free, private, and 100% client-side.

Open in Toolchain

Runs locally in your browser. The recipe defines the pipeline only — your input never leaves this tab.

▶Run this workflow

Enter your input below and click Run. All processing happens locally in your browser — nothing is uploaded.

Input data

Pipeline progress

JSON Formatterjson-format
Base64 Encoderbase64-encode
URL Encoderurl-encode

Sample input

{"a":1}

Expected output

ewogICJhIjogMQp9

This pair is executed against the real tools at build time (tests/unit/recipes.test.ts) — the expected output is verified, not illustrative.

Related tasks

Decode nested URL-encoded parameters (Base64 JSON in a query string)

Unwrap the common API pattern where a URL parameter carries URL-encoded Base64 JSON — one chain, three tools, zero copy-pasting between pages.

Related workflows

Decode nested URL parameter (Base64 JSON)

Unwrap a URL parameter that carries URL-encoded Base64 JSON into readable, formatted JSON.

You might also need

Workflows sharing tools or topics with this recipe.

Encode a text payload for URL transport

Percent-encode text then show its hex representation for safe URL parameter transport.

URL Encode then Base64 Double Encode

URL-encode then Base64-encode for double encoding in API payloads.

AES encrypt then Base64 encode

Encrypt plaintext with AES and encode the ciphertext as Base64 for text-safe transport.

Learn more

Base64 vs Base32 vs Base58

Compare three popular base-encoding schemes and learn when to choose each one.

Base64: how it works and when to use it

The byte-to-character mechanics behind Base64, why padding exists, which alphabet variants you will meet, and the boundaries where Base64 is the wrong tool.

Tools used

Format, minify, or sort JSON online. Free, private, and 100% client-side.

Encode text or binary data to Base64 online. Free, private, and 100% client-side.

Percent-encode text for safe use in URLs. Free, private, and 100% client-side.