ਤਸਵੀਰਾਂ ਰੀਸਾਈਜ਼ ਕਰੋ _

ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ ਤਸਵੀਰ ਰੀਸਾਈਜ਼ਿੰਗ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀ ਹੈ

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

1. ਹਰ ਅੱਪਲੋਡ ਕੀਤੀ ਫਾਈਲ ਨੂੰ Blob ਵਜੋਂ ਪੜ੍ਹੋ ਅਤੇ ਇੱਕ ਆਬਜੈਕਟ URL ਬਣਾਓ ਤਾਂ ਕਿ ਬ੍ਰਾਊਜ਼ਰ ਇਸਨੂੰ ਸਥਾਨਕ ਤੌਰ ਤੇ ਡੀਕੋਡ ਕਰ ਸਕੇ, ਬਾਈਟਾਂ ਨੂੰ ਸਰਵਰ ਤੇ ਕਾਪੀ ਕੀਤੇ ਜਾਂ ਡਿਸਕ ਤੇ ਲਿਖੇ ਬਿਨਾਂ।
2. ਤੁਹਾਡੇ ਚੁਣੇ ਮੋਡ ਤੋਂ ਟਾਰਗੇਟ ਮਾਪ ਕੱਢੋ — ਇੱਕ ਸਭ-ਤੋਂ-ਲੰਮੀ-ਬਾਹੀ ਸੀਮਾ, ਇੱਕ ਸਹੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ, ਜਾਂ ਇੱਕ ਪ੍ਰਤੀਸ਼ਤ ਸਕੇਲ। ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਖੇਤਰ ਬਦਲਦੇ ਹੋ ਤਾਂ ਐਸਪੈਕਟ-ਰੇਸ਼ੋ ਲੌਕ ਅਨੁਪਾਤ ਸਹੀ ਰੱਖਦਾ ਹੈ।
3. ਟਾਰਗੇਟ ਆਕਾਰ ਤੇ ਇੱਕ ਆਫਸਕ੍ਰੀਨ Canvas ਬਣਾਓ ਅਤੇ ਡੀਕੋਡ ਕੀਤੇ ਪਿਕਸਲ ਮੁੜ-ਖਿੱਚਣ ਲਈ ctx.drawImage(source, 0, 0, width, height) ਕਾਲ ਕਰੋ। ਸਕੇਲ ਕੀਤੇ ਨਤੀਜੇ ਨੂੰ ਸਮੂਥ ਕਰਨ ਵਾਲਾ interpolation ਬ੍ਰਾਊਜ਼ਰ ਸੰਭਾਲਦਾ ਹੈ।
4. ਸਰੋਤ ਫਾਰਮੈਟ ਵਿੱਚ ਮੁੜ-ਏਨਕੋਡ ਕਰਨ ਲਈ canvas.toBlob ਕਾਲ ਕਰੋ। PNG ਨੁਕਸਾਨ-ਰਹਿਤ ਰਹਿੰਦੀ ਹੈ, JPEG ਅਤੇ WebP ਉੱਚ ਗੁਣਵੱਤਾ ਤੇ ਮੁੜ-ਏਨਕੋਡ ਹੁੰਦੇ ਹਨ। ਫਿਰ ਪੰਨਾ ਇੱਕ ਪਹਿਲਾਂ/ਬਾਅਦ ਕਾਰਡ ਦਿਖਾਉਂਦਾ ਹੈ ਅਤੇ ਪ੍ਰਤੀ-ਤਸਵੀਰ ਡਾਊਨਲੋਡ ਜਾਂ fflate ਨਾਲ ਮੈਮੋਰੀ ਵਿੱਚ ਬਣਿਆ ਇੱਕ ਸਿੰਗਲ ZIP ਪੇਸ਼ ਕਰਦਾ ਹੈ।

ਤਸਵੀਰਾਂ ਕਿਉਂ ਰੀਸਾਈਜ਼ ਕਰੋ?

