{"id":826,"date":"2026-10-04T07:49:56","date_gmt":"2026-10-04T06:49:56","guid":{"rendered":"https:\/\/wpcalc.com\/pt\/ferramentas-web\/codificador-de-url\/"},"modified":"2026-10-04T07:49:56","modified_gmt":"2026-10-04T06:49:56","slug":"codificador-de-url","status":"publish","type":"post","link":"https:\/\/wpcalc.com\/pt\/ferramentas-web\/codificador-de-url\/","title":{"rendered":"Codificador de URL"},"content":{"rendered":"<section class=\"not-prose calculator-box\" aria-labelledby=\"calculator-title\"><div class=\"flex items-baseline sm:items-center justify-between gap-2 sm:gap-3\"><div class=\"flex flex-col sm:flex-row sm:items-center gap-2\"><span class=\"icon icon-calculator text-primary-700! text-base! dark:text-primary-300!\" aria-hidden=\"true\"><\/span><h2 id=\"calculator-title\" class=\"text-lg font-display font-bold\">Ferramenta de codifica\u00e7\u00e3o de texto em URL<\/h2><\/div><div class=\"calcdash-favorite group\">\n  <button type=\"button\" class=\"favorite\" id=\"favorite\" data-favorite-id=\"826\" data-favorite-title=\"Codificador de URL\" data-favorite-url=\"https:\/\/wpcalc.com\/pt\/ferramentas-web\/codificador-de-url\/\" data-favorite-excerpt=\"Codifique texto ou um URL com codifica\u00e7\u00e3o por percentagem ao estilo de JavaScript. Introduza um valor em Texto ou URL para obter uma cadeia codificada que pode copiar.\" aria-label=\"Adicionar aos favoritos\" data-favorite-icon=\"icon icon-conversion\">\n    <span class=\"icon icon-shape-star-empty\" aria-hidden=\"true\"><\/span>\n  <\/button>\n  <div class=\"calcdash-favorite__tip\" aria-hidden=\"true\">\n   <span class=\"favorite-tooltip\" id=\"favorite-tooltip\"><\/span>\n  <\/div>\n  <span class=\"sr-only\" role=\"status\" id=\"favorite-status\"><\/span>\n<\/div><\/div><form action=\"https:\/\/wpcalc.com\/pt\/ferramentas-web\/codificador-de-url\/\" method=\"POST\" class=\"calculator\" id=\"calculator-826\" data-post=\"826\"><fieldset class=\"fieldset-input is-1\"><legend class=\"sr-only\">Campos de entrada<\/legend><div class=\"field is-single\" id=\"input-1\"><label for=\"field-1\">Texto ou URL<\/label><textarea id=\"field-1\" name=\"texto_ou_url\">https:\/\/calcdash.com\/tools?utm_source=chat<\/textarea><\/div><\/fieldset><div class=\"buttons\"><button type=\"submit\" data-text=\"Recalcular\" id=\"calculate-button\" data-post=\"826\">Calcular<\/button><button type=\"reset\">Redefinir<\/button><\/div><div class=\"field is-checkbox hidden!\" id=\"field-auto-calc\"><input type=\"checkbox\" id=\"auto-calc\"><label for=\"auto-calc\">Calcular automaticamente<\/label><small>Se ativado, o resultado \u00e9 atualizado automaticamente quando voc\u00ea altera qualquer valor.<\/small><\/div><div class=\"fieldset-result is-hidden\" aria-labelledby=\"result-title\" aria-live=\"polite\" role=\"region\"> <h3 class=\"result-title bg-gradient-to-r from-primary-50 to-gray-50 dark:from-primary-900 dark:to-gray-800\" id=\"result-title\"><span class=\"icon icon-s-pulse\" aria-hidden=\"true\"><\/span> Seus resultados<\/h3><div class=\"result-box\"><div class=\"field-result is-column\" id=\"output-1\"><span class=\"field-title\"><span>URL codificada<\/span><\/span><span class=\"field-value\" id=\"result-1\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copiar resultado\" aria-label=\"Copiar resultado\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><\/div><div class=\"result-actions\"><button type=\"button\" class=\"copy-link\"><svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z\"\/><path d=\"M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z\"\/><\/svg><span class=\"copy-link__text\">Copiar link para este c\u00e1lculo<\/span><\/button><span class=\"sr-only\" role=\"status\" id=\"copy-link-status\"><\/span><\/div><\/div><a href=\"#respond\" class=\"hidden transition-opacity duration-300 opacity-0 w-50 text-sm justify-center items-center gap-2 px-4 py-2 rounded bg-gray-200 text-gray-700 hover:bg-gray-300\" id=\"leave-comment\"><span class=\"icon icon-comments\" aria-hidden=\"true\"><\/span>Deixar um coment\u00e1rio<\/a><\/form><\/section><section id=\"calc-reactions\" class=\"not-prose hidden my-12 bg-gradient-to-r from-primary-50 to-gray-50 border border-indigo-100 rounded-xl px-6 py-4 shadow-sm\" data-post=\"826\" aria-live=\"polite\" aria-labelledby=\"calc-reactions-title\"><p id=\"calc-reactions-title\" class=\"text-sm text-gray-500 text-center mb-2\">O que voc\u00ea achou deste resultado?<\/p><div role=\"group\" aria-labelledby=\"calc-reactions-title\" class=\"grid grid-cols-3 sm:flex sm:flex-row sm:justify-around gap-4 sm:items-center sm:flex-wrap\"><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"like\"><span class=\"reaction-count\" data-reaction-count=\"like\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude00 <\/span><span class=\"reaction-description font-medium\">Curti <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"helpful\"><span class=\"reaction-count\" data-reaction-count=\"helpful\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\udca1 <\/span><span class=\"reaction-description font-medium\">\u00datil <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"confused\"><span class=\"reaction-count\" data-reaction-count=\"confused\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude15 <\/span><span class=\"reaction-description font-medium\">Confuso <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"disappointed\"><span class=\"reaction-count\" data-reaction-count=\"disappointed\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude1e <\/span><span class=\"reaction-description font-medium\">Decepcionado <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"inaccurate\"><span class=\"reaction-count\" data-reaction-count=\"inaccurate\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\u274c <\/span><span class=\"reaction-description font-medium\">Impreciso <\/span><\/button><\/div><div id=\"reaction-message\" class=\"hidden mt-8 rounded-md border border-primary-100 bg-white\/50 backdrop-blur-sm px-4 py-2 text-sm text-center shadow-sm\"><\/div><\/section><div class=\"calcdash-ad not-prose calcdash-ad--calc_result calcdash-ad--in-article\"><ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-1721569815777345\" data-ad-slot=\"6317458308\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\"><\/ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script><\/div>\n<style id=\"wpcoderpro-inline-1\">.formula-box {\r\n\tborder-bottom: none !important;\r\n}<\/style><section class=\"formula-box\" aria-labelledby=\"formula-title\">\r\n\t<div id=\"formula-title\" class=\"not-prose font-display mb-4\"><span class=\"icon icon-formula\" aria-hidden=\"true\"><\/span><h2>F\u00f3rmula do codificador de URL<\/h2><\/div>\r\n\t<figure class=\"not-prose formula\">\r\n\t\t<figcaption class=\"formula-title\">F\u00f3rmula<\/figcaption>\r\n\t\t<div class=\"text-base text-gray-800\" id=\"formula\">\n\\[ E = \\operatorname{encodeURIComponent}(\\operatorname{trim}(S)) \\]\n<\/div>\r\n\t<\/figure>\r\n\t<\/p>\n<p><strong>Onde:<\/strong><\/p>\n<ul>\n<li>\\(S\\) \u2014 o valor introduzido em Texto ou URL.<\/li>\n<li>\\(E\\) \u2014 o resultado codificado mostrado sob URL Codificada.<\/li>\n<\/ul>\n<p>A calculadora remove os espa\u00e7os em branco no in\u00edcio e no fim e, em seguida, aplica a fun\u00e7\u00e3o <code>encodeURIComponent<\/code> de JavaScript. Os caracteres que precisam de ser codificados s\u00e3o representados por um sinal de percentagem seguido de d\u00edgitos hexadecimais correspondentes a cada byte UTF-8.<\/p>\n<p>\r\n<\/section>\n<style id=\"wpcoderpro-inline-2\">.calculation-box {\r\n\tborder-bottom: none !important;\r\n}<\/style><section id=\"calculation\" class=\"calculation-box\" aria-labelledby=\"calculation-title\">\r\n\t<div id=\"calculation-title\" class=\"not-prose font-display\"><span class=\"icon icon-unordered-list\" aria-hidden=\"true\"><\/span><h2>Codificador de URL \u2013 Exemplo de c\u00e1lculo<\/h2><\/div>\r\n\r\n<\/p>\n<p><strong>Exemplo:<\/strong> Introduza o valor predefinido, <code>https:\/\/calcdash.com\/tools?utm_source=chat<\/code>, em Texto ou URL.<\/p>\n<p>\\[ \\operatorname{encodeURIComponent}(S) = \\texttt{https\\%3A\\%2F\\%2Fcalcdash.com\\%2Ftools\\%3Futm\\_source\\%3Dchat} \\]<\/p>\n<p><strong>Resultado:<\/strong> <code>https%3A%2F%2Fcalcdash.com%2Ftools%3Futm_source%3Dchat<\/code>.<\/p>\n<p>\n\r\n<\/section>\n<h2>Como usar o codificador de URL<\/h2>\n<ol>\n<li>Introduza ou cole o valor que pretende codificar em <strong>Texto ou URL<\/strong>. Pode ser uma palavra, um valor de par\u00e2metro de consulta, um segmento de caminho ou um URL completo.<\/li>\n<li>Leia o resultado sob <strong>URL Codificada<\/strong>. A calculadora codifica o valor inteiro introduzido, depois de remover os espa\u00e7os em branco no in\u00edcio e no fim.<\/li>\n<li>Copie o resultado e coloque-o onde for necess\u00e1rio um valor codificado. Se introduziu um URL completo, n\u00e3o assuma que o resultado \u00e9 uma liga\u00e7\u00e3o que pode abrir diretamente; os seus caracteres estruturais tamb\u00e9m foram codificados.<\/li>\n<\/ol>\n<h2>O que faz a codifica\u00e7\u00e3o de URL<\/h2>\n<p>A codifica\u00e7\u00e3o por percentagem representa determinados caracteres com um sinal de percentagem e d\u00edgitos hexadecimais. Permite que os dados incluam caracteres que, de outra forma, teriam um significado especial num URL. Por exemplo, um espa\u00e7o torna-se <code>%20<\/code>, um \u00abe\u00bb comercial torna-se <code>%26<\/code> e um sinal de percentagem literal torna-se <code>%25<\/code>. Cada byte codificado tem a sua pr\u00f3pria sequ\u00eancia de percentagem, pelo que um car\u00e1cter fora do intervalo ASCII pode produzir v\u00e1rias sequ\u00eancias.<\/p>\n<p>Esta calculadora usa <code>encodeURIComponent<\/code>, que se destina a um componente individual de um URL. Codifica separadores como <code>:<\/code>, <code>\/<\/code>, <code>?<\/code>, <code>&amp;<\/code> e <code>=<\/code>. Isso torna-a \u00fatil quando um valor n\u00e3o deve ser confundido com parte da estrutura do URL. Por exemplo, codificar o valor de consulta <code>red shoes &amp; boots<\/code> d\u00e1 <code>red%20shoes%20%26%20boots<\/code>. O \u00abe\u00bb comercial continua a fazer parte do valor, em vez de separar dois par\u00e2metros.<\/p>\n<p>O exemplo predefinido mostra por que motivo a distin\u00e7\u00e3o importa: codificar um URL completo transforma <code>https:\/\/<\/code> em <code>https%3A%2F%2F<\/code>. O resultado \u00e9 uma cadeia codificada que representa esse URL, n\u00e3o o mesmo URL naveg\u00e1vel. Se estiver a montar uma liga\u00e7\u00e3o, mantenha os separadores estruturais intactos e codifique apenas os valores que precisam disso. Para transformar texto codificado de volta em texto leg\u00edvel, use o <a href=\"https:\/\/wpcalc.com\/pt\/ferramentas-web\/descodificador-de-url\/\">Descodificador de URL<\/a>.<\/p>\n<h2>Pressupostos e dicas pr\u00e1ticas<\/h2>\n<ul>\n<li><strong>Os espa\u00e7os em branco exteriores s\u00e3o removidos.<\/strong> A calculadora corta espa\u00e7os e outros espa\u00e7os em branco envolventes antes de codificar. Os espa\u00e7os em branco dentro do valor mant\u00eam-se; os espa\u00e7os internos comuns tornam-se <code>%20<\/code>. Se os espa\u00e7os iniciais ou finais forem dados significativos, esta ferramenta n\u00e3o os preservar\u00e1.<\/li>\n<li><strong>Alguns caracteres permanecem inalterados.<\/strong> Letras, d\u00edgitos e <code>- _ . ! ~ * ' ( )<\/code> n\u00e3o s\u00e3o codificados por <code>encodeURIComponent<\/code>. Um car\u00e1cter inalterado n\u00e3o significa que a calculadora tenha ignorado a entrada.<\/li>\n<li><strong>Codifique um valor apenas uma vez.<\/strong> Uma sequ\u00eancia existente como <code>%20<\/code> cont\u00e9m um sinal de percentagem literal. Codific\u00e1-la novamente produz <code>%2520<\/code>. Descodifique primeiro se precisar de substituir um valor j\u00e1 codificado.<\/li>\n<li><strong>Aqui os espa\u00e7os n\u00e3o s\u00e3o sinais de adi\u00e7\u00e3o.<\/strong> Esta ferramenta devolve <code>%20<\/code> para um espa\u00e7o e <code>%2B<\/code> para um sinal de adi\u00e7\u00e3o literal. Algumas submiss\u00f5es de formul\u00e1rios HTML usam <code>+<\/code> para espa\u00e7os; esta calculadora n\u00e3o aplica essa conven\u00e7\u00e3o de codifica\u00e7\u00e3o de formul\u00e1rios.<\/li>\n<li><strong>Codificar n\u00e3o \u00e9 encriptar.<\/strong> Qualquer pessoa pode descodificar o resultado, por isso n\u00e3o o use para ocultar palavras-passe ou outras informa\u00e7\u00f5es sens\u00edveis. Um valor de texto raro e malformado, contendo um substituto UTF-16 n\u00e3o emparelhado, tamb\u00e9m pode fazer com que a codifica\u00e7\u00e3o de JavaScript falhe.<\/li>\n<\/ul>\n<p>Se primeiro precisar de recolher liga\u00e7\u00f5es de um trecho de texto maior, use o <a href=\"https:\/\/wpcalc.com\/pt\/ferramentas-web\/extrator-de-url\/\">Extrator de URL<\/a>. Se a sua tarefa exigir Base64 em vez de codifica\u00e7\u00e3o por percentagem, use o <a href=\"https:\/\/wpcalc.com\/pt\/ferramentas-web\/codificador-base64\/\">Codificador Base64<\/a>; os dois formatos servem para prop\u00f3sitos diferentes e produzem resultados diferentes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Codifique texto ou um URL com codifica\u00e7\u00e3o por percentagem ao estilo de JavaScript. Introduza um valor em Texto ou URL para obter uma cadeia codificada que pode copiar.<\/p>\n","protected":false},"author":3168,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[28],"class_list":["post-826","post","type-post","status-publish","format-standard","hentry","category-ferramentas-web","tag-ferramentas-de-conversao"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpcalc.com\/pt\/wp-json\/wp\/v2\/posts\/826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpcalc.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpcalc.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/pt\/wp-json\/wp\/v2\/users\/3168"}],"replies":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/pt\/wp-json\/wp\/v2\/comments?post=826"}],"version-history":[{"count":1,"href":"https:\/\/wpcalc.com\/pt\/wp-json\/wp\/v2\/posts\/826\/revisions"}],"predecessor-version":[{"id":2496,"href":"https:\/\/wpcalc.com\/pt\/wp-json\/wp\/v2\/posts\/826\/revisions\/2496"}],"wp:attachment":[{"href":"https:\/\/wpcalc.com\/pt\/wp-json\/wp\/v2\/media?parent=826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpcalc.com\/pt\/wp-json\/wp\/v2\/categories?post=826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpcalc.com\/pt\/wp-json\/wp\/v2\/tags?post=826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}