ਤੁਹਾਨੂੰ ਅੱਜ ਆਪਣੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਐਸਵੀਜੀ ਦੀ ਵਰਤੋਂ ਕਿਉਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ

ਸਕੇਲੇਬਲ ਵੈਕਟਰ ਗਰਾਫਿਕਸ ਦੀ ਵਰਤੋਂ ਦੇ ਫਾਇਦੇ

ਸਕੈਲੇਬਲ ਵੈਕਟਰ ਗਰਾਫਿਕਸ, ਜਾਂ ਐਸ ਵੀਜੀ, ਵੈਬਸਾਈਟ ਡਿਜਾਈਨ ਵਿੱਚ ਅੱਜ ਮਹੱਤਵਪੂਰਨ ਭੂਮਿਕਾ ਅਦਾ ਕਰਦੇ ਹਨ. ਜੇ ਤੁਸੀਂ ਇਸ ਸਮੇਂ ਆਪਣੇ ਵੈਬ ਡਿਜ਼ਾਈਨ ਦੇ ਕੰਮ ਵਿਚ ਐਸ ਵੀਜੀ ਨਹੀਂ ਵਰਤ ਰਹੇ ਹੋ, ਤਾਂ ਇੱਥੇ ਕੁਝ ਕਾਰਨ ਹਨ ਜਿਨ੍ਹਾਂ ਕਰਕੇ ਤੁਸੀਂ ਅਜਿਹਾ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ, ਨਾਲ ਹੀ ਫਾਲਬੈਕ ਜਿਹੜੀਆਂ ਤੁਸੀਂ ਪੁਰਾਣੇ ਬ੍ਰਾਉਜ਼ਰ ਲਈ ਵਰਤ ਸਕਦੇ ਹੋ ਜੋ ਇਹਨਾਂ ਫਾਈਲਾਂ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੇ.

ਰੈਜ਼ੋਲੂਸ਼ਨ

SVG ਦਾ ਸਭ ਤੋਂ ਵੱਡਾ ਫਾਇਦਾ ਹੈ ਸੁਤੰਤਰਤਾ ਦਾ ਮਤਾ. ਕਿਉਂਕਿ SVG ਫਾਈਲਾਂ ਪਿਕਸਲ-ਆਧਾਰਿਤ ਰਾਸਟਰ ਚਿੱਤਰਾਂ ਦੀ ਬਜਾਇ ਵੈਕਟਰ ਗਰਾਫਿਕਸ ਹਨ, ਉਹਨਾਂ ਨੂੰ ਕਿਸੇ ਵੀ ਚਿੱਤਰ ਦੀ ਗੁਣਵੱਤਾ ਨੂੰ ਗਵਾਉਣ ਤੋਂ ਬਗੈਰ ਮੁੜ ਆਕਾਰ ਦਿੱਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਇਹ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਮਦਦਗਾਰ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਜਵਾਬਦੇਹ ਵੈਬਸਾਈਟਾਂ ਬਣਾ ਰਹੇ ਹੁੰਦੇ ਹੋ ਜੋ ਚੰਗੀ ਦੇਖਣਾ ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਸਕ੍ਰੀਨ ਅਕਾਰ ਅਤੇ ਡਿਵਾਈਸਾਂ ਤੇ ਚੰਗੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਨ ਦੀ ਲੋੜ ਹੈ .

SVG ਫਾਈਲਾਂ ਨੂੰ ਤੁਹਾਡੇ ਜਵਾਬਦੇਹ ਵੈਬਸਾਈਟ ਦੀ ਬਦਲ ਰਹੇ ਆਕਾਰ ਅਤੇ ਖਾਕੇ ਦੀਆਂ ਲੋੜਾਂ ਦੇ ਅਨੁਕੂਲ ਕਰਨ ਲਈ ਹੇਠਾਂ ਜਾਂ ਘੱਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਉਨ੍ਹਾਂ ਗ੍ਰਾਹਕਾਂ ਬਾਰੇ ਚਿੰਤਾ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ ਜਿਸ ਨਾਲ ਸਮਝੌਤਾ ਕੀਤੀ ਗਈ ਕੁਆਲਿਟੀ ਦੇ ਕਿਸੇ ਵੀ ਕਦਮ.

ਫਾਇਲ ਆਕਾਰ

