Утилита разработчика

URL кодировщик

Кодирование и декодирование URL (percent-encoding) прямо в браузере

Исходный текст

Результат

Результат появится здесь

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

Значение параметра

  • • Кодирует и разделители (& = ? /)
  • • Для отдельных значений в query-строке
  • • encodeURIComponent

Полный URL

  • • Сохраняет структуру адреса
  • • Для кодирования всей ссылки целиком
  • • encodeURI

Кодирование URL на практике

Где пригодится

Сборка ссылок с UTM-метками и параметрами, передача поисковых запросов и кириллических значений в query-строке, отладка редиректов и API-запросов, вставка адресов в атрибуты и код.

Инструмент поддерживает два режима: кодирование значения параметра (component) и кодирование полного URL, чтобы не сломать разделители адреса.

Связка с другими инструментами

Для сборки размеченных ссылок используйте генератор UTM-меток, а для получения читаемых ЧПУ из кириллицы — инструмент транслитерации.

Если ссылка ведёт через цепочку переадресаций, проверьте её инструментом проверки редиректов, чтобы убедиться в одном 301 без лишних прыжков.

Часто задаваемые вопросы

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

В адресах допустим ограниченный набор символов. Пробелы, кириллица, «&», «?», «#» и другие спецсимволы нужно кодировать percent-encoding (например, пробел → %20), иначе ссылка сломается или параметры считаются неверно.

Чем encodeURIComponent отличается от encodeURI?+

encodeURI кодирует адрес целиком и не трогает символы-разделители (: / ? & =), поэтому подходит для полного URL. encodeURIComponent кодирует и их — им кодируют отдельные значения параметров, чтобы «&» и «=» внутри значения не ломали строку запроса.

Данные отправляются на сервер?+

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

Почему кириллица в URL превращается в %D0%BA...?+

Это корректный percent-encoding UTF-8: каждый байт символа записывается как %XX. Ссылка работает, но выглядит громоздко — поэтому для ЧПУ часто используют транслитерацию.