• ਵੱਧ ਆਕਾਰ ਵਾਲੀਆਂ ਤਸਵੀਰਾਂ ਹੌਲੀ ਪੰਨਿਆਂ ਦਾ ਸਭ ਤੋਂ ਆਮ ਕਾਰਨ ਹਨ। 600-ਪਿਕਸਲ ਚੌੜੇ ਲੇਆਊਟ ਵਿੱਚ ਸਿੱਧਾ ਪਾਇਆ 4000×3000 ਫੋਨ ਫੋਟੋ ਸਕ੍ਰੀਨ ਦਿਖਾ ਸਕਣ ਨਾਲੋਂ ਲਗਭਗ 40 ਗੁਣਾ ਵੱਧ ਪਿਕਸਲ ਭੇਜਦਾ ਹੈ। ਅੱਪਲੋਡ ਤੋਂ ਪਹਿਲਾਂ ਸਭ ਤੋਂ ਲੰਮੀ ਬਾਹੀ ਨੂੰ 1600 px ਤੱਕ ਸੀਮਤ ਕਰਨ ਨਾਲ ਪੰਨੇ ਦਾ ਭਾਰ ਬਹੁਤ ਘਟਦਾ ਹੈ ਅਤੇ Core Web Vitals LCP ਸੁਧਰਦਾ ਹੈ।
• ਅੱਪਲੋਡ ਫਾਰਮ ਸਖ਼ਤ ਮਾਪ ਲਾਗੂ ਕਰਦੇ ਹਨ। ਅਵਤਾਰ ਸਲੌਟ, ID-ਫੋਟੋ ਪੋਰਟਲ, ਮਾਰਕੀਟਪਲੇਸ ਲਿਸਟਿੰਗ ਅਤੇ OG ਸੋਸ਼ਲ ਕਾਰਡ ਸਾਰੇ ਖਾਸ ਪਿਕਸਲ ਆਕਾਰ ਮੰਗਦੇ ਹਨ: Open Graph ਪ੍ਰੀਵਿਊ ਲਈ 1200×630, ਐਪ ਆਈਕਨ ਲਈ 512×512, ਥੰਬਨੇਲ ਲਈ 150×150। ਨੰਬਰ ਬਿਲਕੁਲ ਠੀਕ ਪਕੜੋ ਅਤੇ ਰੱਦ-ਹੋਏ-ਅੱਪਲੋਡ ਦੇ ਚੱਕਰ ਤੋਂ ਬਚੋ।
• ਈਮੇਲ ਅਤੇ ਚੈਟ ਸਾਧਨ ਚੁੱਪ-ਚਾਪ ਕਿਸੇ ਵੀ ਵੱਡੀ ਚੀਜ਼ ਨੂੰ ਮੁੜ-ਕੰਪ੍ਰੈੱਸ ਕਰਦੇ ਹਨ, ਜੋ ਕਿਸੇ ਸਾਫ਼ ਸਕ੍ਰੀਨਸ਼ੌਟ ਨੂੰ ਖਰਾਬ ਕਰ ਸਕਦਾ ਹੈ। ਖੁਦ ਇੱਕ ਠੀਕ ਚੌੜਾਈ ਤੱਕ ਰੀਸਾਈਜ਼ ਕਰਨ ਨਾਲ ਨਤੀਜਾ ਅਨੁਮਾਨਯੋਗ ਰਹਿੰਦਾ ਹੈ, ਕਿਸੇ ਹੋਰ ਦੀ ਨੁਕਸਾਨ-ਸਹਿਤ ਪਾਈਪਲਾਈਨ ਤੇ ਛੱਡਣ ਦੀ ਥਾਂ।
• ਗੈਲਰੀਆਂ ਅਤੇ ਕੈਟਾਲਾਗਾਂ ਲਈ ਬੈਚ ਇਕਸਾਰਤਾ ਮਾਇਨੇ ਰੱਖਦੀ ਹੈ। ਮਿਸ਼੍ਰਤ-ਆਕਾਰ ਦੀਆਂ ਫੋਟੋਆਂ ਵਾਲੇ ਫੋਲਡਰ ਨੂੰ ਇੱਕੋ 800×800 ਟਾਰਗੇਟ ਰਾਹੀਂ ਚਲਾਉਣ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਹਰ ਕਾਰਡ ਗ੍ਰਿਡ ਤੇ ਇੱਕ-ਸਾਰ ਲੱਗੇ, ਕੋਈ ਅਵਾਰਾ ਵੱਡੀ ਤਸਵੀਰ ਲੇਆਊਟ ਤੋੜੇ ਬਿਨਾਂ।

