JSON URL-encoder

World's simplest json tool

Free online JSON to URL-encoding converter. Just load your JSON in the input field and it will automatically get converted to URL-encoded JSON. In the tool options, you can choose whether to use lowercase or uppercase letters for the hexadecimal escape codes and optionally enable encoding of all alphanumeric characters. Created for developers by developers from team Browserling.

Check out our main project! Browserling

We created Browserling – get a cloud browser in 5 seconds. Check it out!

A link to this tool, including input, options and all chained tools.

Input JSON

URL-encoded JSON

Can't convert.

An error has occured.

JSON URL-encoder options

Encoding Method

Full Character Escape Make every character in the input JSON data web-safe. This includes even letters and numbers.

Hexadecimal Letter Case

Uppercase Encoding Print escaped hex codes in uppercase.

Lowercase Encoding Print escaped hex codes in lowercase.

What is a JSON URL-encoder?

learn more about this tool

This tool converts JSON (JavaScript Object Notation) data into URL-encoded data that can safely be embedded in web addresses. JSON is a popular format for storing and exchanging structured data, but it's not so easy to use directly in URLs. Some characters in JSON, such as spaces, colons, and quotes, have special meanings in URLs and may be interpreted incorrectly by browsers and backend software. The URL-encoding format solves this problem – these characters are replaced with special escape sequences that web browsers and backend software can interpret correctly. Non-alphanumeric characters are replaced with a percent sign (%) followed by a two-digit hexadecimal number. You can also enable the "Full Character Escape" mode in the options. This mode converts every character in your data (including letters and numbers) to URL encoding. Additionally, you can choose the case of the hexadecimal numbers – uppercase hex or lowercase hex. If you have JSON data that's already URL-encoded and want to reverse it and see the original JSON, you can use our URL-decode JSON tool. Json-abulous!

JSON URL-encoder examples

Click to use

URL-encode a JSON Array

In this example, we URL-encode a simple JSON array containing four strings. By applying URL encoding, the syntactic JSON characters are converted into a web-safe format but the strings stay as-is. As a result, square brackets, quotes, spaces, and commas are replaced with percent signs followed by hexadecimal codes of the symbols.

["fdiv", "f00f", "meltdown", "spectre"]

%5B%22fdiv%22%2C%20%22f00f%22%2C%20%22meltdown%22%2C%20%22spectre%22%5D

Required options

These options will be used automatically if you select this example.

Full Character Escape Make every character in the input JSON data web-safe. This includes even letters and numbers.

Uppercase Encoding Print escaped hex codes in uppercase.

Percent-encode a JSON Object

This example converts a JSON object with four key-value pairs into the percent encoding. In the output, all non-alphanumeric characters are escaped via a percent sign but the regular alphabet letters and numbers are not modified.

{ "url" : "https://onlineJSONtools.com/", "toolCount" : 20, "releaseDate" : "2024-04-30", "rating" : "5" }

%7b%0a%20%20%22url%22%20%3a%20%22https%3a%2f%2fonlineJSONtools.com%2f%22%2c%0a%20%20%22toolCount%22%20%3a%2020%2c%0a%20%20%22releaseDate%22%20%3a%20%222024-04-30%22%2c%0a%20%20%22rating%22%20%3a%20%225%22%0a%7d

Required options

These options will be used automatically if you select this example.

Full Character Escape Make every character in the input JSON data web-safe. This includes even letters and numbers.

Lowercase Encoding Print escaped hex codes in lowercase.

All JSON Character URL-escape

In this example, we URL-escape a JSON object that represents weather data. The input JSON object consists of four keys and another nested object. By enabling the "Full Character Escape" option, we transform all characters in the data, including letters and numbers, into matching hex codes.

{ "temperature": 18.2, "conditions": "Partly cloudy", "humidity": 0.65, "wind": { "speed": 10, "direction": "NW" } }

%7B%0A%20%20%22%74%65%6D%70%65%72%61%74%75%72%65%22%3A%20%31%38%2E%32%2C%0A%20%20%22%63%6F%6E%64%69%74%69%6F%6E%73%22%3A%20%22%50%61%72%74%6C%79%20%63%6C%6F%75%64%79%22%2C%0A%20%20%22%68%75%6D%69%64%69%74%79%22%3A%20%30%2E%36%35%2C%0A%20%20%22%77%69%6E%64%22%3A%20%7B%0A%20%20%20%20%22%73%70%65%65%64%22%3A%20%31%30%2C%0A%20%20%20%20%22%64%69%72%65%63%74%69%6F%6E%22%3A%20%22%4E%57%22%0A%20%20%7D%0A%7D

