CONVERT.03 URL CODEC

Кодирование / декодирование URL

Кодируйте целые URL или отдельные параметры: результат появляется сразу и синхронизируется в обоих направлениях.

RAW

Обычный текст

ENC

После кодирования

§ 01

Как кодировать и декодировать URL онлайн

Введите текст

Введите исходный URL в левом редакторе для кодирования или вставьте кодированную строку в правый редактор для декодирования.

Выберите режим

Включите «Сохранить структуру URL», чтобы использовать encodeURI для полной ссылки, или отключите настройку для кодирования отдельного значения параметра через encodeURIComponent.

Скопируйте результат

Нажмите кнопку копирования, чтобы поместить результат в буфер обмена. Ввод с любой стороны автоматически преобразуется в другой результат.

§ 02

О кодировании URL

Как работает percent-encoding

Кодирование URL — базовая технология веба. Безопасные символы A-Z, a-z, 0-9, -, _, . и ~ сохраняются, а пробелы, emoji и другие знаки преобразуются в % и две шестнадцатеричные цифры. Например, «你好» становится %E4%BD%A0%E5%A5%BD, а пробел — %20.

Инструмент предлагает encodeURI для полной ссылки с сохранением ://, /, ?, & и = и encodeURIComponent для полного кодирования отдельного значения параметра. Обработка проходит внутри браузера.

Применение и принцип

Остальные символы сначала переводятся в байты UTF-8, затем каждый байт записывается как %XX. Декодирование выполняет обратное преобразование.

Это полезно для не-ASCII параметров во frontend, отладки REST API, UTM-ссылок, чтения URL из серверных журналов и Google Analytics, а также ссылок со специальными символами в HTML-письмах.

§ 03

Таблица кодирования распространённых символов URL

Символ

Код URL

Описание

Пробел

%20

Пробелы в URL необходимо кодировать

%21

Восклицательный знак

%22

Двойные кавычки

%23

Решётка, идентификатор фрагмента URL

%24

Знак доллара

%25

Сам символ процента тоже нужно кодировать

%26

Амперсанд, разделитель параметров

%2B

Плюс; в параметрах запроса также может обозначать пробел

%2C

Запятая

%2F

Слэш; encodeURI сохраняет этот символ

%3A

Двоеточие

%3D

Знак равенства, разделитель ключа и значения

%3F

Вопросительный знак, начало строки запроса

%40

Знак at

你好

%E4%BD%A0%E5%A5%BD

Китайские символы переводятся в UTF-8, затем побайтно в %XX

😊

%F0%9F%98%8A

Emoji подчиняются тому же правилу UTF-8

§ 04

Частые вопросы

Q1Что такое кодирование URL (percent-encoding)?

Это способ записывать специальные символы внутри Uniform Resource Locator. Поскольку URL напрямую допускает только буквы, цифры и несколько символов, остальные знаки заменяются на % и две шестнадцатеричные цифры.

Q2Что делает параметр «Сохранить структуру URL»?

Он оставляет без изменений структурные символы http://, /, ?, & и = и кодирует только текст, пробелы и другие символы вне ASCII. Это удобно для полной ссылки.

Q3Почему при декодировании появляется ошибка разбора?

Одинокий символ %, последовательность без двух шестнадцатеричных цифр или некорректная UTF-8 последовательность нарушают правила percent-encoding. Убедитесь, что строка не обрезана.

Q4Мои данные загружаются на сервер?

Нет. Все данные обрабатываются локально в браузере; пользовательская информация не передаётся и не сохраняется.

Q5Чем кодирование URL отличается от Base64?

Кодирование URL сохраняет адрес в допустимом наборе символов и создаёт последовательности %XX. Base64 превращает произвольные двоичные данные в текст и часто используется для вложений и Data URI; результат может содержать + и /, которые в URL требуют дополнительной обработки.

Q6Что выбрать: encodeURI или encodeURIComponent?

Для целого URL используйте encodeURI, чтобы сохранить ://, / и ?; для отдельного значения параметра — encodeURIComponent. Например, encodeURI("https://example.com/поиск?q=привет") сохраняет структуру, а вторая функция кодирует значение полностью.

Q7Увеличение длины URL влияет на скорость загрузки?

Обычно влияние незаметно: добавляются десятки или сотни байт. Но браузеры и серверы часто ограничивают URL примерно 2048 символами, поэтому уже очень длинная ссылка может перестать работать.

Q8Почему пробел иногда превращается в %20, а иногда в +?

В строке запроса спецификация application/x-www-form-urlencoded исторически разрешает обозначать пробел знаком +. В пути и других частях URL нужен %20. Этот инструмент использует стандартные API JavaScript и всегда выдаёт %20.