ਆਮ ਵਰਤੋਂਆਂ

ਜਦੋਂ ਵੀ ਸਰੋਤ ਮਾਪ ਅਤੇ ਮੰਜ਼ਿਲ ਦੀਆਂ ਉਮੀਦਾਂ ਮੇਲ ਨਾ ਖਾਣ ਤਾਂ ਰੀਸਾਈਜ਼ਿੰਗ ਆਉਂਦੀ ਹੈ। ਤਿੰਨ ਪੈਟਰਨ ਵਾਰ-ਵਾਰ ਦਿਖਦੇ ਹਨ।

• ਕਿਸੇ Shopify ਜਾਂ WooCommerce ਸਟੋਰ ਲਈ ਉਤਪਾਦ ਫੋਟੋਆਂ ਤਿਆਰ ਕਰਨਾ। 4000-ਪਿਕਸਲ ਦੇ ਕੈਮਰਾ ਮੂਲ ਦਾ ਫੋਲਡਰ 1600 px ਦੀ ਸਭ ਤੋਂ ਲੰਮੀ ਬਾਹੀ ਤੱਕ ਸੀਮਤ ਹੁੰਦਾ ਹੈ ਤਾਂ ਜੋ ਸਟੋਰਫ੍ਰੰਟ ਤੇਜ਼ ਲੋਡ ਹੋਵੇ, ਜਦਕਿ ਐਸਪੈਕਟ ਰੇਸ਼ੋ ਅਛੂਤਾ ਰਹਿੰਦਾ ਹੈ ਤਾਂ ਜੋ ਕੁਝ ਵੀ ਖਿੱਚਿਆ ਨਾ ਲੱਗੇ।
• ਇੱਕ ਮਾਸਟਰ ਫਾਈਲ ਤੋਂ ਸੋਸ਼ਲ ਅਤੇ ਐਪ ਐਸੈੱਟ ਬਣਾਉਣਾ। Open Graph ਕਾਰਡ ਲਈ ਸਹੀ 1200×630 ਸੈੱਟ ਕਰੋ, ਫਿਰ ਐਪ ਆਈਕਨ ਲਈ 512×512, ਭਾਰੀ ਏਡੀਟਰ ਖੋਲ੍ਹੇ ਬਿਨਾਂ ਹਰੇਕ ਨੂੰ ਦੋ-ਚਾਰ ਕਲਿੱਕਾਂ ਵਿੱਚ ਐਕਸਪੋਰਟ ਕਰੋ।
• ਕਿਸੇ ਟਿਕਟ ਨਾਲ ਜੋੜਨ ਤੋਂ ਪਹਿਲਾਂ QA ਜਾਂ ਸਪੋਰਟ ਸਕ੍ਰੀਨਸ਼ੌਟਾਂ ਦੇ ਬੈਚ ਨੂੰ ਛੋਟਾ ਕਰਨਾ। 50-ਸ਼ੌਟ ਦੇ ਫੋਲਡਰ ਨੂੰ 50% ਤੇ ਸਕੇਲ ਕਰਨ ਨਾਲ bug tracker ਵਿੱਚ ਜਾਣ ਤੋਂ ਪਹਿਲਾਂ ਆਰਕਾਈਵ ਆਕਾਰ ਆਮ ਤੌਰ ਤੇ ਲਗਭਗ ਤਿੰਨ-ਚੌਥਾਈ ਘਟ ਜਾਂਦਾ ਹੈ।

ਇੱਕ ਕੰਮ ਕੀਤੀ ਉਦਾਹਰਣ: 4000 px ਫੋਟੋ ਤੋਂ 1600 px ਵੈੱਬ ਤਸਵੀਰ

