HTML ਪ੍ਰੈਟੀਫਾਈ ਅਤੇ ਮਿਨੀਫਾਈ - HTML ਨੂੰ ਆਨਲਾਈਨ ਮੁਫ਼ਤ ਫਾਰਮੈਟ ਕਰੋ

ਕੋਈ ਵੀ HTML ਪੇਸਟ ਕਰੋ — ਇੱਥੋਂ ਤੱਕ ਕਿ ਬਿਲਡ ਪਾਈਪਲਾਈਨ ਤੋਂ ਆਈ ਸਿੰਗਲ-ਲਾਈਨ ਮਿਨੀਫਾਈਡ ਆਊਟਪੁੱਟ ਵੀ — ਅਤੇ ਟੂਲ ਇਸ ਨੂੰ ਸਹੀ ਇੰਡੈਂਟੇਸ਼ਨ, ਪ੍ਰਤੀ ਲਾਈਨ ਇੱਕ ਟੈਗ ਅਤੇ ਇੱਕਸਾਰ ਵ੍ਹਾਈਟਸਪੇਸ ਨਾਲ ਮੁੜ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ। 2, 4 ਜਾਂ 8-ਸਪੇਸ ਇੰਡੈਂਟ ਚੁਣੋ। ਆਊਟਪੁੱਟ ਤੁਹਾਡੇ ਐਡੀਟਰ ਵਿੱਚ ਪਾਉਣ ਜਾਂ ਕਿਸੇ ਕੋਡ ਰਿਵਿਊ ਟਿੱਪਣੀ ਵਿੱਚ ਪੇਸਟ ਕਰਨ ਲਈ ਤਿਆਰ ਹੁੰਦੀ ਹੈ।

Prettify ਪੜ੍ਹਨਯੋਗਤਾ ਲਈ HTML ਨੂੰ ਫੈਲਾਉਂਦਾ ਹੈ: ਹਰ ਟੈਗ ਆਪਣੀ ਲਾਈਨ 'ਤੇ, ਨੇਸਟਡ ਚਾਈਲਡ ਇੰਡੈਂਟ ਕੀਤੇ, ਸੈਕਸ਼ਨਾਂ ਵਿਚਕਾਰ ਖਾਲੀ ਲਾਈਨਾਂ ਬਰਕਰਾਰ। Minify ਟਿੱਪਣੀਆਂ ਹਟਾ ਦਿੰਦਾ ਹੈ, ਖਾਲੀ ਥਾਂ ਦੀਆਂ ਲੜੀਆਂ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ ਅਤੇ ਲਾਈਨ ਬ੍ਰੇਕ ਹਟਾਉਂਦਾ ਹੈ ਤਾਂ ਜੋ ਫਾਈਲ ਘੱਟ ਬਾਈਟਾਂ ਵਿੱਚ ਜਾਵੇ। ਸੰਪਾਦਨ ਅਤੇ ਜਾਂਚ ਲਈ prettify ਵਰਤੋ, ਪ੍ਰੋਡਕਸ਼ਨ ਡਿਪਲੋਇਮੈਂਟ ਲਈ minify।

ਨਹੀਂ — js-beautify (ਅੰਦਰ ਕੰਮ ਕਰਨ ਵਾਲਾ ਇੰਜਣ) ਸਕ੍ਰਿਪਟ ਅਤੇ ਸਟਾਈਲ ਬਲੌਕਾਂ ਨੂੰ ਪਛਾਣ ਲੈਂਦਾ ਹੈ ਅਤੇ ਉਨ੍ਹਾਂ ਦੀ ਸਮੱਗਰੀ ਨੂੰ ਢੁਕਵੇਂ JS ਜਾਂ CSS ਨਿਯਮਾਂ ਨਾਲ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਇਨਲਾਈਨ ਸਕ੍ਰਿਪਟ ਵੈਧ ਰਹਿੰਦੀਆਂ ਹਨ ਅਤੇ ਸਟਾਈਲਸ਼ੀਟ ਪੜ੍ਹਨਯੋਗ ਰਹਿੰਦੀਆਂ ਹਨ। ਸਵੈ-ਬੰਦ ਹੋਣ ਵਾਲੇ ਟੈਗ, ਵੋਇਡ ਤੱਤ ਅਤੇ ਨੇਮਸਪੇਸ ਵਾਲੇ ਐਟਰੀਬਿਊਟ (svg:xmlns, xlink:href) ਸਭ ਸਹੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲੇ ਜਾਂਦੇ ਹਨ।

