PixoateHTML ਪ੍ਰੈਟੀਫਾਈ ਅਤੇ ਮਿਨੀਫਾਈ - HTML ਨੂੰ ਆਨਲਾਈਨ ਮੁਫ਼ਤ ਫਾਰਮੈਟ ਕਰੋ
ਗੰਦੇ HTML ਨੂੰ ਸਹੀ ਇੰਡੈਂਟੇਸ਼ਨ ਨਾਲ ਸੋਹਣਾ ਬਣਾਓ, ਜਾਂ ਇੱਕੋ ਲਾਈਨ ਵਿੱਚ ਮਿਨੀਫ਼ਾਈ ਕਰੋ। ਕੋਈ .html ਫ਼ਾਈਲ ਛੱਡੋ ਜਾਂ ਪੇਸਟ ਕਰੋ, ਫਿਰ ਸਾਫ਼ ਕੀਤੇ ਮਾਰਕਅੱਪ ਨੂੰ ਕਾਪੀ ਜਾਂ ਡਾਊਨਲੋਡ ਕਰੋ।
ਆਪਣਾ HTML ਇੱਥੇ ਪੇਸਟ ਕਰੋ…
or drop an .html file
HTML ਪ੍ਰੈਟੀਫਾਈ ਨਾਲ ਹੋ ਗਏ? ਹੁਣ ਇਹ ਅਜ਼ਮਾਓ
HTML ਪ੍ਰੈਟੀਫਾਈ ਨਾਲ ਵਧੀਆ ਮੇਲ ਖਾਂਦੇ ਚੋਣਵੇਂ ਟੂਲ। ਆਪਣੀ ਫਾਈਲ ਗੁਆਏ ਬਿਨਾਂ ਅੱਗੇ ਵਧਦੇ ਰਹੋ।
JSON ਪ੍ਰੈਟੀਫਾਈ
ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ JSON ਨੂੰ ਫਾਰਮੈਟ, ਪ੍ਰਮਾਣਿਤ ਅਤੇ ਮਿਨੀਫ਼ਾਈ ਕਰੋ। 2 / 4 / 8 ਸਪੇਸ ਇੰਡੈਂਟ ਨਾਲ ਸੋਹਣਾ ਬਣਾਓ ਜਾਂ ਇੱਕ-ਲਾਈਨ ਵਿੱਚ ਮਿਨੀਫ਼ਾਈ ਕਰੋ, ਨਾਲ ਕਾਪੀ + ਡਾਊਨਲੋਡ।
ਹੁਣੇ ਅਜ਼ਮਾਓMarkdown ਐਡੀਟਰ
ਲਾਈਵ HTML ਝਲਕ ਨਾਲ Markdown ਲਿਖੋ। ਸਿਰਲੇਖ, ਸੂਚੀਆਂ, ਟੇਬਲ, ਕੋਡ ਫੈਂਸ, ਬਲਾਕਕੋਟ। HTML ਜਾਂ Markdown ਵਿੱਚ ਐਕਸਪੋਰਟ ਕਰੋ।
ਹੁਣੇ ਅਜ਼ਮਾਓਡਿੱਫ ਚੈੱਕਰ
ਦੋ ਟੈਕਸਟ ਸਨਿੱਪਟਾਂ ਦੀ ਲਾਈਨ-ਦਰ-ਲਾਈਨ ਤੁਲਨਾ ਕਰੋ। ਸਪਲਿਟ ਜਾਂ ਯੂਨੀਫਾਈਡ ਵਿਊ, ਵਿਕਲਪਿਕ ਤੌਰ 'ਤੇ ਵ੍ਹਾਈਟਸਪੇਸ ਅਤੇ ਅੱਖਰਾਂ ਦੇ ਆਕਾਰ ਨੂੰ ਅਣਡਿੱਠ ਕਰੋ।
ਹੁਣੇ ਅਜ਼ਮਾਓਇਮੇਜ ਤੋਂ HTML
ਸਕ੍ਰੀਨਸ਼ਾਟਾਂ ਨੂੰ ਅਸਲ <table> ਤੱਤਾਂ ਅਤੇ ਢਾਂਚਾਗਤ ਮਾਰਕਅੱਪ ਵਾਲੇ ਸਾਫ਼-ਸੁਥਰੇ HTML ਵਿੱਚ ਬਦਲੋ।
ਹੁਣੇ ਅਜ਼ਮਾਓPDF ਤੋਂ HTML
PDF ਨੂੰ ਅਸਲੀ <table> ਐਲੀਮੈਂਟਾਂ ਨਾਲ ਸਿਮੈਂਟਿਕ HTML ਵਿੱਚ ਬਦਲੋ। ਸਕੈਨ ਕੀਤੇ PDF ਉੱਤੇ ਕੰਮ ਕਰਦਾ ਹੈ।
ਹੁਣੇ ਅਜ਼ਮਾਓBase64 ਏਨਕੋਡਰ / ਡੀਕੋਡਰ
ਕਿਸੇ ਵੀ ਟੈਕਸਟ ਜਾਂ ਫਾਈਲ ਨੂੰ Base64 ਵਿੱਚ ਐਨਕੋਡ ਕਰੋ (URL-ਸੁਰੱਖਿਅਤ ਵੇਰੀਐਂਟ ਨਾਲ), ਜਾਂ Base64 ਨੂੰ ਮੁੜ ਟੈਕਸਟ ਵਿੱਚ ਡੀਕੋਡ ਕਰੋ। UTF-8 ਸੁਰੱਖਿਅਤ।
ਹੁਣੇ ਅਜ਼ਮਾਓFrequently Asked Questions
ਕੋਈ ਵੀ HTML ਪੇਸਟ ਕਰੋ — ਇੱਥੋਂ ਤੱਕ ਕਿ ਬਿਲਡ ਪਾਈਪਲਾਈਨ ਤੋਂ ਆਈ ਸਿੰਗਲ-ਲਾਈਨ ਮਿਨੀਫਾਈਡ ਆਊਟਪੁੱਟ ਵੀ — ਅਤੇ ਟੂਲ ਇਸ ਨੂੰ ਸਹੀ ਇੰਡੈਂਟੇਸ਼ਨ, ਪ੍ਰਤੀ ਲਾਈਨ ਇੱਕ ਟੈਗ ਅਤੇ ਇੱਕਸਾਰ ਵ੍ਹਾਈਟਸਪੇਸ ਨਾਲ ਮੁੜ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ। 2, 4 ਜਾਂ 8-ਸਪੇਸ ਇੰਡੈਂਟ ਚੁਣੋ। ਆਊਟਪੁੱਟ ਤੁਹਾਡੇ ਐਡੀਟਰ ਵਿੱਚ ਪਾਉਣ ਜਾਂ ਕਿਸੇ ਕੋਡ ਰਿਵਿਊ ਟਿੱਪਣੀ ਵਿੱਚ ਪੇਸਟ ਕਰਨ ਲਈ ਤਿਆਰ ਹੁੰਦੀ ਹੈ।
usagePrettify ਪੜ੍ਹਨਯੋਗਤਾ ਲਈ HTML ਨੂੰ ਫੈਲਾਉਂਦਾ ਹੈ: ਹਰ ਟੈਗ ਆਪਣੀ ਲਾਈਨ 'ਤੇ, ਨੇਸਟਡ ਚਾਈਲਡ ਇੰਡੈਂਟ ਕੀਤੇ, ਸੈਕਸ਼ਨਾਂ ਵਿਚਕਾਰ ਖਾਲੀ ਲਾਈਨਾਂ ਬਰਕਰਾਰ। Minify ਟਿੱਪਣੀਆਂ ਹਟਾ ਦਿੰਦਾ ਹੈ, ਖਾਲੀ ਥਾਂ ਦੀਆਂ ਲੜੀਆਂ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ ਅਤੇ ਲਾਈਨ ਬ੍ਰੇਕ ਹਟਾਉਂਦਾ ਹੈ ਤਾਂ ਜੋ ਫਾਈਲ ਘੱਟ ਬਾਈਟਾਂ ਵਿੱਚ ਜਾਵੇ। ਸੰਪਾਦਨ ਅਤੇ ਜਾਂਚ ਲਈ prettify ਵਰਤੋ, ਪ੍ਰੋਡਕਸ਼ਨ ਡਿਪਲੋਇਮੈਂਟ ਲਈ minify।
featuresਨਹੀਂ — js-beautify (ਅੰਦਰ ਕੰਮ ਕਰਨ ਵਾਲਾ ਇੰਜਣ) ਸਕ੍ਰਿਪਟ ਅਤੇ ਸਟਾਈਲ ਬਲੌਕਾਂ ਨੂੰ ਪਛਾਣ ਲੈਂਦਾ ਹੈ ਅਤੇ ਉਨ੍ਹਾਂ ਦੀ ਸਮੱਗਰੀ ਨੂੰ ਢੁਕਵੇਂ JS ਜਾਂ CSS ਨਿਯਮਾਂ ਨਾਲ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਇਨਲਾਈਨ ਸਕ੍ਰਿਪਟ ਵੈਧ ਰਹਿੰਦੀਆਂ ਹਨ ਅਤੇ ਸਟਾਈਲਸ਼ੀਟ ਪੜ੍ਹਨਯੋਗ ਰਹਿੰਦੀਆਂ ਹਨ। ਸਵੈ-ਬੰਦ ਹੋਣ ਵਾਲੇ ਟੈਗ, ਵੋਇਡ ਤੱਤ ਅਤੇ ਨੇਮਸਪੇਸ ਵਾਲੇ ਐਟਰੀਬਿਊਟ (svg:xmlns, xlink:href) ਸਭ ਸਹੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲੇ ਜਾਂਦੇ ਹਨ।
technicalਇਹ ਸਾਦੇ HTML ਅਤੇ HTML ਵਰਗੇ ਟੈਂਪਲੇਟਾਂ ਨੂੰ ਚੰਗੀ ਤਰ੍ਹਾਂ ਹੈਂਡਲ ਕਰਦਾ ਹੈ, ਪਰ ਸ਼ੁੱਧ JSX (curly-brace ਐਕਸਪ੍ਰੈਸ਼ਨ, ਫ੍ਰੈਗਮੈਂਟ, ਕੈਪਿਟਲ ਅੱਖਰ ਵਾਲੇ ਕੰਪੋਨੈਂਟ ਟੈਗ) ਨੂੰ HTML ਵਜੋਂ ਪਾਰਸ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਇਸ ਵਿੱਚ ਮਾਮੂਲੀ ਕੌਸਮੈਟਿਕ ਸਮੱਸਿਆਵਾਂ ਆ ਸਕਦੀਆਂ ਹਨ। ਫ੍ਰੇਮਵਰਕ-ਖਾਸ ਕੋਡ ਲਈ ਅਸੀਂ ਤੁਹਾਡੀ ਬੋਲੀ ਮੁਤਾਬਕ ਕੌਨਫਿਗਰ ਕੀਤੇ Prettier ਦੀ ਸਿਫ਼ਾਰਸ਼ ਕਰਦੇ ਹਾਂ; ਕੱਚੇ HTML, .htm ਅਤੇ ਟੈਂਪਲੇਟ ਫਾਈਲਾਂ ਲਈ ਸਾਡਾ ਟੂਲ ਬਿਲਕੁਲ ਸਹੀ ਹੈ।
featuresਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ। ਫਾਰਮੈਟਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ js-beautify ਨਾਲ ਚੱਲਦਾ ਹੈ, ਇਸ ਲਈ ਤੁਸੀਂ ਅੰਦਰੂਨੀ ਪੰਨਾ ਟੈਮਪਲੇਟ, ਡਰਾਫਟ ਈਮੇਲ, ਜਾਂ ਨਿੱਜੀ ਡੇਟਾ ਵਾਲੇ HTML ਨੂੰ ਆਪਣੇ ਡਿਵਾਈਸ ਤੋਂ ਕੁਝ ਵੀ ਬਾਹਰ ਭੇਜੇ ਬਿਨਾਂ ਸੁਰੱਖਿਅਤ ਤਰੀਕੇ ਨਾਲ ਪੇਸਟ ਕਰ ਸਕਦੇ ਹੋ।
privacyਮਿਨੀਫ਼ਾਈ HTML ਟਿੱਪਣੀਆਂ ਹਟਾ ਦਿੰਦਾ ਹੈ, ਟੈਗਾਂ ਵਿਚਕਾਰ ਕਿਸੇ ਵੀ ਖਾਲੀ ਥਾਂ ਨੂੰ ਇੱਕੋ ਸਪੇਸ ਵਿੱਚ ਸਮੇਟ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਲਾਈਨ ਬ੍ਰੇਕ ਹਟਾ ਦਿੰਦਾ ਹੈ। ਨਤੀਜਾ ਉਹ HTML ਹੁੰਦਾ ਹੈ ਜੋ ਬਾਈਟ ਪੱਖੋਂ ਇੱਕੋ ਜਿਹਾ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ ਪਰ ਆਮ ਤੌਰ 'ਤੇ 10-30% ਛੋਟਾ ਹੁੰਦਾ ਹੈ। ਸਰਵਰ ਉੱਤੇ gzip ਨਾਲ ਮਿਲ ਕੇ, ਇਹ ਸਮੱਗਰੀ-ਭਰਪੂਰ ਪੰਨਿਆਂ ਉੱਤੇ ਸ਼ੁਰੂਆਤੀ ਪੰਨੇ ਦੇ ਭਾਰ ਨੂੰ ਕਾਫ਼ੀ ਘਟਾ ਦਿੰਦਾ ਹੈ।
technicalਹਾਂ — ਸੋਹਣੇ ਕੀਤੇ ਆਊਟਪੁੱਟ ਨੂੰ output.html ਵਜੋਂ ਜਾਂ ਮਿਨੀਫਾਈ ਕੀਤੇ ਆਊਟਪੁੱਟ ਨੂੰ output.min.html ਵਜੋਂ ਸੰਭਾਲਣ ਲਈ Download 'ਤੇ ਕਲਿੱਕ ਕਰੋ। ਫ਼ਾਈਲ UTF-8 ਏਨਕੋਡਡ ਹੈ, ਇਸ ਲਈ ਇਹ ਅੰਗਰੇਜ਼ੀ, ਸਿਰਿਲਿਕ, CJK ਅਤੇ ਸੱਜੇ-ਤੋਂ-ਖੱਬੇ ਸਮੱਗਰੀ ਨਾਲ ਬਰਾਬਰ ਚੰਗੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦੀ ਹੈ।
tipsਇਹ ਇੱਕ ਛੋਟੀ ਜਿਹੀ ਸਿਰਫ਼-ਬ੍ਰਾਊਜ਼ਰ ਵਾਲੀ ਯੂਟਿਲਿਟੀ ਹੈ — ਕੋਈ ਹੋਸਟਿੰਗ ਲਾਗਤ ਨਹੀਂ — ਇਸ ਲਈ ਅਸੀਂ ਇਸਨੂੰ ਆਪਣੀ ਡਿਵੈਲਪਰ ਟੂਲਕਿਟ ਦੇ ਹਿੱਸੇ ਵਜੋਂ ਮੁਫ਼ਤ ਦਿੰਦੇ ਹਾਂ। ਕੋਈ ਇਸ਼ਤਿਹਾਰ ਨਹੀਂ, ਆਉਟਪੁੱਟ ਉੱਤੇ ਕੋਈ ਟ੍ਰੈਕਿੰਗ ਨਹੀਂ, ਅਤੇ ਫਾਈਲ ਦੇ ਆਕਾਰ ਉੱਤੇ ਕੋਈ ਸੀਮਾ ਨਹੀਂ — ਸਿਵਾਏ ਉਸ ਦੇ ਜੋ ਤੁਹਾਡਾ ਬ੍ਰਾਊਜ਼ਰ ਮੈਮੋਰੀ ਵਿੱਚ ਰੱਖ ਸਕਦਾ ਹੈ।
pricingHow HTML Prettify helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
ਈਮੇਲ ਟੈਂਪਲੇਟ ਸਫ਼ਾਈ
ਮਾਰਕੀਟਿੰਗ ਈਮੇਲ ਦਾ HTML ਅਕਸਰ ESP ਤੋਂ ਇੱਕ ਹੀ ਮਿਨੀਫ਼ਾਈ ਕੀਤੇ ਬਲੌਬ ਵਜੋਂ ਆਉਂਦਾ ਹੈ। ਅਗਲਾ ਈਮੇਲ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ ਢਾਂਚਾ ਜਾਂਚਣ, ਟੁੱਟੇ ਟੇਬਲ ਕਾਲਮ ਨੂੰ ਲੱਭਣ ਅਤੇ ਕੋਈ ਟਾਈਪੋ ਠੀਕ ਕਰਨ ਲਈ ਇਸ ਨੂੰ ਸੋਹਣਾ ਫਾਰਮੈਟ ਕਰੋ।
CMS ਸਮੱਗਰੀ ਮਾਈਗ੍ਰੇਸ਼ਨ
ਇੱਕ CMS ਤੋਂ ਐਕਸਪੋਰਟ ਕਰਨ ਅਤੇ ਦੂਜੇ ਵਿੱਚ ਇੰਪੋਰਟ ਕਰਨ ਵਿੱਚ ਆਮ ਤੌਰ 'ਤੇ HTML ਨੂੰ ਮੂਵ ਕਰਨਾ ਪੈਂਦਾ ਹੈ। Prettify ਡਿੱਫਾਂ ਨੂੰ ਪੜ੍ਹਨਯੋਗ ਬਣਾਉਂਦਾ ਹੈ, minify ਪੇਲੋਡ ਨੂੰ ਛੋਟਾ ਕਰਦਾ ਹੈ, ਅਤੇ ਦੋਵੇਂ ਮੋਡ ਸਮੱਗਰੀ ਦੀ ਸ਼ੁੱਧਤਾ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਦੇ ਹਨ।
ਵੈੱਬ ਸਕ੍ਰੈਪਿੰਗ ਆਉਟਪੁੱਟ
ਕਿਸੇ ਵੈੱਬਸਾਈਟ ਤੋਂ ਸਕ੍ਰੈਪ ਕੀਤਾ ਕੱਚਾ HTML ਫਾਰਮੈਟਿੰਗ ਤੋਂ ਬਿਨਾਂ ਪੜ੍ਹਨਯੋਗ ਨਹੀਂ ਹੁੰਦਾ। ਆਪਣੀ ਲੋੜੀਂਦੀ CSS ਸਿਲੈਕਟਰ ਲੱਭਣ ਲਈ ਆਊਟਪੁੱਟ ਨੂੰ Prettify ਕਰੋ, ਫਿਰ ਆਪਣੇ ਸਕ੍ਰੈਪਰ ਲਈ ਕੱਢਣ ਦਾ ਨਿਯਮ ਲਿਖੋ।
ਸਟੈਟਿਕ ਸਾਈਟ ਅਨੁਕੂਲਨ
ਡਿਪਲੌਏ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਆਪਣੇ ਸਟੈਟਿਕ ਸਾਈਟ ਜਨਰੇਟਰ ਤੋਂ ਬਣਾਏ HTML ਨੂੰ ਮਿਨੀਫ਼ਾਈ ਕਰੋ। ਇਹ gzip ਤੋਂ ਉੱਪਰ ਫਾਈਲ ਦੇ ਆਕਾਰ ਵਿੱਚੋਂ 10-30% ਘਟਾਉਂਦਾ ਹੈ — ਸਮੱਗਰੀ-ਭਰਪੂਰ ਪੰਨਿਆਂ ਉੱਤੇ ਫਸਟ-ਪੇਂਟ ਸਮੇਂ ਵਿੱਚ ਮਾਪਣਯੋਗ ਸੁਧਾਰ।
ਡੌਕੂਮੈਂਟੇਸ਼ਨ ਸਨਿੱਪਟ
ਜਦੋਂ HTML ਉਦਾਹਰਨਾਂ ਨੂੰ ਡੌਕਸ, ਬਲੌਗ ਪੋਸਟਾਂ ਜਾਂ README ਫਾਈਲਾਂ ਵਿੱਚ ਪੇਸਟ ਕਰਦੇ ਹੋ, ਤਾਂ ਪਹਿਲਾਂ ਇਸਨੂੰ ਸੁੰਦਰ (beautify) ਬਣਾਓ ਤਾਂ ਜੋ ਪਾਠਕ ਢਾਂਚੇ ਨੂੰ ਸਮਝ ਸਕਣ। "ਪ੍ਰੋਡਕਸ਼ਨ ਆਉਟਪੁੱਟ" ਤੁਲਨਾ ਲਈ minified ਵਰਜਨ ਸੰਭਾਲ ਕੇ ਰੱਖੋ।
JSX ਰੀਫੈਕਟਰਿੰਗ ਹੈਲਪਰ
HTML ਦੇ ਕਿਸੇ ਹਿੱਸੇ ਨੂੰ JSX ਵਿੱਚ ਬਦਲਣ ਤੋਂ ਪਹਿਲਾਂ, ਇਸ ਨੂੰ ਸੋਹਣਾ ਬਣਾਓ ਤਾਂ ਜੋ ਕਨਵਰਜ਼ਨ ਸਕ੍ਰਿਪਟ ਨੂੰ ਇੱਕ ਸਾਫ਼ ਟ੍ਰੀ ਮਿਲੇ। ਇਹ ਤੁਹਾਡੇ React/Vue ਮਾਈਗ੍ਰੇਸ਼ਨ ਵਿੱਚ ਹੱਥੀਂ ਮੁੜ-ਫ਼ਾਰਮੈਟਿੰਗ ਬਚਾਉਂਦਾ ਹੈ।