ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ ਤਸਵੀਰ ਕੰਪ੍ਰੈਸ਼ਨ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀ ਹੈ
ਹਰ ਕੰਪ੍ਰੈਸ਼ਨ ਪਾਸ ਪੂਰੀ ਤਰ੍ਹਾਂ JavaScript ਵਿੱਚ ਚੱਲਦਾ ਹੈ। ਕੋਈ ਕੋਡੈਕ ਲਾਇਬ੍ਰੇਰੀ ਡਾਊਨਲੋਡ ਨਹੀਂ ਹੁੰਦੀ ਅਤੇ ਕੋਈ ਸਰਵਰ ਸ਼ਾਮਲ ਨਹੀਂ ਹੁੰਦਾ। ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਆਪਣੀ Canvas API ਤਸਵੀਰ ਡੀਕੋਡ ਕਰਦੀ ਹੈ, ਇਸਨੂੰ ਘੱਟ ਗੁਣਵੱਤਾ ਤੇ ਮੁੜ-ਏਨਕੋਡ ਕਰਦੀ ਹੈ, ਅਤੇ ਤੁਹਾਨੂੰ ਇੱਕ Blob ਦਿੰਦੀ ਹੈ ਜਿਸਨੂੰ ਪੰਨਾ ਪ੍ਰੀਵਿਊ, ਡਾਊਨਲੋਡ ਜਾਂ ਜ਼ਿਪ ਕਰ ਸਕਦਾ ਹੈ। ਕਿਉਂਕਿ ਹਰ ਕਦਮ ਟੈਬ ਦੇ ਸੈਂਡਬਾਕਸ ਅੰਦਰ ਰਹਿੰਦਾ ਹੈ, ਅਸਲ ਫਾਈਲਾਂ ਕਦੇ ਨੈੱਟਵਰਕ ਨੂੰ ਨਹੀਂ ਛੂਹਦੀਆਂ।
- ਹਰ ਅੱਪਲੋਡ ਕੀਤੀ ਫਾਈਲ ਨੂੰ Blob ਵਜੋਂ ਪੜ੍ਹੋ ਅਤੇ ਇੱਕ ਆਬਜੈਕਟ URL ਬਣਾਓ ਤਾਂ ਕਿ ਬ੍ਰਾਊਜ਼ਰ ਇਸਨੂੰ ਸਥਾਨਕ ਤੌਰ ਤੇ ਡੀਕੋਡ ਕਰ ਸਕੇ, ਬਾਈਟਾਂ ਨੂੰ ਸਰਵਰ ਤੇ ਕਾਪੀ ਕੀਤੇ ਜਾਂ ਡਿਸਕ ਤੇ ਲਿਖੇ ਬਿਨਾਂ।
- ਡੀਕੋਡ ਕੀਤੀ ਤਸਵੀਰ ਨੂੰ ਉਸਦੇ ਅਸਲ ਪਿਕਸਲ ਮਾਪਾਂ ਤੇ ਇੱਕ ਆਫਸਕ੍ਰੀਨ Canvas ਏਲੀਮੈਂਟ ਤੇ ਖਿੱਚੋ, ਮੁੜ-ਏਨਕੋਡਿੰਗ ਲਈ ਤਿਆਰ।
- ਪਿਕਸਲ ਮੁੜ-ਏਨਕੋਡ ਕਰਨ ਲਈ
canvas.toBlob(callback, mimeType, quality)ਕਾਲ ਕਰੋ। ਗੁਣਵੱਤਾ ਮੋਡ ਵਿੱਚ ਸਲਾਈਡਰ ਮੁੱਲ ਸਿੱਧਾ ਏਨਕੋਡਰ ਦੀ ਕੁਆਂਟਾਈਜ਼ੇਸ਼ਨ ਸੈਟਿੰਗ ਨਾਲ ਮੈਪ ਹੁੰਦਾ ਹੈ; ਟਾਰਗੇਟ-ਆਕਾਰ ਮੋਡ ਵਿੱਚ ਪੰਨਾ ਗੁਣਵੱਤਾ ਮੁੱਲ ਨੂੰ ਉਦੋਂ ਤੱਕ ਅੱਧਾ ਕਰਦਾ ਹੈ ਜਦੋਂ ਤੱਕ ਆਉਟਪੁੱਟ ਬਲੌਬ ਤੁਹਾਡੇ ਬਾਈਟ ਬਜਟ ਤੋਂ ਹੇਠਾਂ ਨਾ ਆ ਜਾਵੇ। - ਅਸਲ ਆਕਾਰ, ਕੰਪ੍ਰੈੱਸ ਆਕਾਰ ਅਤੇ ਬੱਚਤ ਪ੍ਰਤੀਸ਼ਤ ਨਾਲ ਇੱਕ ਪਹਿਲਾਂ/ਬਾਅਦ ਰੀਡਆਊਟ ਦਿਖਾਓ, ਫਿਰ ਪ੍ਰਤੀ-ਤਸਵੀਰ ਡਾਊਨਲੋਡ ਜਾਂ ਪੂਰੇ ਬੈਚ ਲਈ ਇੱਕ ਸਿੰਗਲ ZIP ਪੇਸ਼ ਕਰੋ। ZIP fflate ਵਰਤ ਕੇ ਮੈਮੋਰੀ ਵਿੱਚ ਬਣਦਾ ਹੈ, ਇੱਕ 8 KB ਲਾਇਬ੍ਰੇਰੀ ਜੋ ਪਹਿਲੀ ਵਰਤੋਂ ਤੇ ਲੋਡ ਹੁੰਦੀ ਹੈ।
ਤਸਵੀਰਾਂ ਕਿਉਂ ਕੰਪ੍ਰੈੱਸ ਕਰੋ?
- ਛੋਟੀਆਂ ਤਸਵੀਰਾਂ ਤੇਜ਼ ਲੋਡ ਹੁੰਦੀਆਂ ਹਨ। ਇੱਕ 4 MB ਹੀਰੋ ਤਸਵੀਰ ਨੂੰ 600 KB ਤੱਕ ਘਟਾਉਣ ਨਾਲ Largest Contentful Paint ਸਿੱਧਾ ਸੁਧਰਦਾ ਹੈ, ਜੋ ਉਨ੍ਹਾਂ Core Web Vitals ਵਿੱਚੋਂ ਇੱਕ ਹੈ ਜੋ Google ਰੈਂਕਿੰਗ ਲਈ ਵਰਤਦਾ ਹੈ। ਕਈ ਫੋਟੋਆਂ ਵਾਲੇ ਪੰਨੇ ਤੇ ਬੱਚਤ ਮਿਲ ਕੇ ਤੇਜ਼ ਪਹਿਲੇ ਪੇਂਟ ਵਿੱਚ ਬਦਲ ਜਾਂਦੀ ਹੈ।
- ਫਿਰ ਅੱਪਲੋਡ ਸੀਮਾਵਾਂ ਹਨ। ਬਹੁਤ ਸਾਰੇ CMS ਪਲੇਟਫਾਰਮ, ਟਿਕਟਿੰਗ ਸਾਧਨ ਅਤੇ ਈਮੇਲ ਸਿਸਟਮ 1 ਜਾਂ 2 MB ਤੋਂ ਵੱਡੀ ਕਿਸੇ ਵੀ ਚੀਜ਼ ਨੂੰ ਰੱਦ ਕਰ ਦਿੰਦੇ ਹਨ, ਅਤੇ ਇੱਕ ਤੇਜ਼ ਕੰਪ੍ਰੈਸ਼ਨ ਪਾਸ ਪੂਰਾ ਏਡੀਟਰ ਖੋਲ੍ਹੇ ਬਿਨਾਂ ਫੋਟੋ ਨੂੰ ਸੀਮਾ ਤੋਂ ਹੇਠਾਂ ਲੈ ਆਉਂਦਾ ਹੈ।
- ਵੱਡੇ ਪੈਮਾਨੇ ਤੇ ਬੈਂਡਵਿਡਥ ਅਤੇ ਸਟੋਰੇਜ ਪੈਸੇ ਖਰਚਦੇ ਹਨ। ਪੂਰੇ-ਆਕਾਰ ਦੀ PNG ਦੀ ਥਾਂ WebP ਨੂੰ ਗੁਣਵੱਤਾ 0.8 ਤੇ ਭੇਜਣ ਨਾਲ ਤਸਵੀਰ ਪੇਲੋਡ ਇੱਕ ਤਿਹਾਈ ਜਾਂ ਵੱਧ ਘਟ ਸਕਦਾ ਹੈ, ਜੋ CDN ਏਗ੍ਰੈਸ ਬਿੱਲ ਅਤੇ ਤੁਹਾਡੇ ਦਰਸ਼ਕਾਂ ਲਈ ਮੋਬਾਈਲ ਡੇਟਾ ਵਰਤੋਂ ਘਟਾਉਂਦਾ ਹੈ।
- ਕੁਝ ਤਸਵੀਰਾਂ ਨੂੰ ਬਿਲਕੁਲ ਅੱਪਲੋਡ ਨਹੀਂ ਕਰਨਾ ਚਾਹੀਦਾ। ਕਿਉਂਕਿ ਇੱਥੇ ਸਭ ਕੁਝ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ, ID ਸਕੈਨ, ਮੈਡੀਕਲ ਤਸਵੀਰਾਂ ਅਤੇ ਅੰਦਰੂਨੀ ਸਕ੍ਰੀਨਸ਼ੌਟ ਤੁਹਾਡੇ ਡਿਵਾਈਸ ਤੇ ਰਹਿੰਦੇ ਹਨ। ਚਿੰਤਾ ਕਰਨ ਲਈ ਲੂਪ ਵਿੱਚ TinyPNG ਵਰਗਾ ਕੋਈ ਤੀਜੀ-ਧਿਰ ਸਰਵਰ ਨਹੀਂ ਹੁੰਦਾ।
ਆਮ ਵਰਤੋਂਆਂ
ਕੰਪ੍ਰੈਸ਼ਨ ਉਦੋਂ ਆਉਂਦੀ ਹੈ ਜਦੋਂ ਵੀ ਕੋਈ ਤਸਵੀਰ ਉਸ ਥਾਂ ਤੋਂ ਵੱਡੀ ਹੁੰਦੀ ਹੈ ਜਿੱਥੇ ਉਹ ਜਾ ਰਹੀ ਹੈ। ਤਿੰਨ ਪੈਟਰਨ ਜੋ ਅਸੀਂ ਵਾਰ-ਵਾਰ ਦੇਖਦੇ ਹਾਂ।
- ਔਨਲਾਈਨ ਸਟੋਰ ਲਈ ਉਤਪਾਦ ਫੋਟੋਆਂ ਤਿਆਰ ਕਰਨਾ। JPEG ਅਸਲ ਗੁਣਵੱਤਾ 0.8 (ਜਾਂ 200 KB ਟਾਰਗੇਟ) ਤੇ ਕੰਪ੍ਰੈੱਸ ਹੁੰਦੇ ਹਨ ਤਾਂ ਜੋ ਸਟੋਰਫ੍ਰੰਟ ਤੇਜ਼ ਰਹੇ ਅਤੇ ਮੋਬਾਈਲ ਤੇ Core Web Vitals ਪਾਸ ਕਰੇ।
- ਸਕ੍ਰੀਨਸ਼ੌਟਾਂ ਨੂੰ ਬੱਗ ਟ੍ਰੈਕਰ ਜਾਂ ਵਿਕੀ ਨਾਲ ਜੋੜਨ ਤੋਂ ਪਹਿਲਾਂ ਛੋਟਾ ਕਰਨਾ। ਗੁਣਵੱਤਾ 0.85 ਤੇ JPEG ਵਿੱਚ ਬਦਲੇ PNG ਕੈਪਚਰਾਂ ਦਾ ਬੈਚ ਅਕਸਰ ਦਸਾਂ ਮੈਗਾਬਾਈਟਾਂ ਤੋਂ ਘਟ ਕੇ ਕੁਝ ਕੁ ਰਹਿ ਜਾਂਦਾ ਹੈ।
- ਅੱਪਲੋਡ ਸੀਮਾ ਤੋਂ ਹੇਠਾਂ ਫੋਟੋ ਲਿਆਉਣਾ — ਇੱਕ ਨੌਕਰੀ ਅਰਜ਼ੀ ਪੋਰਟਲ ਜੋ 1 MB ਤੋਂ ਵੱਡੀਆਂ ਫਾਈਲਾਂ ਰੱਦ ਕਰਦਾ ਹੈ, ਇੱਕ ਤੰਗ ਅਟੈਚਮੈਂਟ ਸੀਮਾ ਵਾਲਾ ਈਮੇਲ ਸਿਸਟਮ, ਜਾਂ ਇੱਕ ਫੋਰਮ ਅਵਤਾਰ ਜਿਸਨੂੰ ਬਾਈਟ ਬਜਟ ਵਿੱਚ ਫਿੱਟ ਹੋਣਾ ਪੈਂਦਾ ਹੈ।
ਇੱਕ ਕੰਮ ਕੀਤੀ ਉਦਾਹਰਣ: 4 MB JPEG ਤੋਂ 400 KB
ਫੋਨ ਕੈਮਰੇ ਤੋਂ ਸਿੱਧਾ 4 MB JPEG ਇੱਕ ਆਮ ਪੇਲੋਡ ਹੈ ਜੋ ਅੱਪਲੋਡ ਸੀਮਾਵਾਂ ਨੂੰ ਟੱਪਦਾ ਹੈ ਅਤੇ ਪੰਨੇ ਹੌਲੀ ਕਰਦਾ ਹੈ। ਕੰਪ੍ਰੈਸ਼ਨ ਕੀ ਬਚਾਉਂਦੀ ਹੈ ਇਸਦਾ ਇਹ ਇੱਕ ਚੰਗਾ ਮਾਪਦੰਡ ਹੈ।
JPEG ਨੂੰ ਅੱਪਲੋਡ ਜ਼ੋਨ ਵਿੱਚ ਪਾਓ, ਫਾਰਮੈਟ JPEG ਤੇ ਰਹਿਣ ਦਿਓ, ਅਤੇ ਜਾਂ ਤਾਂ ਗੁਣਵੱਤਾ ਸਲਾਈਡਰ ਨੂੰ 0.7 ਤੱਕ ਘਟਾਓ ਜਾਂ ਟਾਰਗੇਟ-ਆਕਾਰ ਮੋਡ ਤੇ ਜਾ ਕੇ 400 KB ਟਾਈਪ ਕਰੋ। ਗੁਣਵੱਤਾ ਮੋਡ ਵਿੱਚ Canvas ਪਾਈਪਲਾਈਨ ਇੱਕ ਵਾਰ ਮੁੜ-ਏਨਕੋਡ ਕਰਦੀ ਹੈ ਅਤੇ ਨਤੀਜਾ ਦਿਖਾਉਂਦੀ ਹੈ, ਫੋਟੋ ਅਨੁਸਾਰ ਆਮ ਤੌਰ ਤੇ 500 ਤੋਂ 700 KB ਦੇ ਆਸਪਾਸ। ਟਾਰਗੇਟ-ਆਕਾਰ ਮੋਡ ਵਿੱਚ ਪੰਨਾ ਕੁਝ ਗੁਣਵੱਤਾ ਮੁੱਲ ਅਜ਼ਮਾਉਂਦਾ ਹੈ, ਉਸ ਸਭ ਤੋਂ ਉੱਚੇ ਮੁੱਲ ਤੇ ਟਿਕਦਾ ਹੈ ਜੋ ਅਜੇ ਵੀ 400 KB ਤੋਂ ਹੇਠਾਂ ਫਿੱਟ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਬੱਚਤ ਪ੍ਰਤੀਸ਼ਤ ਰਿਪੋਰਟ ਕਰਦਾ ਹੈ। ਸਿੰਗਲ ਫਾਈਲ ਲੈਣ ਲਈ ਕਾਰਡ ਤੇ ਡਾਊਨਲੋਡ ਕਲਿੱਕ ਕਰੋ, ਜਾਂ ਕਈ ਤਸਵੀਰਾਂ ਇੱਕੋ ਵਾਰ ਕੰਪ੍ਰੈੱਸ ਕੀਤੀਆਂ ਹੋਣ ਤਾਂ ਡਾਊਨਲੋਡ .zip ਕਲਿੱਕ ਕਰੋ। ਇਸ ਆਕਾਰ ਦੀ ਤਸਵੀਰ ਲਈ ਪੂਰਾ ਚੱਕਰ ਇੱਕ ਸਕਿੰਟ ਤੋਂ ਕਿਤੇ ਘੱਟ ਵਿੱਚ ਚੱਲਦਾ ਹੈ ਅਤੇ ਪੰਨਾ ਆਪ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਜ਼ੀਰੋ ਬੈਂਡਵਿਡਥ ਖਪਾਉਂਦਾ ਹੈ।
ਗੁਣਵੱਤਾ ਮੋਡ ਅਤੇ ਟਾਰਗੇਟ-ਆਕਾਰ ਮੋਡ ਵਿੱਚ ਕੀ ਫਰਕ ਹੈ?
ਗੁਣਵੱਤਾ ਮੋਡ ਤੁਹਾਨੂੰ 0.1 ਤੋਂ 1.0 ਤੱਕ ਇੱਕ ਸਲਾਈਡਰ ਦਿੰਦਾ ਹੈ ਜੋ JPEG ਜਾਂ WebP ਏਨਕੋਡਰ ਦੀ ਕੁਆਂਟਾਈਜ਼ੇਸ਼ਨ ਸੈਟਿੰਗ ਨਾਲ ਮੈਪ ਹੁੰਦਾ ਹੈ — ਘੱਟ ਨੰਬਰ ਮਤਲਬ ਛੋਟੀਆਂ ਫਾਈਲਾਂ ਅਤੇ ਵੱਧ ਦਿਸਣਯੋਗ ਆਰਟੀਫੈਕਟ। ਟਾਰਗੇਟ-ਆਕਾਰ ਮੋਡ ਸਮੱਸਿਆ ਨੂੰ ਉਲਟਾ ਦਿੰਦਾ ਹੈ: ਤੁਸੀਂ ਕਿਲੋਬਾਈਟਾਂ ਵਿੱਚ ਇੱਕ ਆਕਾਰ ਦੱਸਦੇ ਹੋ ਅਤੇ ਪੰਨਾ ਗੁਣਵੱਤਾ ਮੁੱਲ ਨੂੰ ਅੱਧਾ ਕਰਦਾ ਹੈ, ਕਈ ਵਾਰ ਏਨਕੋਡ ਕਰਦਾ ਹੈ ਜਦੋਂ ਤੱਕ ਉਹ ਸਭ ਤੋਂ ਉੱਚੀ ਗੁਣਵੱਤਾ ਨਹੀਂ ਲੱਭ ਲੈਂਦਾ ਜੋ ਅਜੇ ਵੀ ਤੁਹਾਡੇ ਬਜਟ ਤੋਂ ਹੇਠਾਂ ਫਿੱਟ ਹੋਵੇ। ਟਾਰਗੇਟ-ਆਕਾਰ ਉਦੋਂ ਕੰਮ ਆਉਂਦਾ ਹੈ ਜਦੋਂ ਸਖ਼ਤ ਸੀਮਾ ਮਾਇਨੇ ਰੱਖਦੀ ਹੈ (ਮੰਨ ਲਓ 1 MB ਅੱਪਲੋਡ ਸੀਮਾ); ਗੁਣਵੱਤਾ ਮੋਡ ਤੇਜ਼ ਹੈ ਅਤੇ ਉਦੋਂ ਬਿਹਤਰ ਜਦੋਂ ਤੁਹਾਨੂੰ ਬੱਸ ਇੱਕ ਅਨੁਮਾਨਯੋਗ ਦ੍ਰਿਸ਼ਟੀ ਨਤੀਜਾ ਚਾਹੀਦਾ ਹੈ। PNG ਨੁਕਸਾਨ-ਰਹਿਤ ਹੈ, ਇਸ ਲਈ ਇਸ ਤੇ ਕੋਈ ਵੀ ਮੋਡ ਲਾਗੂ ਨਹੀਂ ਹੁੰਦਾ।
ਕੀ ਇਹ ਮੇਰੇ ਡਿਵਾਈਸ ਤੇ ਹੁੰਦਾ ਹੈ?
ਹਾਂ, ਪੂਰੀ ਤਰ੍ਹਾਂ। ਪੰਨਾ ਹਰ ਤਸਵੀਰ ਨੂੰ ਮੈਮੋਰੀ ਵਿੱਚ ਡੀਕੋਡ ਅਤੇ ਮੁੜ-ਏਨਕੋਡ ਕਰਨ ਲਈ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਮੂਲ Canvas API ਅਤੇ Web File API ਵਰਤਦਾ ਹੈ। ਕੋਈ ਤਸਵੀਰ ਡੇਟਾ ਸਰਵਰ ਨੂੰ ਨਹੀਂ ਭੇਜਿਆ ਜਾਂਦਾ, ਕੋਈ ਅਸਥਾਈ ਅੱਪਲੋਡ ਨਹੀਂ, ਅਤੇ ਕੋਈ ਕਲਾਊਡ ਰਾਉਂਡ-ਟ੍ਰਿਪ ਨਹੀਂ। ਤੁਸੀਂ ਖੁਦ ਇਸਦੀ ਪੁਸ਼ਟੀ ਕਰ ਸਕਦੇ ਹੋ: DevTools ਖੋਲ੍ਹੋ, Network ਪੈਨਲ ਤੇ ਜਾਓ, ਅਤੇ ਇੱਕ ਕੰਪ੍ਰੈਸ਼ਨ ਚਲਾਓ। ਤੁਹਾਨੂੰ ਜੋ ਇਕੱਲੀਆਂ ਆਊਟਬਾਊਂਡ ਬੇਨਤੀਆਂ ਦਿਖਾਈ ਦੇਣਗੀਆਂ ਉਹ ਹਨ ਸ਼ੁਰੂਆਤੀ ਪੰਨਾ ਲੋਡ ਅਤੇ ਇਸ਼ਤਿਹਾਰ ਕਾਲਾਂ। ਤਸਵੀਰ-ਆਕਾਰ ਵਾਲੀ ਕੋਈ ਚੀਜ਼ ਟੈਬ ਤੋਂ ਬਾਹਰ ਨਹੀਂ ਜਾਂਦੀ।
ਇੱਕ PNG ਨੂੰ ਕੰਪ੍ਰੈੱਸ ਕਰਨ ਨਾਲ ਕਈ ਵਾਰ ਮੁਸ਼ਕਿਲ ਨਾਲ ਹੀ ਕਿਉਂ ਛੋਟੀ ਹੁੰਦੀ ਹੈ?
PNG ਇੱਕ ਨੁਕਸਾਨ-ਰਹਿਤ ਫਾਰਮੈਟ ਹੈ, ਇਸ ਲਈ Canvas API ਇਸਨੂੰ ਛੋਟਾ ਕਰਨ ਲਈ ਵੇਰਵਾ ਸੁੱਟ ਨਹੀਂ ਸਕਦਾ — ਇਹ ਕੇਵਲ ਉਨ੍ਹਾਂ ਹੀ ਪਿਕਸਲਾਂ ਨੂੰ ਮੁੜ-ਪੈਕ ਕਰ ਸਕਦਾ ਹੈ। ਫੋਟੋਗ੍ਰਾਫਾਂ ਲਈ, ਇੱਕ PNG ਪਹਿਲਾਂ ਹੀ ਵੱਡੀ ਹੁੰਦੀ ਹੈ ਅਤੇ ਨੁਕਸਾਨ-ਰਹਿਤ ਮੁੜ-ਏਨਕੋਡ ਥੋੜ੍ਹਾ ਹੀ ਬਚਾਉਂਦਾ ਹੈ। ਅਸਲ ਫਾਇਦਾ ਆਉਟਪੁੱਟ ਫਾਰਮੈਟ ਨੂੰ JPEG ਜਾਂ WebP ਵਿੱਚ ਬਦਲਣ ਨਾਲ ਆਉਂਦਾ ਹੈ, ਜੋ ਫੋਟੋਆਂ ਲਈ ਢੁਕਵੀਂ ਨੁਕਸਾਨ-ਸਹਿਤ ਕੰਪ੍ਰੈਸ਼ਨ ਵਰਤਦੇ ਹਨ ਅਤੇ ਆਮ ਤੌਰ ਤੇ 4 ਤੋਂ 10 ਗੁਣਾ ਛੋਟੇ ਉਤਰਦੇ ਹਨ। PNG ਕੇਵਲ ਉਦੋਂ ਰੱਖੋ ਜਦੋਂ ਤੁਹਾਨੂੰ ਨੁਕਸਾਨ-ਰਹਿਤ ਗੁਣਵੱਤਾ ਜਾਂ ਪਾਰਦਰਸ਼ਤਾ ਦੀ ਲੋੜ ਹੋਵੇ; ਨਹੀਂ ਤਾਂ ਫੋਟੋਆਂ ਲਈ JPEG ਜਾਂ ਸਭ ਤੋਂ ਵਧੀਆ ਆਕਾਰ-ਤੋਂ-ਗੁਣਵੱਤਾ ਸੰਤੁਲਨ ਲਈ WebP ਚੁਣੋ।
ਮੈਨੂੰ ਕਿਹੜਾ ਫਾਰਮੈਟ ਚੁਣਨਾ ਚਾਹੀਦਾ ਹੈ?
ਫੋਟੋਗ੍ਰਾਫਾਂ ਲਈ, ਗੁਣਵੱਤਾ 0.8 ਤੇ WebP ਸਭ ਤੋਂ ਵਧੀਆ ਆਕਾਰ-ਤੋਂ-ਗੁਣਵੱਤਾ ਸੰਤੁਲਨ ਦਿੰਦਾ ਹੈ ਅਤੇ 2021 ਤੋਂ ਭੇਜੇ ਹਰ ਬ੍ਰਾਊਜ਼ਰ ਦੁਆਰਾ ਸਮਰਥਿਤ ਹੈ; JPEG ਸੁਰੱਖਿਅਤ ਸਰਵ-ਵਿਆਪੀ ਫਾਲਬੈਕ ਹੈ ਜਦੋਂ ਮੰਜ਼ਿਲ ਪੁਰਾਣੀ ਜਾਂ ਸਖ਼ਤ ਹੋਵੇ। PNG ਕੇਵਲ ਉਦੋਂ ਚੁਣੋ ਜਦੋਂ ਤੁਹਾਨੂੰ ਨੁਕਸਾਨ-ਰਹਿਤ ਗੁਣਵੱਤਾ ਜਾਂ ਅਲਫਾ ਚੈਨਲ ਦੀ ਲੋੜ ਹੋਵੇ — ਲਾਈਨ ਆਰਟ, UI ਸਕ੍ਰੀਨਸ਼ੌਟ, ਪਾਰਦਰਸ਼ਤਾ ਵਾਲੇ ਲੋਗੋ। ਜੇ ਤੁਸੀਂ ਪੰਨਾ ਗਤੀ ਲਈ ਅਨੁਕੂਲ ਬਣਾ ਰਹੇ ਹੋ ਅਤੇ ਤੁਹਾਡੇ ਦਰਸ਼ਕ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਵਰਤਦੇ ਹਨ, ਤਾਂ WebP ਲਗਭਗ ਹਮੇਸ਼ਾ ਸਹੀ ਚੋਣ ਹੈ; ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਪੁਰਾਣੇ CMS ਜਾਂ ਪ੍ਰਿੰਟ ਪਾਈਪਲਾਈਨ ਨੂੰ ਫੀਡ ਕਰ ਰਹੇ ਹੋ ਜੋ WebP ਰੱਦ ਕਰਦੀ ਹੈ, ਤਾਂ JPEG ਨਾਲ ਟਿਕੇ ਰਹੋ।
ਆਪਣੀਆਂ ਤਸਵੀਰਾਂ ਪਾਓ, ਇੱਕ ਗੁਣਵੱਤਾ ਪੱਧਰ ਜਾਂ ਟਾਰਗੇਟ ਆਕਾਰ ਚੁਣੋ, ਕੰਪ੍ਰੈੱਸ ਕਰੋ। ਸਭ ਕੁਝ ਤੁਹਾਡੀ ਟੈਬ ਵਿੱਚ ਚੱਲਦਾ ਹੈ। ਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ, ਕੋਈ ਖਾਤਾ ਨਹੀਂ, ਸਰਵਰ ਕਤਾਰ ਦੀ ਕੋਈ ਉਡੀਕ ਨਹੀਂ।