ਜਵਾਬਦੇਹ ਵੈਬਸਾਈਟਾਂ ਤੇ ਰਾਸਟਰ ਚਿੱਤਰਾਂ (JPG, PNG, GIF) ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੀਆਂ ਚੁਣੌਤੀਆਂ ਵਿੱਚੋਂ ਇੱਕ ਉਹ ਤਸਵੀਰਾਂ ਦਾ ਆਕਾਰ ਹੈ. ਕਿਉਂਕਿ ਰੇਸਟਰ ਚਿੱਤਰਾਂ ਨੂੰ ਉਹ ਵੈਕਟਰ ਨਹੀਂ ਵੱਜਦੇ ਜਿਸ ਵੈਕਟਰ ਨੂੰ ਕਰਦੇ ਹਨ, ਤੁਹਾਨੂੰ ਆਪਣੇ ਪਿਕਸਲ-ਆਧਾਰਿਤ ਚਿੱਤਰਾਂ ਨੂੰ ਉਹ ਸਭ ਤੋਂ ਵੱਡੇ ਆਕਾਰ ਦੇਣ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ ਜਿਸ ਤੇ ਉਹ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਣਗੇ. ਇਹ ਇਸ ਲਈ ਹੈ ਕਿਉਂਕਿ ਤੁਸੀਂ ਹਮੇਸ਼ਾਂ ਇਕ ਚਿੱਤਰ ਨੂੰ ਛੋਟਾ ਬਣਾ ਸਕਦੇ ਹੋ ਅਤੇ ਇਸਦੀ ਕੁਆਲਟੀ ਬਰਕਰਾਰ ਰੱਖ ਸਕਦੇ ਹੋ, ਪਰ ਚਿੱਤਰ ਵੱਡੇ ਬਣਾਉਣ ਲਈ ਇਹ ਬਿਲਕੁਲ ਸਹੀ ਨਹੀਂ ਹੈ. ਅੰਤ ਵਿੱਚ ਨਤੀਜਾ ਇਹ ਹੁੰਦਾ ਹੈ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਅਕਸਰ ਅਜਿਹੇ ਚਿੱਤਰ ਹੁੰਦੇ ਹਨ ਜੋ ਕਿਸੇ ਵਿਅਕਤੀ ਦੀ ਸਕਰੀਨ ਤੇ ਦਿਖਾਈ ਦੇਣ ਨਾਲੋਂ ਬਹੁਤ ਜ਼ਿਆਦਾ ਹਨ, ਜਿਸਦਾ ਅਰਥ ਇਹ ਹੈ ਕਿ ਉਹ ਬਿਨਾਂ ਕਿਸੇ ਵੱਡੀ ਫਾਈਲ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰਨ ਲਈ ਮਜ਼ਬੂਰ ਹੋ ਰਹੇ ਹਨ.

ਐਸ ਵੀ ਜੀ ਜੀ ਇਸ ਚੁਣੌਤੀ ਨੂੰ ਸੰਬੋਧਿਤ ਕਰਦੇ ਹਨ ਕਿਉਂਕਿ ਵੈਕਟਰ ਗਰਾਫਿਕਸ ਸਕੇਲੇਬਲ ਹਨ, ਇਸਲਈ ਤੁਹਾਡੇ ਕੋਲ ਬਹੁਤ ਘੱਟ ਫਾਈਲ ਅਕਾਰ ਹੋ ਸਕਦੀਆਂ ਹਨ ਇਸ ਗੱਲ ਦੀ ਪਰਵਾਹ ਕੀਤੇ ਬਿਨਾਂ ਕਿ ਇਹ ਚਿੱਤਰ ਕਿੰਨੇ ਵੱਡੇ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ. ਇਸ ਦਾ ਅੰਤ ਸਾਈਟ ਦੇ ਸਮੁੱਚੇ ਕਾਰਗੁਜ਼ਾਰੀ ਅਤੇ ਡਾਊਨਲੋਡ ਸਪੀਡ 'ਤੇ ਸਕਾਰਾਤਮਕ ਅਸਰ ਪਾਵੇਗਾ.

CSS ਸਟੀਲਿੰਗ

SVG ਕੋਡ ਨੂੰ ਸਿੱਧੇ ਇੱਕ ਸਫ਼ੇ ਦੇ HTML ਵਿੱਚ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ. ਇਸ ਨੂੰ "ਇਨਲਾਈਨ ਐਸ ਵੀਜੀ." ਦੇ ਤੌਰ ਤੇ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ. ਇੰਨਲਾਈਨ ਐਸ ਵੀਜੀ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ ਇੱਕ ਲਾਭ ਇਹ ਹੈ ਕਿ ਕਿਉਂਕਿ ਗਰਾਫਿਕਸ ਵਾਸਤਵਿਕ ਤੁਹਾਡੇ ਕੋਡ ਦੇ ਅਧਾਰ 'ਤੇ ਬਰਾਊਜ਼ਰ ਦੁਆਰਾ ਖਿੱਚੇ ਗਏ ਹਨ, ਇੱਥੇ ਇੱਕ ਚਿੱਤਰ ਫਾਇਲ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਇੱਕ HTTP ਬੇਨਤੀ ਬਣਾਉਣ ਦੀ ਕੋਈ ਲੋੜ ਨਹੀਂ ਹੈ. ਇਕ ਹੋਰ ਲਾਭ ਇਹ ਹੈ ਕਿ ਇਨਲਾਈਨ SVG ਨੂੰ CSS ਨਾਲ ਸਟਾਇਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ.