ਇਹ ਸਾਦੇ HTML ਅਤੇ HTML ਵਰਗੇ ਟੈਂਪਲੇਟਾਂ ਨੂੰ ਚੰਗੀ ਤਰ੍ਹਾਂ ਹੈਂਡਲ ਕਰਦਾ ਹੈ, ਪਰ ਸ਼ੁੱਧ JSX (curly-brace ਐਕਸਪ੍ਰੈਸ਼ਨ, ਫ੍ਰੈਗਮੈਂਟ, ਕੈਪਿਟਲ ਅੱਖਰ ਵਾਲੇ ਕੰਪੋਨੈਂਟ ਟੈਗ) ਨੂੰ HTML ਵਜੋਂ ਪਾਰਸ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਇਸ ਵਿੱਚ ਮਾਮੂਲੀ ਕੌਸਮੈਟਿਕ ਸਮੱਸਿਆਵਾਂ ਆ ਸਕਦੀਆਂ ਹਨ। ਫ੍ਰੇਮਵਰਕ-ਖਾਸ ਕੋਡ ਲਈ ਅਸੀਂ ਤੁਹਾਡੀ ਬੋਲੀ ਮੁਤਾਬਕ ਕੌਨਫਿਗਰ ਕੀਤੇ Prettier ਦੀ ਸਿਫ਼ਾਰਸ਼ ਕਰਦੇ ਹਾਂ; ਕੱਚੇ HTML, .htm ਅਤੇ ਟੈਂਪਲੇਟ ਫਾਈਲਾਂ ਲਈ ਸਾਡਾ ਟੂਲ ਬਿਲਕੁਲ ਸਹੀ ਹੈ।

ਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ। ਫਾਰਮੈਟਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ js-beautify ਨਾਲ ਚੱਲਦਾ ਹੈ, ਇਸ ਲਈ ਤੁਸੀਂ ਅੰਦਰੂਨੀ ਪੰਨਾ ਟੈਮਪਲੇਟ, ਡਰਾਫਟ ਈਮੇਲ, ਜਾਂ ਨਿੱਜੀ ਡੇਟਾ ਵਾਲੇ HTML ਨੂੰ ਆਪਣੇ ਡਿਵਾਈਸ ਤੋਂ ਕੁਝ ਵੀ ਬਾਹਰ ਭੇਜੇ ਬਿਨਾਂ ਸੁਰੱਖਿਅਤ ਤਰੀਕੇ ਨਾਲ ਪੇਸਟ ਕਰ ਸਕਦੇ ਹੋ।

ਮਿਨੀਫ਼ਾਈ HTML ਟਿੱਪਣੀਆਂ ਹਟਾ ਦਿੰਦਾ ਹੈ, ਟੈਗਾਂ ਵਿਚਕਾਰ ਕਿਸੇ ਵੀ ਖਾਲੀ ਥਾਂ ਨੂੰ ਇੱਕੋ ਸਪੇਸ ਵਿੱਚ ਸਮੇਟ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਲਾਈਨ ਬ੍ਰੇਕ ਹਟਾ ਦਿੰਦਾ ਹੈ। ਨਤੀਜਾ ਉਹ HTML ਹੁੰਦਾ ਹੈ ਜੋ ਬਾਈਟ ਪੱਖੋਂ ਇੱਕੋ ਜਿਹਾ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ ਪਰ ਆਮ ਤੌਰ 'ਤੇ 10-30% ਛੋਟਾ ਹੁੰਦਾ ਹੈ। ਸਰਵਰ ਉੱਤੇ gzip ਨਾਲ ਮਿਲ ਕੇ, ਇਹ ਸਮੱਗਰੀ-ਭਰਪੂਰ ਪੰਨਿਆਂ ਉੱਤੇ ਸ਼ੁਰੂਆਤੀ ਪੰਨੇ ਦੇ ਭਾਰ ਨੂੰ ਕਾਫ਼ੀ ਘਟਾ ਦਿੰਦਾ ਹੈ।

ਹਾਂ — ਸੋਹਣੇ ਕੀਤੇ ਆਊਟਪੁੱਟ ਨੂੰ output.html ਵਜੋਂ ਜਾਂ ਮਿਨੀਫਾਈ ਕੀਤੇ ਆਊਟਪੁੱਟ ਨੂੰ output.min.html ਵਜੋਂ ਸੰਭਾਲਣ ਲਈ Download 'ਤੇ ਕਲਿੱਕ ਕਰੋ। ਫ਼ਾਈਲ UTF-8 ਏਨਕੋਡਡ ਹੈ, ਇਸ ਲਈ ਇਹ ਅੰਗਰੇਜ਼ੀ, ਸਿਰਿਲਿਕ, CJK ਅਤੇ ਸੱਜੇ-ਤੋਂ-ਖੱਬੇ ਸਮੱਗਰੀ ਨਾਲ ਬਰਾਬਰ ਚੰਗੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦੀ ਹੈ।