ਫੋਨ ਤੋਂ ਸਿੱਧਾ ਆਇਆ 4000×3000 ਫੋਟੋ ਇੱਕ ਆਮ ਪੇਲੋਡ ਹੈ ਜੋ ਕਿਸੇ ਵੀ ਵੈੱਬ ਲੇਆਊਟ ਦੀ ਲੋੜ ਨਾਲੋਂ ਕਿਤੇ ਵੱਡਾ ਹੈ। ਰੀਸਾਈਜ਼ਿੰਗ ਕੀ ਬਚਾਉਂਦੀ ਹੈ ਇਸਦਾ ਇਹ ਇੱਕ ਚੰਗਾ ਮਾਪਦੰਡ ਹੈ।

ਫੋਟੋ ਨੂੰ ਅੱਪਲੋਡ ਜ਼ੋਨ ਵਿੱਚ ਪਾਓ, ਮੋਡ ਨੂੰ ਸਭ ਤੋਂ ਲੰਮੀ ਬਾਹੀ ਸੀਮਤ ਕਰੋ ਤੇ ਰਹਿਣ ਦਿਓ, ਅਤੇ ਮੁੱਲ 1600 ਸੈੱਟ ਕਰੋ। Canvas ਪਾਈਪਲਾਈਨ ਤਸਵੀਰ ਨੂੰ ਐਸਪੈਕਟ ਰੇਸ਼ੋ ਕਾਇਮ ਰੱਖਦਿਆਂ 1600×1200 ਤੇ ਮੁੜ-ਖਿੱਚਦੀ ਹੈ, ਫਿਰ ਸਰੋਤ ਫਾਰਮੈਟ ਵਿੱਚ ਮੁੜ-ਏਨਕੋਡ ਕਰਦੀ ਹੈ। ਆਉਟਪੁੱਟ ਕਾਰਡ ਨਵੇਂ ਮਾਪ ਅਤੇ ਫਾਈਲ ਆਕਾਰ ਦਿਖਾਉਂਦਾ ਹੈ, ਜੋ ਇੱਕ ਆਮ JPEG ਲਈ ਕਈ ਮੈਗਾਬਾਈਟਾਂ ਤੋਂ ਘਟ ਕੇ ਕੁਝ ਸੌ ਕਿਲੋਬਾਈਟ ਤੱਕ ਆ ਜਾਂਦਾ ਹੈ। ਇੱਕ ਫਾਈਲ ਲੈਣ ਲਈ ਕਾਰਡ ਤੇ Download ਕਲਿੱਕ ਕਰੋ, ਜਾਂ ਜੇ ਤੁਸੀਂ ਇੱਕੋ ਵਾਰ ਕਈ ਤਸਵੀਰਾਂ ਰੀਸਾਈਜ਼ ਕੀਤੀਆਂ ਹਨ ਤਾਂ Download .zip ਕਲਿੱਕ ਕਰੋ। ਪਾਉਣ ਤੋਂ ਡਾਊਨਲੋਡ ਤੱਕ ਪੂਰਾ ਚੱਕਰ ਇੱਕ ਸਕਿੰਟ ਦੇ ਇੱਕ ਅੰਸ਼ ਵਿੱਚ ਚੱਲਦਾ ਹੈ ਅਤੇ ਪੰਨਾ ਆਪ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਜ਼ੀਰੋ ਬੈਂਡਵਿਡਥ ਖਪਾਉਂਦਾ ਹੈ।

ਕਿਹੜੇ ਰੀਸਾਈਜ਼ ਮੋਡ ਉਪਲਬਧ ਹਨ?