ਇੱਕ SVG ਆਈਕਨ ਦਾ ਰੰਗ ਬਦਲਣ ਦੀ ਲੋੜ ਹੈ? ਉਸ ਚਿੱਤਰ ਨੂੰ ਕਿਸੇ ਕਿਸਮ ਦੇ ਐਡੀਟਿੰਗ ਸੌਫਟਵੇਅਰ ਵਿੱਚ ਖੋਲ੍ਹਣ ਅਤੇ ਨਿਰਯਾਤ ਕਰਨ ਅਤੇ ਫਾਈਲ ਨੂੰ ਦੁਬਾਰਾ ਅਪਲੋਡ ਕਰਨ ਦੀ ਬਜਾਏ, ਤੁਸੀਂ CSS ਦੀ ਕੁੱਝ ਲਾਈਨਾਂ ਦੇ ਨਾਲ ਕੇਵਲ SVG ਫਾਈਲ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ.

ਤੁਸੀਂ ਐਸਵੀਜੀ ਗਰਾਫਿਕਸ ਤੇ ਹੋਰ CSS ਸਟਾਇਲਸ ਨੂੰ ਹੋਵਰ ਸਟੇਟਾਂ ਤੇ ਜਾਂ ਕੁਝ ਡਿਜ਼ਾਈਨ ਦੀਆਂ ਜ਼ਰੂਰਤਾਂ ਲਈ ਬਦਲਣ ਲਈ ਵਰਤ ਸਕਦੇ ਹੋ. ਤੁਸੀਂ ਉਹਨਾਂ ਗੀਤਾਂ ਨੂੰ ਵੀ ਅਨੁਕੂਲ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਇੱਕ ਸਫ਼ੇ ਤੇ ਕੁਝ ਅੰਦੋਲਨ ਅਤੇ ਇੰਟਰਐਕਟੀਵਿਟੀ ਨੂੰ ਜੋੜਦਾ ਹੈ.

ਐਨੀਮੇਸ਼ਨ

ਕਿਉਂਕਿ ਇਨਲਾਈਨ SVG ਫਾਈਲਾਂ ਨੂੰ CSS ਨਾਲ ਸਟਾਇਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਤੇ CSS ਐਨੀਮੇਂਸ਼ਨ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ. CSS ਪਰਿਵਰਤਨ ਅਤੇ ਪਰਿਵਰਤਨ ਐਸਵੀਜੀ ਫਾਈਲਾਂ ਨੂੰ ਕੁਝ ਜੀਵਨ ਜੋੜਨ ਦੇ ਦੋ ਆਸਾਨ ਤਰੀਕੇ ਹਨ. ਤੁਸੀਂ ਅੱਜ-ਕੱਲ੍ਹ ਦੀਆਂ ਵੈਬਸਾਈਟਾਂ ਤੇ ਫਲੈਸ਼ ਦੀ ਵਰਤੋਂ ਨਾਲ ਆਉਣ ਵਾਲੇ ਡਾਊਨਜ਼ਾਈਡਾਂ ਤੇ ਝੁਕਣ ਤੋਂ ਬਿਨਾਂ ਇੱਕ ਪੰਨੇ 'ਤੇ ਅਮੀਰ ਫਲੈਸ਼ ਵਰਗੇ ਅਨੁਭਵ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ.

SVG ਦੇ ਉਪਯੋਗ