ਇਹ ਇੱਕ ਛੋਟੀ ਜਿਹੀ ਸਿਰਫ਼-ਬ੍ਰਾਊਜ਼ਰ ਵਾਲੀ ਯੂਟਿਲਿਟੀ ਹੈ — ਕੋਈ ਹੋਸਟਿੰਗ ਲਾਗਤ ਨਹੀਂ — ਇਸ ਲਈ ਅਸੀਂ ਇਸਨੂੰ ਆਪਣੀ ਡਿਵੈਲਪਰ ਟੂਲਕਿਟ ਦੇ ਹਿੱਸੇ ਵਜੋਂ ਮੁਫ਼ਤ ਦਿੰਦੇ ਹਾਂ। ਕੋਈ ਇਸ਼ਤਿਹਾਰ ਨਹੀਂ, ਆਉਟਪੁੱਟ ਉੱਤੇ ਕੋਈ ਟ੍ਰੈਕਿੰਗ ਨਹੀਂ, ਅਤੇ ਫਾਈਲ ਦੇ ਆਕਾਰ ਉੱਤੇ ਕੋਈ ਸੀਮਾ ਨਹੀਂ — ਸਿਵਾਏ ਉਸ ਦੇ ਜੋ ਤੁਹਾਡਾ ਬ੍ਰਾਊਜ਼ਰ ਮੈਮੋਰੀ ਵਿੱਚ ਰੱਖ ਸਕਦਾ ਹੈ।

Prettify ਮੋਡ ਤੁਹਾਨੂੰ 2, 4 ਜਾਂ 8 ਸਪੇਸਾਂ ਦੀ ਇੰਡੈਂਟੇਸ਼ਨ ਚੁਣਨ ਦਿੰਦਾ ਹੈ। ਉਹ ਚੌੜਾਈ ਚੁਣੋ ਜੋ ਤੁਹਾਡਾ ਐਡੀਟਰ ਜਾਂ ਕੋਡ ਸਟਾਈਲ ਵਰਤਦਾ ਹੈ, ਫਿਰ ਨਤੀਜਾ ਕਾਪੀ ਕਰੋ ਜਾਂ output.html ਵਜੋਂ ਡਾਊਨਲੋਡ ਕਰੋ ਤਾਂ ਜੋ ਫਾਰਮੈਟਿੰਗ ਸਿੱਧੀ ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਆ ਜਾਵੇ।

The indent selector (2, 4 or 8 spaces) only applies in Prettify mode, since Minify strips all whitespace and line breaks by design — there is nothing left to indent. Switch back to Prettify to see the indent width take effect again.

ਜਿਵੇਂ ਹੀ ਤੁਸੀਂ ਪੇਸਟ ਜਾਂ ਸੋਧ ਕਰਦੇ ਹੋ, ਟੂਲ ਆਪਣੇ-ਆਪ ਇੱਕ ਢਾਂਚਾਗਤ ਜਾਂਚ ਚਲਾਉਂਦਾ ਹੈ ਅਤੇ ਕੋਈ ਵੀ ਖੁੱਲ੍ਹਾ, ਬੇਮੇਲ ਜਾਂ ਗੁੰਮਰਾਹ ਬੰਦ ਟੈਗ ਸਿੱਧਾ ਆਊਟਪੁੱਟ ਪੈਨਲ ਹੇਠਾਂ ਸੂਚੀਬੱਧ ਕਰਦਾ ਹੈ — ਕਿਸੇ ਵੱਖਰੇ ਬਟਨ ਦੀ ਲੋੜ ਨਹੀਂ। ਹਰਾ "No structural issues found" ਸੁਨੇਹਾ ਪੁਸ਼ਟੀ ਕਰਦਾ ਹੈ ਕਿ ਮਾਰਕਅੱਪ ਸਹੀ-ਢੰਗ ਨਾਲ ਬਣਿਆ ਹੈ।

Use Prettify mode with 2-space indent — it's the most common convention and keeps diffs compact — then check the structural-issues panel to confirm they haven't left an unclosed tag. Once reviewed, switch to Minify mode before shipping to production to strip the extra whitespace back out.

Yes — drag an .html, .htm or .xhtml file onto the upload area, or click it to browse, and its contents load straight into the input box exactly as if you'd pasted them. From there, Prettify, Minify, indent width and the structural checker all work identically whether the markup came from a file or a paste.

Yes — once there's output, a Copy button appears next to the output panel and the primary action area. Clicking it copies the current Prettify or Minify result to your clipboard instantly (it briefly shows 'Copied!' for confirmation), so you can paste directly into your editor or a code review comment without saving an intermediate .html file.