ਤਿੰਨ। ਸਭ ਤੋਂ ਲੰਮੀ ਬਾਹੀ ਸੀਮਤ ਕਰੋ ਚੌੜਾਈ ਜਾਂ ਉਚਾਈ ਵਿੱਚੋਂ ਲੰਮੀ ਨੂੰ ਇੱਕ ਪਿਕਸਲ ਮੁੱਲ ਤੱਕ ਸੀਮਤ ਕਰਦਾ ਹੈ ਅਤੇ ਦੂਜੀ ਬਾਹੀ ਨੂੰ ਮੇਲਣ ਲਈ ਸਕੇਲ ਕਰਦਾ ਹੈ, ਜੋ ਸੁਰੱਖਿਅਤ ਡਿਫੌਲਟ ਹੈ ਕਿਉਂਕਿ ਇਹ ਕਦੇ ਵਿਗਾੜਦਾ ਨਹੀਂ। ਸਹੀ ਚੌੜਾਈ × ਉਚਾਈ ਤੁਹਾਨੂੰ ਦੋਵੇਂ ਨੰਬਰ ਟਾਈਪ ਕਰਨ ਦਿੰਦਾ ਹੈ, ਇੱਕ ਐਸਪੈਕਟ-ਰੇਸ਼ੋ ਲੌਕ ਨਾਲ ਜੋ ਤੁਹਾਡੇ ਪਹਿਲੀ ਬਦਲਦਿਆਂ ਦੂਜੀ ਖੇਤਰ ਨੂੰ ਸਰੋਤ ਅਨੁਪਾਤ ਤੋਂ ਮੁੜ-ਗਣਦਾ ਹੈ — ਜਦੋਂ ਕੋਈ ਫਾਰਮ ਸਹੀ ਗੈਰ-ਅਨੁਪਾਤੀ ਆਕਾਰ ਮੰਗੇ ਤਾਂ ਲੌਕ ਬੰਦ ਕਰੋ। ਪ੍ਰਤੀਸ਼ਤ ਅਨੁਸਾਰ ਸਕੇਲ ਦੋਵੇਂ ਮਾਪਾਂ ਨੂੰ ਇੱਕੋ ਗੁਣਕ ਨਾਲ ਗੁਣਾ ਕਰਦਾ ਹੈ, ਪੂਰੇ ਬੈਚ ਨੂੰ ਇੱਕੋ ਵਾਰ ਅੱਧਾ ਜਾਂ ਦੁੱਗਣਾ ਕਰਨ ਲਈ ਕੰਮ ਦਾ। ਛੇ ਇੱਕ-ਕਲਿੱਕ ਪ੍ਰੀਸੈੱਟ (1920×1080 ਤੋਂ 150×150 ਥੰਬਨੇਲ ਤੱਕ) ਸਭ ਤੋਂ ਆਮ ਟਾਰਗੇਟ ਕਵਰ ਕਰਦੇ ਹਨ।

ਕੀ ਇਹ ਮੇਰੇ ਡਿਵਾਈਸ ਤੇ ਹੁੰਦਾ ਹੈ?

ਹਾਂ, ਪੂਰੀ ਤਰ੍ਹਾਂ। ਪੰਨਾ ਹਰ ਤਸਵੀਰ ਨੂੰ ਮੈਮੋਰੀ ਵਿੱਚ ਡੀਕੋਡ, ਮੁੜ-ਖਿੱਚਣ ਅਤੇ ਮੁੜ-ਏਨਕੋਡ ਕਰਨ ਲਈ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਮੂਲ Canvas API ਅਤੇ Web File API ਵਰਤਦਾ ਹੈ। ਕੋਈ ਤਸਵੀਰ ਡੇਟਾ ਸਰਵਰ ਨੂੰ ਨਹੀਂ ਭੇਜਿਆ ਜਾਂਦਾ, ਕੋਈ ਅਸਥਾਈ ਅੱਪਲੋਡ ਨਹੀਂ, ਅਤੇ ਕੋਈ ਕਲਾਊਡ ਰਾਉਂਡ-ਟ੍ਰਿਪ ਨਹੀਂ। ਤੁਸੀਂ ਖੁਦ ਇਸਦੀ ਪੁਸ਼ਟੀ ਕਰ ਸਕਦੇ ਹੋ: DevTools ਖੋਲ੍ਹੋ, Network ਪੈਨਲ ਤੇ ਜਾਓ, ਅਤੇ ਇੱਕ ਰੀਸਾਈਜ਼ ਚਲਾਓ। ਤੁਹਾਨੂੰ ਜੋ ਇਕੱਲੀਆਂ ਆਊਟਬਾਊਂਡ ਬੇਨਤੀਆਂ ਦਿਖਾਈ ਦੇਣਗੀਆਂ ਉਹ ਹਨ ਸ਼ੁਰੂਆਤੀ ਪੰਨਾ ਲੋਡ ਅਤੇ ਇਸ਼ਤਿਹਾਰ ਕਾਲਾਂ। ਤਸਵੀਰ-ਆਕਾਰ ਵਾਲੀ ਕੋਈ ਚੀਜ਼ ਟੈਬ ਤੋਂ ਬਾਹਰ ਨਹੀਂ ਜਾਂਦੀ, ਜੋ ਇਸਨੂੰ ਸਕੈਨ ਕੀਤੇ ID, ਮੈਡੀਕਲ ਤਸਵੀਰਾਂ ਅਤੇ ਹੋਰ ਸਮੱਗਰੀ ਲਈ ਸੁਰੱਖਿਅਤ ਬਣਾਉਂਦਾ ਹੈ ਜੋ ਤੁਸੀਂ ਕਦੇ ਅੱਪਲੋਡ ਨਹੀਂ ਕਰਨਾ ਚਾਹੋਗੇ।

