URL encode/decode онлайн

Кодирование и декодирование ссылок, разбор на части и параметры.

Режим кодирования

Закодировано

Раскодировано

Разбор ссылки на части

Файлы обрабатываются прямо в браузере и никуда не загружаются.

Зачем кодировать URL

В адресе страницы нельзя использовать пробелы, кириллицу и часть служебных символов напрямую — браузер и сервер могут понять их неправильно. Кодирование заменяет такие символы последовательностями вида %D0%9F, сохраняя смысл строки, но делая её безопасной для передачи в URL, заголовке или теле формы.

Три режима

Инструмент считает результат сразу в обе стороны — кодирует и пытается раскодировать то, что вы ввели. Режим выбирает алфавит символов, которые не кодируются: «encodeURIComponent» — для значения одного параметра (имени, поискового запроса, части пути), «encodeURI» — для ссылки целиком, где нужно сохранить / и ?, «Форма» — как браузер кодирует данные HTML-формы, с пробелом в виде +.

Разбор ссылки

Вставьте адрес во второе поле — инструмент разложит его на схему, домен, порт, путь, якорь и отдельную таблицу параметров запроса с уже раскодированными значениями. Так проще прочитать длинную ссылку с рекламными метками или понять, что именно передаётся в чужом API-запросе.

Пример

Строка поиска «купить диван»

В параметре запроса это %D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C%20%D0%B4%D0%B8%D0%B2%D0%B0%D0%BD в режиме encodeURIComponent — каждая буква кириллицы превращается в несколько байт UTF-8, каждый байт — в %XX.

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

В чём разница между encodeURIComponent и encodeURI?
encodeURIComponent кодирует вообще всё, кроме букв, цифр и - _ . ! ~ * ' ( ) — используйте его для отдельного значения параметра. encodeURI не трогает символы / ? : @ & = + $ , #, которые нужны в структуре самого адреса, — используйте его для ссылки целиком.
Почему пробел иногда превращается в %20, а иногда в +?
%20 — стандартное кодирование пробела в самом URL. Символ + — соглашение форм с типом application/x-www-form-urlencoded (обычная HTML-форма и параметры GET из неё). Переключите режим на «Форма», если работаете именно с такими данными.
Зачем нужен разбор ссылки на части?
Чтобы быстро увидеть домен, путь и все параметры запроса отдельно — удобно разбирать длинные ссылки с UTM-метками или проверять, что скрыто в чужом коротком URL после его раскрытия.

Обновлено