ਐਸਵੀਜੀ ਦੇ ਤੌਰ ਤੇ ਸ਼ਕਤੀਸ਼ਾਲੀ ਹੈ, ਇਹ ਗਰਾਫਿਕਸ ਹਰ ਦੂਜੇ ਚਿੱਤਰ ਫਾਰਮੈਟ ਨੂੰ ਨਹੀਂ ਬਦਲ ਸਕਦਾ ਜੋ ਤੁਸੀਂ ਆਪਣੀ ਵੈਬਸਾਈਟ ਤੇ ਵਰਤ ਰਹੇ ਹੋ. ਜਿਹੜੀਆਂ ਫੋਟੋਆਂ ਨੂੰ ਡੂੰਘੀ ਰੰਗ ਦੀ ਡੂੰਘਾਈ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਉਹਨਾਂ ਨੂੰ ਅਜੇ ਵੀ ਇੱਕ JPG ਜਾਂ ਸ਼ਾਇਦ ਇੱਕ PNG ਫਾਈਲ ਹੋਣ ਦੀ ਲੋੜ ਹੋਵੇਗੀ, ਪਰ ਆਈਕਾਨ ਵਰਗੇ ਸਧਾਰਨ ਚਿੱਤਰ SVG ਦੇ ਰੂਪ ਵਿੱਚ ਚਲਾਉਣ ਲਈ ਪੂਰੀ ਤਰ੍ਹਾਂ ਅਨੁਕੂਲ ਹਨ.

SVG ਹੋਰ ਗੁੰਝਲਦਾਰ ਇਸ਼ਾਰਿਆਂ ਲਈ ਵੀ ਉਚਿਤ ਹੋ ਸਕਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਕੰਪਨੀ ਦਾ ਲੋਗੋ ਜਾਂ ਗ੍ਰਾਫ ਅਤੇ ਚਾਰਟ. ਸਾਰੇ ਗਰਾਫਿਕਸ ਸਕੇਲੇਬਲ ਹੋਣ, CSS ਦੇ ਨਾਲ ਸਟਾਈਲ ਕਰਨ ਦੇ ਯੋਗ ਹੋਣਗੇ, ਅਤੇ ਇਸ ਲੇਖ ਵਿੱਚ ਸੂਚੀਬੱਧ ਦੂਜੇ ਫਾਇਦਿਆਂ ਤੋਂ ਲਾਭ ਹੋਵੇਗਾ.

ਪੁਰਾਣੇ ਬਰਾਊਜ਼ਰ ਲਈ ਸਹਿਯੋਗ

ਆਧੁਨਿਕ ਵੈਬ ਬ੍ਰਾਊਜ਼ਰਸ ਵਿੱਚ SVG ਲਈ ਵਰਤਮਾਨ ਸਮਰਥਨ ਬਹੁਤ ਵਧੀਆ ਹੈ. ਕੇਵਲ ਉਹੀ ਬ੍ਰਾਉਜ਼ਰ ਜਿਹੜੇ ਅਸਲ ਵਿੱਚ ਇਹਨਾਂ ਗਰਾਫਿਕਸ ਲਈ ਸਮਰਥਨ ਦੀ ਕਮੀ ਕਰਦੇ ਹਨ, ਇੰਟਰਨੈਟ ਐਕਸਪਲੋਰਰ (ਵਰਜਨ 8 ਅਤੇ ਹੇਠਾਂ) ਦੇ ਪੁਰਾਣੇ ਸੰਸਕਰਨ ਅਤੇ Android ਦੇ ਕੁਝ ਪੁਰਾਣੇ ਵਰਜਨ ਹਨ ਸਭ ਮਿਲਾਕੇ, ਬਰਾਊਜ਼ਿੰਗ ਆਬਾਦੀ ਦਾ ਬਹੁਤ ਥੋੜਾ ਜਿਹਾ ਹਿੱਸਾ ਹਾਲੇ ਵੀ ਇਹਨਾਂ ਬ੍ਰਾਉਜ਼ਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ, ਅਤੇ ਇਹ ਗਿਣਤੀ ਸੁੰਗੜ ਰਿਹਾ ਹੈ ਇਸਦਾ ਮਤਲਬ ਇਹ ਹੈ ਕਿ ਅੱਜ ਹੀ ਐਸ.ਵੀ.ਜੀ ਵੈਬਸਾਈਟ ਤੇ ਬਿਲਕੁਲ ਸੁਰੱਖਿਅਤ ਢੰਗ ਨਾਲ ਇਸਤੇਮਾਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ.

ਜੇ ਤੁਸੀਂ SVG ਲਈ ਫਾਲਬੈਕ ਮੁਹੱਈਆ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਫਿਲਾਮੇਂਟ ਗਰੁੱਪ ਤੋਂ ਗ੍ਰੈਮਪਿਕਨ ਵਰਗੇ ਸਾਧਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ. ਇਹ ਸਰੋਤ ਤੁਹਾਡੀਆਂ SVG ਚਿੱਤਰ ਫਾਇਲਾਂ ਨੂੰ ਲੈ ਕੇ ਪੁਰਾਣੇ ਬ੍ਰਾਉਜ਼ਰ ਲਈ PNG ਫਾੱਲਬੈਕ ਤਿਆਰ ਕਰੇਗੀ.

1/27/17 ਨੂੰ ਜਰਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