ਕੀ ਰੀਸਾਈਜ਼ਿੰਗ ਗੁਣਵੱਤਾ ਘਟਾਏਗੀ?

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

ਇਹ ਕਿਹੜੇ ਫਾਈਲ ਫਾਰਮੈਟ ਸਮਰਥਿਤ ਕਰਦਾ ਹੈ?

ਇਨਪੁੱਟ ਪਾਸੇ, ਕੋਈ ਵੀ ਫਾਰਮੈਟ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਡੀਕੋਡ ਕਰ ਸਕੇ ਸਵੀਕਾਰ ਹੈ: PNG, JPEG, WebP, GIF ਅਤੇ BMP ਫੋਨ, ਕੈਮਰਾ ਜਾਂ ਸਕ੍ਰੀਨਸ਼ੌਟ ਟੂਲ ਦੁਆਰਾ ਬਣਾਈ ਲਗਭਗ ਹਰ ਫਾਈਲ ਨੂੰ ਕਵਰ ਕਰਦੇ ਹਨ। ਆਉਟਪੁੱਟ ਜਿੱਥੇ Canvas ਏਨਕੋਡਰ ਸਮਰਥਨ ਕਰਦਾ ਹੈ ਉੱਥੇ ਸਰੋਤ ਫਾਰਮੈਟ ਕਾਇਮ ਰੱਖਦਾ ਹੈ — PNG, JPEG ਅਤੇ WebP ਸਿੱਧਾ round-trip ਹੁੰਦੇ ਹਨ। GIF ਅਤੇ BMP, ਜਿਨ੍ਹਾਂ ਨੂੰ Canvas API ਡੀਕੋਡ ਕਰ ਸਕਦੀ ਹੈ ਪਰ ਮੁੜ-ਏਨਕੋਡ ਨਹੀਂ, ਉਨ੍ਹਾਂ ਨੂੰ ਬਜਾਏ ਨੁਕਸਾਨ-ਰਹਿਤ PNG ਵਜੋਂ ਸੁਰੱਖਿਅਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਰੀਸਾਈਜ਼ ਕੀਤੀ ਫਾਈਲ ਦੇ ਨਾਮ ਵਿੱਚ ਨਵੇਂ ਮਾਪ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ (ਉਦਾਹਰਣ ਲਈ photo-1600x1200.jpg) ਤਾਂ ਜੋ ਬੈਚ ਨੂੰ ਛਾਂਟਣਾ ਸੌਖਾ ਰਹੇ।

ਆਪਣੀਆਂ ਤਸਵੀਰਾਂ ਪਾਓ, ਇੱਕ ਆਕਾਰ ਚੁਣੋ, ਰੀਸਾਈਜ਼ ਕਰੋ। ਸਭ ਕੁਝ ਤੁਹਾਡੀ ਟੈਬ ਵਿੱਚ ਚੱਲਦਾ ਹੈ। ਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ, ਕੋਈ ਖਾਤਾ ਨਹੀਂ, ਸਰਵਰ ਕਤਾਰ ਦੀ ਕੋਈ ਉਡੀਕ ਨਹੀਂ।