HTML Prettify and Minify - ਫਾਰਮੈਟ HTML ਔਨਲਾਈਨ ਮੁਫ਼ਤ

ਗੜਬੜ ਵਾਲੇ HTML ਨੂੰ ਸਹੀ ਇੰਡੈਂਟੇਸ਼ਨ ਨਾਲ ਸੁੰਦਰ ਬਣਾਓ, ਜਾਂ ਇੱਕ ਲਾਈਨ ਨੂੰ ਘੱਟ ਕਰੋ. ਇੱਕ .html ਫ਼ਾਈਲ ਜਾਂ ਪੇਸਟ ਕਰੋ, ਉਸਤੋਂ ਬਾਅਦ ਸਾਫ਼ ਕੀਤੇ ਮਾਰਕਅੱਪ ਨੂੰ ਕਾਪੀ ਕਰੋ ਜਾਂ ਡਾਊਨਲੋਡ ਕਰੋ।

ਇਨਪੁੱਟ HTML

ਜਾਂ ਇੱਕ .html ਫਾਈਲ ਛੱਡੋ

ਫਾਰਮੈਟ ਕੀਤਾ ਆਉਟਪੁੱਟ

HTML Prettify ਬਾਰੇ
js-beautify ਦੁਆਰਾ ਸੰਚਾਲਿਤ, ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾ browserਜ਼ਰ ਵਿੱਚ ਚਲਦਾ ਹੈ. ਪ੍ਰੀਟੀਫਾਈ ਮੋਡ ਟੈਗਾਂ ਨੂੰ ਉਨ੍ਹਾਂ ਦੀਆਂ ਆਪਣੀਆਂ ਲਾਈਨਾਂ 'ਤੇ ਇਕਸਾਰ ਇੰਡੈਂਟੇਸ਼ਨ ਦੇ ਨਾਲ ਦੁਬਾਰਾ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ; ਮਿਨੀਫਾਈ ਮੋਡ ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ ਅਤੇ ਸਭ ਤੋਂ ਛੋਟੇ ਪੇਲੋਡ ਲਈ ਵ੍ਹਾਈਟਸਪੇਸ ਨੂੰ ਢਹਿ ਦਿੰਦਾ ਹੈ।
ਆਪਣੇ ਚਿੱਤਰਾਂ ਨੂੰ ਵਧਾਉਣਾ ਜਾਰੀ ਰੱਖੋ
ਇਹਨਾਂ ਪ੍ਰਸਿੱਧ ਔਜ਼ਾਰਾਂ ਨਾਲ ਆਪਣੀ ਫ਼ੋਟੋ ਸੰਪਾਦਨ ਨੂੰ ਅਗਲੇ ਪੱਧਰ 'ਤੇ ਲੈ ਜਾਓ
📝
ਚਿੱਤਰ ਵਿੱਚ ਟੈਕਸਟ ਸ਼ਾਮਲ ਕਰੋ
ਆਪਣੀ ਵਧਾਈ ਹੋਈ ਫ਼ੋਟੋ ਵਿੱਚ ਸਿਰਲੇਖਾਂ ਅਤੇ ਸਿਰਲੇਖਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ
🖼️
ਫੋਟੋ ਬਾਰਡਰ ਸ਼ਾਮਲ ਕਰੋ
ਆਪਣੇ ਪ੍ਰਭਾਵ ਨੂੰ ਸੁੰਦਰ ਸਰਹੱਦਾਂ ਨਾਲ ਫਰੇਮ ਕਰੋ
🗜️
ਚਿੱਤਰ ਨੂੰ ਸੰਕੁਚਿਤ ਕਰੋ
ਸਾਂਝਾ ਕਰਨ ਲਈ ਆਪਣੇ ਵਧੇ ਹੋਏ ਚਿੱਤਰ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ
📐
ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਬਦਲੋ
ਚਿੱਤਰ ਦੇ ਮਾਪ ਬਦਲੋ
ਸਾਰੇ ਫੋਟੋ ਔਜ਼ਾਰਾਂ ਦੀ ਪੜਚੋਲ ਕਰੋ
Frequently Asked Questions
ਕਿਸੇ ਵੀ HTML ਨੂੰ ਪੇਸਟ ਕਰੋ - ਇੱਥੋਂ ਤੱਕ ਕਿ ਇੱਕ ਬਿਲਡ ਪਾਈਪਲਾਈਨ ਤੋਂ ਸਿੰਗਲ-ਲਾਈਨ ਮਿਨੀਫਾਈਡ ਆਉਟਪੁੱਟ ਵੀ - ਅਤੇ ਟੂਲ ਇਸ ਨੂੰ ਸਹੀ ਇੰਡੈਂਟੇਸ਼ਨ, ਪ੍ਰਤੀ ਲਾਈਨ ਇੱਕ ਟੈਗ ਅਤੇ ਇਕਸਾਰ ਵ੍ਹਾਈਟਸਪੇਸ ਦੇ ਨਾਲ ਦੁਬਾਰਾ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ. 2, 4 ਜਾਂ 8-ਸਪੇਸ ਇੰਡੈਂਟ ਦੀ ਚੋਣ ਕਰੋ। ਆਉਟਪੁੱਟ ਤੁਹਾਡੇ ਸੰਪਾਦਕ ਵਿੱਚ ਡਰਾਪ ਕਰਨ ਜਾਂ ਕੋਡ ਸਮੀਖਿਆ ਟਿੱਪਣੀ ਵਿੱਚ ਪੇਸਟ ਕਰਨ ਲਈ ਤਿਆਰ ਹੈ.
usage
Prettify ਪੜ੍ਹਨਯੋਗਤਾ ਲਈ HTML ਦਾ ਵਿਸਥਾਰ ਕਰਦਾ ਹੈ: ਹਰੇਕ ਟੈਗ ਆਪਣੀ ਲਾਈਨ 'ਤੇ, ਆਲ੍ਹਣੇ ਵਾਲੇ ਬੱਚਿਆਂ ਨੂੰ ਇੰਡੈਂਟ, ਭਾਗਾਂ ਦੇ ਵਿਚਕਾਰ ਸੁਰੱਖਿਅਤ ਖਾਲੀ ਲਾਈਨਾਂ. ਟਿੱਪਣੀਆਂ ਨੂੰ ਮਿਨੀਫਾਈ ਕਰਦਾ ਹੈ, ਵ੍ਹਾਈਟਸਪੇਸ ਦੀਆਂ ਦੌੜਾਂ ਨੂੰ ਢਹਿ ਦਿੰਦਾ ਹੈ ਅਤੇ ਲਾਈਨ ਬਰੇਕਾਂ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ ਤਾਂ ਜੋ ਫਾਈਲ ਘੱਟ ਬਾਈਟਾਂ ਵਿੱਚ ਭੇਜੀ ਜਾਵੇ. ਸੰਪਾਦਨ ਅਤੇ ਸਮੀਖਿਆ ਲਈ prettify ਦੀ ਵਰਤੋਂ ਕਰੋ, ਉਤਪਾਦਨ ਦੀ ਤਾਇਨਾਤੀ ਲਈ ਘੱਟੋ ਘੱਟ ਕਰੋ.
features
ਨਹੀਂ - ਜੇਐਸ-ਬਿਊਟੀਫਾਈ (ਹੁੱਡ ਦੇ ਹੇਠਾਂ ਇੰਜਣ) ਸਕ੍ਰਿਪਟ ਅਤੇ ਸਟਾਈਲ ਬਲਾਕਾਂ ਦਾ ਪਤਾ ਲਗਾਉਂਦਾ ਹੈ ਅਤੇ ਉਨ੍ਹਾਂ ਦੀ ਸਮਗਰੀ ਨੂੰ ਉਚਿਤ ਜੇਐਸ ਜਾਂ ਸੀਐਸਐਸ ਨਿਯਮਾਂ ਨਾਲ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਇਨਲਾਈਨ ਸਕ੍ਰਿਪਟਾਂ ਵੈਧ ਰਹਿੰਦੀਆਂ ਹਨ ਅਤੇ ਸਟਾਈਲਸ਼ੀਟ ਪੜ੍ਹਨਯੋਗ ਰਹਿੰਦੀਆਂ ਹਨ. ਸਵੈ-ਬੰਦ ਟੈਗ, ਖਾਲੀ ਤੱਤ, ਅਤੇ ਨੇਮਸਪੇਸਡ ਐਟਰੀਬਿਊਟ (svg: xmlns, xlink: href) ਸਾਰੇ ਸਹੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲੇ ਜਾਂਦੇ ਹਨ.
technical
ਇਹ ਸਾਦੇ ਐਚਟੀਐਮਐਲ ਅਤੇ ਐਚਟੀਐਮਐਲ ਵਰਗੇ ਟੈਂਪਲੇਟਾਂ ਨੂੰ ਚੰਗੀ ਤਰ੍ਹਾਂ ਸੰਭਾਲਦਾ ਹੈ, ਪਰ ਸ਼ੁੱਧ ਜੇਐਸਐਕਸ (ਕਰਲੀ-ਬ੍ਰੇਸ ਪ੍ਰਗਟਾਵੇ, ਟੁਕੜੇ, ਕੈਪੀਟਲਾਈਜ਼ਡ ਕੰਪੋਨੈਂਟ ਟੈਗ) ਨੂੰ ਐਚਟੀਐਮਐਲ ਦੇ ਤੌਰ ਤੇ ਪਾਰਸ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਮਾਮੂਲੀ ਕਾਸਮੈਟਿਕ ਮੁੱਦਿਆਂ ਨੂੰ ਚੁੱਕ ਸਕਦਾ ਹੈ. ਫਰੇਮਵਰਕ-ਵਿਸ਼ੇਸ਼ ਕੋਡ ਲਈ ਅਸੀਂ ਤੁਹਾਡੀ ਉਪਭਾਸ਼ਾ ਲਈ ਕੌਂਫਿਗਰ ਕੀਤੇ ਗਏ ਪ੍ਰੀਟੀਅਰ ਦੀ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ; ਕੱਚੇ HTML, .htm ਅਤੇ ਟੈਂਪਲੇਟ ਫਾਈਲਾਂ ਲਈ ਸਾਡਾ ਟੂਲ ਸੰਪੂਰਨ ਹੈ.
features
ਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ. ਫੋਰਮੈਟਰ ਤੁਹਾਡੇ ਬ੍ਰਾ browserਜ਼ਰ ਵਿੱਚ js-beautify ਨਾਲ ਪੂਰੀ ਤਰ੍ਹਾਂ ਚਲਦਾ ਹੈ, ਇਸ ਲਈ ਤੁਸੀਂ ਆਪਣੀ ਡਿਵਾਈਸ ਨੂੰ ਛੱਡੇ ਬਿਨਾਂ ਅੰਦਰੂਨੀ ਪੇਜ ਟੈਂਪਲੇਟਸ, ਡਰਾਫਟ ਈਮੇਲਾਂ, ਜਾਂ ਨਿੱਜੀ ਡੇਟਾ ਵਾਲੇ HTML ਨੂੰ ਸੁਰੱਖਿਅਤ .ੰਗ ਨਾਲ ਪੇਸਟ ਕਰ ਸਕਦੇ ਹੋ.
privacy
HTML ਟਿੱਪਣੀਆਂ ਨੂੰ ਮਿਨੀਫਾਈ ਕਰੋ, ਟੈਗਾਂ ਦੇ ਵਿਚਕਾਰ ਵ੍ਹਾਈਟਸਪੇਸ ਦੀ ਕਿਸੇ ਵੀ ਦੌੜ ਨੂੰ ਇੱਕ ਸਿੰਗਲ ਸਪੇਸ ਤੇ ਖਤਮ ਕਰਦਾ ਹੈ, ਅਤੇ ਲਾਈਨ ਬਰੇਕਾਂ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ. ਨਤੀਜਾ ਬਾਈਟ-ਇਕੋ-ਰੈਂਡਰਿੰਗ HTML ਹੈ ਜੋ ਆਮ ਤੌਰ 'ਤੇ 10-30٪ ਛੋਟਾ ਹੁੰਦਾ ਹੈ. ਸਰਵਰ 'ਤੇ gzip ਦੇ ਨਾਲ ਜੋੜਿਆ ਗਿਆ, ਇਹ ਸਮੱਗਰੀ-ਭਾਰੀ ਪੰਨਿਆਂ 'ਤੇ ਸ਼ੁਰੂਆਤੀ ਪੰਨੇ ਦੇ ਭਾਰ ਨੂੰ ਧਿਆਨ ਦੇਣ ਲਈ ਸੁੰਗੜਦਾ ਹੈ.
technical
ਹਾਂ - ਪ੍ਰੀਟੀਫਾਈਡ ਆਉਟਪੁੱਟ ਨੂੰ output.html ਜਾਂ ਮਿਨੀਫਾਈਡ ਆਉਟਪੁੱਟ ਨੂੰ output.min.html ਦੇ ਰੂਪ ਵਿੱਚ ਸੁਰੱਖਿਅਤ ਕਰਨ ਲਈ ਡਾਊਨਲੋਡ 'ਤੇ ਕਲਿੱਕ ਕਰੋ. ਫਾਈਲ UTF-8 ਏਨਕੋਡ ਹੈ, ਇਸ ਲਈ ਇਹ ਅੰਗਰੇਜ਼ੀ, ਸਿਰਿਲਿਕ, CJK ਅਤੇ ਸੱਜੇ-ਤੋਂ-ਖੱਬੇ ਸਮਗਰੀ ਦੇ ਨਾਲ ਬਰਾਬਰ ਕੰਮ ਕਰਦਾ ਹੈ.
tips
ਇਹ ਇੱਕ ਛੋਟੀ ਜਿਹੀ ਬ੍ਰਾ browserਜ਼ਰ-ਸਿਰਫ ਉਪਯੋਗਤਾ ਹੈ - ਜ਼ੀਰੋ ਹੋਸਟਿੰਗ ਲਾਗਤ - ਇਸ ਲਈ ਅਸੀਂ ਇਸਨੂੰ ਆਪਣੀ ਡਿਵੈਲਪਰ ਟੂਲਕਿੱਟ ਦੇ ਹਿੱਸੇ ਵਜੋਂ ਮੁਫਤ ਭੇਜਦੇ ਹਾਂ. ਕੋਈ ਇਸ਼ਤਿਹਾਰ ਨਹੀਂ, ਆਉਟਪੁੱਟ 'ਤੇ ਕੋਈ ਟਰੈਕਿੰਗ ਨਹੀਂ, ਫਾਈਲ ਦੇ ਆਕਾਰ 'ਤੇ ਕੋਈ ਸੀਮਾ ਨਹੀਂ ਹੈ ਜੋ ਤੁਹਾਡੇ ਬ੍ਰਾ browserਜ਼ਰ ਨੂੰ ਮੈਮੋਰੀ ਵਿੱਚ ਰੱਖ ਸਕਦਾ ਹੈ.
pricing
Use Cases
ਈਮੇਲ ਟੈਂਪਲੇਟ ਕਲੀਨਅੱਪ
ਮਾਰਕੀਟਿੰਗ ਈਮੇਲ ਐਚਟੀਐਮਐਲ ਅਕਸਰ ਈਐਸਪੀ ਤੋਂ ਇੱਕ ਸਿੰਗਲ ਮਿਨੀਫਾਈਡ ਬਲੌਬ ਦੇ ਰੂਪ ਵਿੱਚ ਆਉਂਦੀ ਹੈ. structureਾਂਚੇ ਦੀ ਜਾਂਚ ਕਰਨ ਲਈ ਇਸ ਨੂੰ ਸੁੰਦਰ ਬਣਾਓ, ਉਸ ਟੁੱਟੇ ਹੋਏ ਟੇਬਲ ਕਾਲਮ ਨੂੰ ਲੱਭੋ, ਅਤੇ ਅਗਲਾ ਧਮਾਕਾ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਟਾਈਪੋ ਨੂੰ ਪੈਚ ਕਰੋ.
marketing
CMS ਸਮੱਗਰੀ ਮਾਈਗ੍ਰੇਸ਼ਨ
ਇੱਕ ਸੀ.ਐਮ.ਐਸ ਤੋਂ ਨਿਰਯਾਤ ਕਰਨਾ ਅਤੇ ਦੂਜੇ ਵਿੱਚ ਆਯਾਤ ਕਰਨਾ ਆਮ ਤੌਰ 'ਤੇ ਐਚ.ਟੀ.ਐਮ.ਐਲ ਨੂੰ ਤਬਦੀਲ ਕਰਨਾ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ। ਪ੍ਰੀਟੀਫਾਈ ਡਿਫਸ ਨੂੰ ਪੜ੍ਹਨਯੋਗ ਬਣਾਉਂਦਾ ਹੈ, ਪੇਲੋਡ ਨੂੰ ਸੁੰਗੜਦਾ ਹੈ, ਅਤੇ ਦੋਵੇਂ ਮੋਡ ਸਮਗਰੀ ਦੀ ਵਫ਼ਾਦਾਰੀ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਦੇ ਹਨ.
development
ਵੈੱਬ ਸਕ੍ਰੈਪਿੰਗ ਆਉਟਪੁੱਟ
ਕਿਸੇ ਵੈਬਸਾਈਟ ਤੋਂ ਸਕ੍ਰੈਪ ਕੀਤਾ ਗਿਆ ਕੱਚਾ ਐਚਟੀਐਮਐਲ ਫਾਰਮੈਟਿੰਗ ਤੋਂ ਬਿਨਾਂ ਪੜ੍ਹਨਯੋਗ ਨਹੀਂ ਹੈ. ਤੁਹਾਨੂੰ ਲੋੜੀਂਦਾ ਸੀਐਸਐਸ ਚੋਣਕਾਰ ਲੱਭਣ ਲਈ ਆਉਟਪੁੱਟ ਨੂੰ ਤਿਆਰ ਕਰੋ, ਫਿਰ ਆਪਣੇ ਸਕ੍ਰੈਪਰ ਲਈ ਐਕਸਟਰੈਕਸ਼ਨ ਨਿਯਮ ਲਿਖੋ.
data
ਸਟੈਟਿਕ ਸਾਈਟ ਔਪਟੀਮਾਈਜ਼ੇਸ਼ਨ
ਤਾਇਨਾਤ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਆਪਣੇ ਸਥਿਰ ਸਾਈਟ ਜਨਰੇਟਰ ਤੋਂ ਤਿਆਰ ਕੀਤੇ HTML ਨੂੰ ਘੱਟ ਕਰੋ। ਜੀਜ਼ੀਪ ਦੇ ਸਿਖਰ 'ਤੇ ਫਾਈਲ ਦੇ ਆਕਾਰ ਤੋਂ 10-30٪ ਨੂੰ ਛੁਟਕਾਰਾ ਦਿੰਦਾ ਹੈ - ਸਮੱਗਰੀ-ਭਾਰੀ ਪੰਨਿਆਂ 'ਤੇ ਪਹਿਲੇ-ਪੇਂਟ ਸਮੇਂ ਨੂੰ ਮਾਪਣਯੋਗ ਸੁਧਾਰ.
performance
ਦਸਤਾਵੇਜ਼ੀ ਸਨਿੱਪਟ
ਡੌਕਸ, ਬਲਾੱਗ ਪੋਸਟਾਂ ਜਾਂ ਰੀਡਮ ਫਾਈਲਾਂ ਵਿੱਚ HTML ਉਦਾਹਰਣਾਂ ਨੂੰ ਪੇਸਟ ਕਰਦੇ ਸਮੇਂ, ਪਹਿਲਾਂ ਸੁੰਦਰ ਬਣਾਓ ਤਾਂ ਜੋ ਪਾਠਕ structureਾਂਚੇ ਦੀ ਪਾਲਣਾ ਕਰ ਸਕਣ. "ਉਤਪਾਦਨ ਆਉਟਪੁੱਟ" ਤੁਲਨਾ ਲਈ ਮਿਨੀਫਾਈਡ ਸੰਸਕਰਣ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰੋ.
documentation
ਜੇਐਸਐਕਸ ਰੀਫੈਕਟਰਿੰਗ ਹੈਲਪਰ
HTML ਦੇ ਇੱਕ ਹਿੱਸੇ ਨੂੰ JSX ਵਿੱਚ ਬਦਲਣ ਤੋਂ ਪਹਿਲਾਂ, ਇਸ ਨੂੰ ਸੁੰਦਰ ਕਰੋ ਤਾਂ ਜੋ ਪਰਿਵਰਤਨ ਸਕ੍ਰਿਪਟ ਇੱਕ ਸਾਫ਼ ਰੁੱਖ ਨੂੰ ਵੇਖੇ. ਤੁਹਾਡੇ React/Vue ਮਾਈਗ੍ਰੇਸ਼ਨ ਵਿੱਚ ਮੈਨੂਅਲ ਰੀਫਾਰਮੈਟਿੰਗ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਦਾ ਹੈ।
development