Required options

These options will be used automatically if you select this example.

Full Character Escape Make every character in the input JSON data web-safe. This includes even letters and numbers.

Uppercase Encoding Print escaped hex codes in uppercase.

Pro tips Master online json tools

You can pass input to this tool via ?input query argument and it will automatically compute output. Here's how to type it in your browser's address bar. Click to try!

https://onlinejsontools.com/url-encode-json?input=%5B%22fdiv%22%2C%20%22f00f%22%2C%20%22meltdown%22%2C%20%22spectre%22%5D&encode-all-chars=false&uppercase-hex=true

All json tools

Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!

Highlight JSON Syntax

Quickly color-code the syntax of a JSON file.

Prettify JSON

Quickly beautify a JSON data structure.

Minify JSON

Quickly compress a JSON file.

Stringify JSON

Quickly convert JavaScript data to a JSON string.

Unstringify JSON

Quickly convert a JSON string to JavaScript data.

Validate JSON

Quickly check JSON for errors and report them.

Escape JSON

Quickly escape special JSON characters.

Unescape JSON

Quickly unescape an escaped JSON string.

Convert JSON to XML

Quickly convert a JSON data structure to an XML file.

Convert XML to JSON

Quickly convert an XML file to a JSON data structure.

Convert JSON to YAML

Quickly convert a JSON data structure to a YAML markup.

Convert YAML to JSON

Quickly convert a YAML markup to a JSON data structure.

Convert JSON to TSV

Quickly convert a JSON file to a TSV file.

Convert TSV to JSON

Quickly convert TSV data to a JSON file.

Convert JSON to CSV

Quickly convert a JSON file to a CSV file.

Convert CSV to JSON

Quickly convert CSV data to JSON data.

Convert JSON to BSON

Quickly convert a JSON structure to binary JSON encoding.

Convert JSON to an Image

Quickly convert JSON to a PNG, GIF, JPG, or BMP image.

Capture a JSON Screenshot

Quickly create a screenshot from JSON code.

Convert JSON to Base64

Quickly encode JSON to base64.

Convert Base64 to JSON

Quickly decode base64 to JSON.

URL-encode JSON

Quickly convert JSON to URL-encoding.

URL-decode JSON

Quickly convert URL-escaped JSON back to JSON.

Convert JSON to Plain Text

Quickly convert JSON data to plain text.

Edit and View JSON

Quickly edit a JSON file in a neat JSON editor in your web browser.

Extract JSON Keys

Quickly extract keys from objects in JSON data.

Extract JSON Values

Quickly extract values from objects in JSON data.

Flatten a JSON Array

Quickly reduce the nesting level of an array of arrays.

Flatten a JSON Object

Quickly create a single-level JSON object from nested JSON objects.

Hide JSON Strings

Quickly rewrite JSON strings using escape codes and make them hard to read.

Obfuscate JSON

Quickly obfuscate a JSON data structure.

Censor JSON Data

Quickly remove certain information from a JSON data structure.

Analyze JSON

Quickly display detailed information about a JSON data structure.

Coming soon These json tools are on the way

Find JSON Keys/Values

Find keys and/or values that interest you in a JSON file.

Convert JSON to a List

Create a text list from a JSON array or object.

Convert a List to JSON

Create a JSON array from a text list.

Convert JSON to Form Data

Generate HTTP form data from a JSON object.

Convert Form Data to JSON

Generate JSON object from HTTP form data.

Convert JSON to HTML

Create a HTML table from keys and values of a JSON object.

Convert JSON to Properties

Convert a JSON file to properties file.

Convert Properties to JSON

Convert properties data to JSON data.

Convert JSON to CSON

Convert a JSON file to a CSON file.

Convert CSON to JSON

Convert a CSON file to a JSON file.

Convert JSON to TOML

Convert a JSON config to a TOML config.

Convert TOML to JSON

Convert a TOML file to a JSON file.

Convert JSON to Bencode

Convert a JSON data structure to Bencode encoding.

Convert Bencode to JSON

Convert Bencode data to JSON data.

Convert JSON to JSONL

Convert a JSON file to a JSONL file.

Convert JSONL to JSON

Convert a JSONL file to a JSON file.

Convert BSON to JSON

Convert binary JSON data structure (BSON) to JSON.

Convert JSON to UBJSON

Convert a JSON file to a universal binary JSON (UBJSON).

Convert UBJSON to JSON

Convert universal binary JSON (UBJSON) to regular JSON.

Convert JSON to Message Pack

Serialize JSON data to binary MessagePack format.

Convert Message Pack to JSON

Unserialize binary MessagePack to a JSON struct.

Convert JSON to Protobuf

Serialize JSON data to binary Protobuf format.

Convert Protobuf to JSON

Unserialize binary Protobuf to a JSON struct.

Convert JSON to a LaTeX Table

Generate a LaTeX table from a JSON object.

Convert JSON to INI

Convert a JSON data file to an INI configuration file.

Convert INI to JSON

Convert an INI configuration file to JSON data file.

Truncate JSON

Loop over JSON structure and truncate all values or keys.

Find JSON Depth

Find the nesting depth of a JSON data structure.

Convert JSON to a Data URI

Convert a JSON data structure to a data URL.

Convert JSON to a PHP Array

Create a PHP data structure from a JSON data structure.

Convert a PHP array to JSON

Create a JSON data structure from a PHP data structure.

Compare Two JSON Files

Diff JSON files and show differences visually.

Sort JSON Object Keys

Lexicographically sort the order of JSON object keys.

Swap JSON Keys with Values

Exchange keys with values in a JSON file.

Create a Random JSON Array

Create a JSON array with random values.

Create a Random JSON Object

Create a JSON object with random keys and values.

Randomize a JSON Array

Randomly change the positions of array elements.

Randomize a JSON Object

Randomly change the order of key, value pairs.

Add Spacing to JSON

Add random spaces and newlines in a JSON file.

Tokenize JSON

Tokenize a JSON data structure.

Remove JSON Syntax

Remove all JSON syntax and leave just the values.

Change JSON Syntax

Change curly braces, commas, and quotes to other symbols.

Fix Quotes in JSON

Fix incorrectly quoted (usually single quote) keys and values.

Use Single Quotes in JSON

Make all keys and values in a JSON to be single-quoted.

Use Double Quotes in JSON

Make all keys and values in a JSON to be double-quoted.

Generate FakeSON

Create JSON that looks real but is fake (FakeSON).

Run jq

Execute a jq query on a JSON data structure.

Filter JSON

Filter keys and values that match a pattern.

Split a String into a JSON Array

Create a JSON array from a string.

Group a JSON Array

Create groups of JSON array items.

Merge JSON Arrays

Merge two or more JSON arrays together.

Compare JSON Arrays

Find differences in two or more JSON arrays.

Merge JSON Objects

Merge two or more JSON objects together.

Damage JSON

Introduce errors in a JSON data structure.

Fix JSON

Try to fix a damaged JSON to the best of our ability.

Create JSON Art

Convert images to valid JSON strings that look like ASCII art.

Visualize a JSON Structure

Create an abstract visualization of JSON's complexity.

Feedback we'd love to hear from you!

Created with love by

51K

@browserling

Online json tools was created by Browserling — world's first cloud-based cross-browser testing service. Our mission at Browserling is to make make browsers do wonders and to make developers' lives easier. That's why we created this collection of online json utilities. Unlike many other tools websites, we made our tools free, without ads, and with a very simple user interface. Our online json tools are actually powered by our programming tools that we created over the last couple of years. Check them out!

Secret message

If you love our tools, then we love you, too! Use coupon code JSONLING to get a discount at Browserling.

All conversions and calculations are done in your browser using JavaScript. We don't send a single bit about your input data to our servers. There is no server-side processing at all. We use Google Analytics and StatCounter for site usage analytics. Your IP address is saved on our web server, but it's not associated with any personally identifiable information. We don't use cookies and don't store session information in cookies. We use your browser's local storage to save tools' input. It stays on your computer.

By using Online Json Tools you agree to our Terms of Service. TLDR: You don't need an account to use our tools. All tools are free of charge and you can use them as much as you want. You can't do illegal or shady things with our tools. We may block your access to tools, if we find out you're doing something bad. We're not liable for your actions and we offer no warranty. We may revise our terms at any time.