emptygif
ਭਾਸ਼ਾ: ਪੰਜਾਬੀ

ਸਭ ਤੋਂ ਛੋਟੀ ਪਾਰਦਰਸ਼ੀ GIF 43 ਬਾਈਟ ਦੀ ਹੈ।

ਪੂਰੀ ਫਾਈਲ ਇਹੀ ਹੈ। ਕੋਈ ਵੀ ਬਾਈਟ ਚੁਣ ਕੇ ਵੇਖੋ ਕਿ ਉਹ ਕੀ ਕਰਦੀ ਹੈ, ਫਿਰ ਫਾਈਲ ਕਾਪੀ ਕਰੋ, ਡਾਊਨਲੋਡ ਕਰੋ, ਹੌਟਲਿੰਕ ਕਰੋ ਜਾਂ ਆਪਣੇ ਕੋਡ ਤੋਂ ਸਰਵ ਕਰੋ।

43 ਬਾਈਟ ਦੀ GIF, ਵੱਡੀ ਕਰਕੇ: ਇੱਕ ਪਾਰਦਰਸ਼ੀ ਪਿਕਸਲ
0000
0010
0020
1×1.gif ਡਾਊਨਲੋਡ ਕਰੋ

R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==

ਆਪਣੀ GIF ਦੀ ਜਾਂਚ ਕਰੋ

ਹਰ ਬਾਈਟ ਕੀ ਕਰਦੀ ਹੈ

GIF ਬਲਾਕਾਂ ਦੀ ਇੱਕ ਲੜੀ ਹੁੰਦੀ ਹੈ। ਇਸ ਫਾਈਲ ਵਿੱਚ ਸੱਤ ਬਲਾਕ ਹਨ, ਅਤੇ ਇਸ ਪੰਨੇ ਦਾ ਹਰ ਰੰਗ ਇਨ੍ਹਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਇੱਕ ਨਾਲ ਜੁੜਿਆ ਹੈ। ਪੜ੍ਹਨ ਲਈ ਕੋਈ ਬਾਈਟ ਜਾਂ ਬਲਾਕ ਚੁਣੋ। ਨੰਬਰ little-endian ਰੂਪ ਵਿੱਚ ਸਟੋਰ ਹੁੰਦੇ ਹਨ: ਹੇਠਲੀ ਬਾਈਟ ਪਹਿਲਾਂ ਆਉਂਦੀ ਹੈ, ਇਸ ਲਈ 01 00 ਦਾ ਅਰਥ 1 ਹੈ।

ਬਾਈਟਾਂਫੀਲਡਅਰਥ
ਹੈੱਡਰ ਡੀਕੋਡਰ ਨੂੰ ਦੱਸਦਾ ਹੈ ਕਿ ਇਹ GIF ਹੈ ਅਤੇ ਫਾਰਮੈਟ ਦੇ ਕਿਹੜੇ ਵਰਜਨ ਦੀ ਉਮੀਦ ਕਰਨੀ ਹੈ।
47 49 46ਸਿਗਨੇਚਰASCII ਅੱਖਰ “GIF”। ਹਰ GIF ਫਾਈਲ ਇਨ੍ਹਾਂ ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦੀ ਹੈ।
38 39 61ਵਰਜਨ“89a”। ਪਾਰਦਰਸ਼ਤਾ ਲਈ 89a ਲੋੜੀਂਦਾ ਹੈ; 87a ਵਿੱਚ ਗ੍ਰਾਫਿਕ ਕੰਟਰੋਲ ਐਕਸਟੈਂਸ਼ਨ ਨਹੀਂ ਹੁੰਦੀ।
ਲਾਜੀਕਲ ਸਕ੍ਰੀਨ ਡਿਸਕ੍ਰਿਪਟਰ ਕੈਨਵਸ ਦਾ ਆਕਾਰ ਅਤੇ ਉਸਦੀ ਕਲਰ ਟੇਬਲ ਦੀ ਸੈਟਿੰਗ।
01 00ਕੈਨਵਸ ਦੀ ਚੌੜਾਈ1 px।
01 00ਕੈਨਵਸ ਦੀ ਉਚਾਈ1 px।
80ਪੈਕਡ ਫਲੈਗਇੱਕ ਬਾਈਟ ਵਿੱਚ ਚਾਰ ਸੈਟਿੰਗਾਂ। ਸਭ ਤੋਂ ਉੱਪਰਲਾ ਬਿੱਟ ਦੱਸਦਾ ਹੈ ਕਿ ਅੱਗੇ ਗਲੋਬਲ ਕਲਰ ਟੇਬਲ ਹੈ; ਆਖਰੀ ਤਿੰਨ ਬਿੱਟ ਉਸਦਾ ਆਕਾਰ ਦੱਸਦੇ ਹਨ।
00ਬੈਕਗ੍ਰਾਊਂਡ ਕਲਰ ਇੰਡੈਕਸਪੈਲੇਟ ਦੀ ਐਂਟਰੀ 0। ਬ੍ਰਾਊਜ਼ਰ ਇਸਨੂੰ ਅਣਡਿੱਠਾ ਕਰਦੇ ਹਨ ਅਤੇ ਚਿੱਤਰ ਦੇ ਪਿੱਛੇ ਜੋ ਹੈ ਉਹੀ ਵਿਖਾਉਂਦੇ ਹਨ।
00ਪਿਕਸਲ ਆਸਪੈਕਟ ਰੇਸ਼ੋ0 ਦਾ ਅਰਥ ਹੈ ਵਰਗਾਕਾਰ ਪਿਕਸਲ, ਬਿਨਾਂ ਕਿਸੇ ਸੁਧਾਰ ਦੇ।
ਗਲੋਬਲ ਕਲਰ ਟੇਬਲ ਪੈਲੇਟ। ਪਿਕਸਲ ਰੰਗ ਦੀ ਥਾਂ ਇਸ ਸੂਚੀ ਦਾ ਇੰਡੈਕਸ ਸਟੋਰ ਕਰਦੇ ਹਨ।
FF FF FFਪੈਲੇਟ ਐਂਟਰੀਲਾਲ, ਹਰਾ ਅਤੇ ਨੀਲਾ, ਹਰੇਕ ਲਈ ਇੱਕ ਬਾਈਟ: #ffffff। ਦੋ ਐਂਟਰੀਆਂ ਸਭ ਤੋਂ ਛੋਟੀ ਟੇਬਲ ਹੈ ਜੋ GIF ਵਿੱਚ ਹੋ ਸਕਦੀ ਹੈ।
00 00 00ਪੈਲੇਟ ਐਂਟਰੀਲਾਲ, ਹਰਾ ਅਤੇ ਨੀਲਾ, ਹਰੇਕ ਲਈ ਇੱਕ ਬਾਈਟ: #000000। ਦੋ ਐਂਟਰੀਆਂ ਸਭ ਤੋਂ ਛੋਟੀ ਟੇਬਲ ਹੈ ਜੋ GIF ਵਿੱਚ ਹੋ ਸਕਦੀ ਹੈ।
ਗ੍ਰਾਫਿਕ ਕੰਟਰੋਲ ਐਕਸਟੈਂਸ਼ਨ GIF89a ਵਿੱਚ ਜੋੜਿਆ ਗਿਆ ਵਿਕਲਪਿਕ ਬਲਾਕ। ਇੱਥੇ ਇਹ ਪੈਲੇਟ ਦੀ ਐਂਟਰੀ 0 ਨੂੰ ਪਾਰਦਰਸ਼ੀ ਬਣਾਉਂਦਾ ਹੈ।
21ਐਕਸਟੈਂਸ਼ਨ ਇੰਟ੍ਰੋਡਿਊਸਰ0x21 (“!”) ਐਕਸਟੈਂਸ਼ਨ ਬਲਾਕ ਦੀ ਸ਼ੁਰੂਆਤ ਦਾ ਐਲਾਨ ਕਰਦਾ ਹੈ।
F9ਗ੍ਰਾਫਿਕ ਕੰਟਰੋਲ ਲੇਬਲ0xF9 ਦੱਸਦਾ ਹੈ ਕਿ ਇਹ ਐਕਸਟੈਂਸ਼ਨ ਗ੍ਰਾਫਿਕ ਕੰਟਰੋਲ ਐਕਸਟੈਂਸ਼ਨ ਹੈ।
04ਬਲਾਕ ਦਾ ਆਕਾਰਅੱਗੇ ਸੈਟਿੰਗਾਂ ਦੀਆਂ 4 ਬਾਈਟਾਂ ਹਨ।
01ਪੈਕਡ ਫਲੈਗਸਭ ਤੋਂ ਹੇਠਲਾ ਬਿੱਟ ਪਾਰਦਰਸ਼ਤਾ ਫਲੈਗ ਹੈ। ਇਹ ਚਾਲੂ ਹੈ, ਇਸ ਲਈ ਹੇਠਾਂ ਦਿੱਤਾ ਪਾਰਦਰਸ਼ੀ ਇੰਡੈਕਸ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।
00 00ਦੇਰੀਸਕਿੰਟ ਦੇ 0 ਸੌਵੇਂ ਹਿੱਸੇ। ਇਹ ਸਿਰਫ਼ ਐਨੀਮੇਸ਼ਨਾਂ ਲਈ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ।
00ਪਾਰਦਰਸ਼ੀ ਰੰਗ ਦਾ ਇੰਡੈਕਸਪੈਲੇਟ ਦੀ ਐਂਟਰੀ 0 ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਦਰਸ਼ੀ ਬਣਾਈ ਜਾਂਦੀ ਹੈ।
00ਬਲਾਕ ਟਰਮੀਨੇਟਰਜ਼ੀਰੋ ਲੰਬਾਈ ਵਾਲਾ ਸਬ-ਬਲਾਕ, ਜੋ ਬਲਾਕ ਨੂੰ ਬੰਦ ਕਰਦਾ ਹੈ।
ਇਮੇਜ ਡਿਸਕ੍ਰਿਪਟਰ ਚਿੱਤਰ ਕੈਨਵਸ ਉੱਤੇ ਕਿੱਥੇ ਹੈ ਅਤੇ ਕਿੰਨਾ ਵੱਡਾ ਹੈ।
2Cਇਮੇਜ ਸੈਪਰੇਟਰ0x2C (“,”) ਇੱਕ ਚਿੱਤਰ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ।
00 00ਖੱਬਾਚਿੱਤਰ ਕੈਨਵਸ ਦੇ ਖੱਬੇ ਕਿਨਾਰੇ ਤੋਂ 0 px ’ਤੇ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ।
00 00ਉੱਪਰਚਿੱਤਰ ਕੈਨਵਸ ਦੇ ਉੱਪਰਲੇ ਕਿਨਾਰੇ ਤੋਂ 0 px ’ਤੇ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ।
01 00ਚਿੱਤਰ ਦੀ ਚੌੜਾਈ1 px।
01 00ਚਿੱਤਰ ਦੀ ਉਚਾਈ1 px।
00ਪੈਕਡ ਫਲੈਗਕੋਈ ਲੋਕਲ ਕਲਰ ਟੇਬਲ ਨਹੀਂ, ਇੰਟਰਲੇਸਡ ਨਹੀਂ। ਚਿੱਤਰ ਗਲੋਬਲ ਪੈਲੇਟ ਵਰਤਦਾ ਹੈ।
ਇਮੇਜ ਡਾਟਾ ਪਿਕਸਲ, ਜੋ LZW ਨਾਲ ਕੰਪ੍ਰੈੱਸ ਕਰਕੇ ਵੱਧ ਤੋਂ ਵੱਧ 255 ਬਾਈਟ ਦੇ ਸਬ-ਬਲਾਕਾਂ ਵਿੱਚ ਵੰਡੇ ਗਏ ਹਨ।
02LZW ਘੱਟੋ-ਘੱਟ ਕੋਡ ਆਕਾਰ2, ਇਸ ਲਈ ਕੰਪ੍ਰੈੱਸਡ ਕੋਡ 3 ਬਿੱਟ ਚੌੜੇ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ।
02ਸਬ-ਬਲਾਕ ਦਾ ਆਕਾਰਅੱਗੇ ਕੰਪ੍ਰੈੱਸਡ ਡਾਟਾ ਦੀਆਂ 2 ਬਾਈਟਾਂ ਹਨ।
44 01ਕੰਪ੍ਰੈੱਸਡ ਪਿਕਸਲLZW ਕੋਡ ਸਭ ਤੋਂ ਹੇਠਲੇ ਬਿੱਟ ਤੋਂ ਉੱਪਰ ਵੱਲ ਪੈਕ ਕੀਤੇ ਗਏ ਹਨ। ਹੇਠਾਂ ਵੇਖੋ ਕਿ ਇਹ ਕਿਵੇਂ ਡੀਕੋਡ ਹੁੰਦੇ ਹਨ।
00ਬਲਾਕ ਟਰਮੀਨੇਟਰਜ਼ੀਰੋ ਲੰਬਾਈ ਵਾਲਾ ਸਬ-ਬਲਾਕ, ਜੋ ਬਲਾਕ ਨੂੰ ਬੰਦ ਕਰਦਾ ਹੈ।
ਟ੍ਰੇਲਰ ਇੱਕ ਬਾਈਟ ਜੋ ਫਾਈਲ ਦੇ ਅੰਤ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ।
3Bਟ੍ਰੇਲਰ0x3B (“;”) ਫਾਈਲ ਨੂੰ ਖਤਮ ਕਰਦਾ ਹੈ।

ਪੈਕਡ ਬਾਈਟਾਂ ਦੇ ਅੰਦਰ

ਤਿੰਨ ਬਾਈਟਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਕਈ ਛੋਟੀਆਂ ਸੈਟਿੰਗਾਂ ਸਟੋਰ ਕਰਦੀ ਹੈ। ਬਿੱਟ 7 ਸਭ ਤੋਂ ਖੱਬੇ ਵਾਲਾ ਹੈ।

ਲਾਜੀਕਲ ਸਕ੍ਰੀਨ ਡਿਸਕ੍ਰਿਪਟਰ 0x80
1ਗਲੋਬਲ ਕਲਰ ਟੇਬਲ ਮੌਜੂਦ ਹੈ
000ਕਲਰ ਰੈਜ਼ੋਲਿਊਸ਼ਨ
0ਪੈਲੇਟ ਮਹੱਤਤਾ ਅਨੁਸਾਰ ਕ੍ਰਮਬੱਧ
000ਟੇਬਲ ਦਾ ਆਕਾਰ: 2^(n+1) ਐਂਟਰੀਆਂ
ਗ੍ਰਾਫਿਕ ਕੰਟਰੋਲ ਐਕਸਟੈਂਸ਼ਨ 0x01
000ਰਾਖਵਾਂ
000ਡਿਸਪੋਜ਼ਲ ਤਰੀਕਾ
0ਯੂਜ਼ਰ ਇਨਪੁਟ ਦੀ ਉਡੀਕ
1ਪਾਰਦਰਸ਼ਤਾ ਚਾਲੂ
ਇਮੇਜ ਡਿਸਕ੍ਰਿਪਟਰ 0x00
0ਲੋਕਲ ਕਲਰ ਟੇਬਲ ਮੌਜੂਦ ਹੈ
0ਇੰਟਰਲੇਸਡ
0ਪੈਲੇਟ ਮਹੱਤਤਾ ਅਨੁਸਾਰ ਕ੍ਰਮਬੱਧ
00ਰਾਖਵਾਂ
000ਲੋਕਲ ਟੇਬਲ ਦਾ ਆਕਾਰ

ਦੋ ਬਾਈਟਾਂ ਵਿੱਚ ਇੱਕ ਪਿਕਸਲ ਕਿਵੇਂ ਸਮਾਉਂਦਾ ਹੈ

ਘੱਟੋ-ਘੱਟ ਕੋਡ ਆਕਾਰ 2 ਹੋਣ ’ਤੇ ਡੀਕੋਡਰ 3-ਬਿੱਟ ਕੋਡ ਪੜ੍ਹਦਾ ਹੈ। ਕੋਡ 4 ਟੇਬਲ ਨੂੰ ਸਾਫ਼ ਕਰਦਾ ਹੈ, ਕੋਡ 5 ਚਿੱਤਰ ਖਤਮ ਕਰਦਾ ਹੈ, ਅਤੇ ਕੋਡ 0 ਤੋਂ 3 ਪੈਲੇਟ ਐਂਟਰੀਆਂ ਹਨ। ਬਾਈਟਾਂ 44 01 ਸਭ ਤੋਂ ਹੇਠਲੇ ਬਿੱਟ ਤੋਂ ਉੱਪਰ ਵੱਲ ਪੜ੍ਹੀਆਂ ਜਾਂਦੀਆਂ ਹਨ:

0x44 010001000x01 00000001

  1. 001100 = 4ਕਲੀਅਰ: ਨਵੀਂ ਟੇਬਲ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ
  2. 000000 = 0ਪਿਕਸਲ: ਪੈਲੇਟ ਐਂਟਰੀ 0
  3. 101101 = 5ਚਿੱਤਰ ਦਾ ਅੰਤ
  4. 0000000 ਅਣਵਰਤੇ ਪੈਡਿੰਗ ਬਿੱਟ

ਵੱਡੇ ਚਿੱਤਰ ਵੀ ਇਹੀ ਤਰੀਕਾ ਵਰਤਦੇ ਹਨ: ਹਰ ਨਵਾਂ ਕੋਡ ਪਿਛਲੇ ਨਾਲੋਂ ਇੱਕ ਪਿਕਸਲ ਲੰਬੀ ਲੜੀ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ, ਇਸ ਲਈ 1000×1000 ਦੀ ਪਾਰਦਰਸ਼ੀ GIF ਸਿਰਫ਼ 1,743 ਬਾਈਟ ਲੈਂਦੀ ਹੈ।

ਕੀ ਇਹ ਹੋਰ ਛੋਟੀ ਹੋ ਸਕਦੀ ਹੈ?

ਹਾਂ, ਜੇ ਤੁਸੀਂ ਉਹ ਹਿੱਸੇ ਹਟਾ ਦਿਓ ਜਿਨ੍ਹਾਂ ਦੀ ਗ਼ੈਰਮੌਜੂਦਗੀ ਡੀਕੋਡਰ ਬਰਦਾਸ਼ਤ ਕਰ ਲੈਂਦੇ ਹਨ। ਅਸੀਂ ਹਰ ਵੇਰੀਐਂਟ ਤਿੰਨ ਬ੍ਰਾਊਜ਼ਰ ਇੰਜਣਾਂ ਅਤੇ Pillow ਨੂੰ ਦਿੱਤਾ ਅਤੇ ਜੋ ਉਨ੍ਹਾਂ ਨੇ ਬਣਾਇਆ ਉਹ ਦਰਜ ਕੀਤਾ।

ਆਕਾਰਵੇਰੀਐਂਟChromiumFirefoxWebKitPillow
43ਇਸ ਪੰਨੇ ਦੀ ਮਿਆਰੀ ਫਾਈਲ।ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ
42ਟ੍ਰੇਲਰ ਬਾਈਟ ਨਹੀਂ। ਡੀਕੋਡਰ ਉਂਝ ਵੀ ਡਾਟਾ ਦੇ ਅੰਤ ’ਤੇ ਰੁਕ ਜਾਂਦੇ ਹਨ।ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ
37ਕੋਈ ਪੈਲੇਟ ਹੀ ਨਹੀਂ। ਫਿਰ ਵੀ ਵੈਧ: ਸਪੈਸੀਫਿਕੇਸ਼ਨ ਡੀਕੋਡਰਾਂ ਨੂੰ ਆਪਣਾ ਪੈਲੇਟ ਵਰਤਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੀ ਹੈ, ਅਤੇ ਇੰਡੈਕਸ 0 ਉਂਝ ਵੀ ਪਾਰਦਰਸ਼ੀ ਹੈ।ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ
36ਨਾ ਪੈਲੇਟ, ਨਾ ਟ੍ਰੇਲਰ।ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ
35ਪਾਰਦਰਸ਼ਤਾ ਬਲਾਕ ਨਹੀਂ: ਪਿਕਸਲ ਪੈਲੇਟ ਦੇ ਰੰਗ 0, ਯਾਨੀ ਚਿੱਟੇ, ਵਿੱਚ ਬਣਦਾ ਹੈ।ਚਿੱਟਾਚਿੱਟਾਚਿੱਟਾਚਿੱਟਾ
351987 ਦਾ ਫਾਰਮੈਟ। ਇਸ ਵਿੱਚ ਕਿਸੇ ਰੰਗ ਨੂੰ ਪਾਰਦਰਸ਼ੀ ਨਿਸ਼ਾਨਬੱਧ ਕਰਨ ਦਾ ਕੋਈ ਤਰੀਕਾ ਨਹੀਂ।ਚਿੱਟਾਚਿੱਟਾਚਿੱਟਾਚਿੱਟਾ
34ਪਾਰਦਰਸ਼ਤਾ ਬਲਾਕ ਹੈ, ਪਰ ਕੰਪ੍ਰੈੱਸਡ ਪਿਕਸਲ ਨਹੀਂ।ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਗਲਤੀ
33ਉਹੀ, ਪਰ ਟ੍ਰੇਲਰ ਤੋਂ ਬਿਨਾਂ।ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਗਲਤੀ
29ਨਾ ਪੈਲੇਟ, ਨਾ ਪਾਰਦਰਸ਼ਤਾ। ਹਰ ਇੰਜਣ ਆਪਣਾ ਰੰਗ ਖੁਦ ਚੁਣਦਾ ਹੈ।ਕਾਲਾਚਿੱਟਾਪਾਰਦਰਸ਼ੀਕਾਲਾ
26ਅਜਿਹਾ ਚਿੱਤਰ ਜਿਸ ਵਿੱਚ ਕੋਈ ਕੰਪ੍ਰੈੱਸਡ ਡਾਟਾ ਹੀ ਨਹੀਂ।ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਗਲਤੀ
14ਸਿਰਫ਼ ਹੈੱਡਰ, ਕੈਨਵਸ ਦਾ ਆਕਾਰ ਅਤੇ ਟ੍ਰੇਲਰ। ਇਸ ਵਿੱਚ ਕੋਈ ਚਿੱਤਰ ਨਹੀਂ।ਪਾਰਦਰਸ਼ੀਗਲਤੀਪਾਰਦਰਸ਼ੀਗਲਤੀ

ਜਦੋਂ ਹਰ ਥਾਂ ਚੱਲਣਾ ਲਾਜ਼ਮੀ ਹੋਵੇ ਤਾਂ 43 ਬਾਈਟ ਵਰਤੋ। 37 ਬਾਈਟ ਵੀ ਵੈਧ GIF ਹੈ ਅਤੇ ਸਾਡੇ ਜਾਂਚੇ ਹਰ ਇੰਜਣ ਵਿੱਚ ਪਾਰਦਰਸ਼ੀ ਰਹੀ। ਇਸ ਤੋਂ ਘੱਟ ’ਤੇ ਤੁਸੀਂ ਡੀਕੋਡਰ ਦੀ ਨਰਮੀ ’ਤੇ ਨਿਰਭਰ ਹੋ, ਅਤੇ 29 ਬਾਈਟ ਦੀ ਫਾਈਲ ਵਿਖਾਉਂਦੀ ਹੈ ਕਿ ਇੰਜਣ ਕਿਵੇਂ ਅਸਹਿਮਤ ਹੁੰਦੇ ਹਨ।

23 ਸਤੰਬਰ 2026 ਨੂੰ Chromium 153.0.8010.12, Firefox 155.0, WebKit 26.6, Pillow 12.2.0 ਨਾਲ ਜਾਂਚਿਆ ਗਿਆ।

ਹੋਰ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਉਹੀ ਪਿਕਸਲ

ਹਰ ਫਾਰਮੈਟ ਵਿੱਚ ਸਭ ਤੋਂ ਛੋਟੀ ਪਾਰਦਰਸ਼ੀ 1×1 ਫਾਈਲ ਜੋ ਅਸੀਂ ਬਣਾ ਸਕੇ, ਉਹਨਾਂ ਹੀ ਚਾਰ ਇੰਜਣਾਂ ਨੂੰ ਦਿੱਤੀ ਗਈ। ਕੋਈ ਕਤਾਰ ਖੋਲ੍ਹ ਕੇ ਉਸਦੀਆਂ ਬਾਈਟਾਂ ਵੇਖੋ; ਉਹ ਉਹੀ ਕੰਮ ਕਰਨ ਵਾਲੇ GIF ਬਲਾਕਾਂ ਦੇ ਰੰਗਾਂ ਵਿੱਚ ਰੰਗੀਆਂ ਹਨ।

ਆਕਾਰਫਾਈਲData URIChromiumFirefoxWebKitPillow
28
WebP ਉਹੀ ਫਾਈਲ, ਦੋ ਪੈਡਿੰਗ ਬਾਈਟਾਂ ਤੋਂ ਬਿਨਾਂ। WebKit 30 ਬਾਈਟ ਤੋਂ ਛੋਟੀਆਂ WebP ਫਾਈਲਾਂ ਰੱਦ ਕਰ ਦਿੰਦਾ ਹੈ।
52 49 46 46 14 00 00 00 57 45 42 50 56 50 38 4c 08 00 00 00 2f 00 00 00 10 88 88 08
  • RIFF … WEBP ਕੰਟੇਨਰ 12
  • VP8L chunk ਕੰਟੇਨਰ 8
  • 0x2F ਸਿਗਨੇਚਰ 1
  • width, height, alpha ਆਕਾਰ 4
  • prefix codes ਪਿਕਸਲ 3
63ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਗਲਤੀਪਾਰਦਰਸ਼ੀ
30
WebP ਲੌਸਲੈੱਸ VP8L। ਹਰ ਪ੍ਰੀਫਿਕਸ ਕੋਡ ਵਿੱਚ ਇੱਕੋ ਸਿੰਬਲ ਹੈ, ਇਸ ਲਈ ਪਿਕਸਲਾਂ ਨੂੰ ਕੋਈ ਬਿੱਟ ਨਹੀਂ ਲੱਗਦਾ ਅਤੇ 16384×16384 ਤੱਕ ਫਾਈਲ ਦਾ ਆਕਾਰ ਇਹੀ ਰਹਿੰਦਾ ਹੈ।
52 49 46 46 16 00 00 00 57 45 42 50 56 50 38 4c 0a 00 00 00 2f 00 00 00 10 88 88 08 00 00
  • RIFF … WEBP ਕੰਟੇਨਰ 12
  • VP8L chunk ਕੰਟੇਨਰ 8
  • 0x2F ਸਿਗਨੇਚਰ 1
  • width, height, alpha ਆਕਾਰ 4
  • prefix codes ਪਿਕਸਲ 3
  • padding ਪੈਡਿੰਗ 2
63ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ
43
GIF ਇਸ ਪੰਨੇ ਦੇ ਸਿਖਰ ਵਾਲੀ 43 ਬਾਈਟ ਦੀ GIF।
47 49 46 38 39 61 01 00 01 00 80 00 00 ff ff ff 00 00 00 21 f9 04 01 00 00 00 00 2c 00 00 00 00 01 00 01 00 00 02 02 44 01 00 3b
  • ਹੈੱਡਰ 6
  • ਲਾਜੀਕਲ ਸਕ੍ਰੀਨ ਡਿਸਕ੍ਰਿਪਟਰ 7
  • ਗਲੋਬਲ ਕਲਰ ਟੇਬਲ 6
  • ਗ੍ਰਾਫਿਕ ਕੰਟਰੋਲ ਐਕਸਟੈਂਸ਼ਨ 8
  • ਇਮੇਜ ਡਿਸਕ੍ਰਿਪਟਰ 10
  • ਇਮੇਜ ਡਾਟਾ 5
  • ਟ੍ਰੇਲਰ 1
82ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ
58
BMP ਕਲਾਸਿਕ 40 ਬਾਈਟ ਦੇ ਹੈੱਡਰ ਵਿੱਚ ਕੋਈ ਅਲਫ਼ਾ ਮਾਸਕ ਨਹੀਂ, ਇਸ ਲਈ ਚੌਥੀ ਬਾਈਟ ਅਣਡਿੱਠੀ ਹੋ ਜਾਂਦੀ ਹੈ ਅਤੇ ਪਿਕਸਲ ਹਰ ਥਾਂ ਕਾਲਾ ਬਣਦਾ ਹੈ।
42 4d 3a 00 00 00 00 00 00 00 36 00 00 00 28 00 00 00 01 00 00 00 01 00 00 00 01 00 20 00 00 00 00 00 04 00 00 00 13 0b 00 00 13 0b 00 00 00 00 00 00 00 00 00 00 00 00 00 00
  • BITMAPFILEHEADER ਸਿਗਨੇਚਰ 14
  • BITMAPINFOHEADER ਆਕਾਰ 40
  • BGRA ਪਿਕਸਲ 4
102ਕਾਲਾਕਾਲਾਕਾਲਾਕਾਲਾ
62
SVG ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਵਾਲਾ ਇੱਕ ਖਾਲੀ svg ਐਲੀਮੈਂਟ। Pillow SVG ਨਹੀਂ ਪੜ੍ਹਦਾ।
<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"/>
  • <svg xmlns> ਸਿਗਨੇਚਰ 39
  • width, height ਆਕਾਰ 21
  • /> ਅੰਤ 2
85ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਗਲਤੀ
67
PNG ਅਲਫ਼ਾ ਸਮੇਤ ਟਰੂਕਲਰ। ਜ਼ੀਰੋਆਂ ਵਾਲੀ ਇੱਕੋ-ਇੱਕ ਸਕੈਨਲਾਈਨ ਹੱਥ ਨਾਲ ਕੰਪ੍ਰੈੱਸ ਕੀਤੀ ਗਈ ਹੈ, ਜੋ zlib ਦੀ ਸਭ ਤੋਂ ਵਧੀਆ ਸੈਟਿੰਗ ਨਾਲੋਂ ਵੀ ਇੱਕ ਬਾਈਟ ਛੋਟੀ ਹੈ।
89 50 4e 47 0d 0a 1a 0a 00 00 00 0d 49 48 44 52 00 00 00 01 00 00 00 01 08 06 00 00 00 1f 15 c4 89 00 00 00 0a 49 44 41 54 78 01 63 00 01 00 00 05 00 01 36 d0 88 dd 00 00 00 00 49 45 4e 44 ae 42 60 82
  • PNG signature ਸਿਗਨੇਚਰ 8
  • IHDR ਆਕਾਰ 25
  • IDAT ਪਿਕਸਲ 22
  • IEND ਅੰਤ 12
114ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ
70
ICO ਇੱਕ ਫੈਵੀਕੌਨ ਜਿਸ ਵਿੱਚ 32-ਬਿੱਟ ਬਿਟਮੈਪ ਅਤੇ ਉਸਦਾ 1-ਬਿੱਟ AND ਮਾਸਕ ਹੈ।
00 00 01 00 01 00 01 01 00 00 01 00 20 00 30 00 00 00 16 00 00 00 28 00 00 00 01 00 00 00 02 00 00 00 01 00 20 00 00 00 00 00 08 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 80 00 00 00
  • ICONDIR ਸਿਗਨੇਚਰ 6
  • ICONDIRENTRY ਆਕਾਰ 16
  • BITMAPINFOHEADER ਆਕਾਰ 40
  • BGRA ਪਿਕਸਲ 4
  • AND mask ਪਾਰਦਰਸ਼ਤਾ 4
121ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ
74
BMP ਅਲਫ਼ਾ ਮਾਸਕ ਵਾਲਾ 56 ਬਾਈਟ ਦਾ ਹੈੱਡਰ। WebKit ਇਸਨੂੰ ਲੋਡ ਨਹੀਂ ਕਰਦਾ।
42 4d 4a 00 00 00 00 00 00 00 46 00 00 00 38 00 00 00 01 00 00 00 01 00 00 00 01 00 20 00 03 00 00 00 04 00 00 00 13 0b 00 00 13 0b 00 00 00 00 00 00 00 00 00 00 00 00 ff 00 00 ff 00 00 ff 00 00 00 00 00 00 ff 00 00 00 00
  • BITMAPFILEHEADER ਸਿਗਨੇਚਰ 14
  • BITMAPV3INFOHEADER ਆਕਾਰ 56
  • BGRA ਪਿਕਸਲ 4
122ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਗਲਤੀਪਾਰਦਰਸ਼ੀ
89
ICO ਇੱਕ ਫੈਵੀਕੌਨ ਜਿਸ ਵਿੱਚ 67 ਬਾਈਟ ਦੀ PNG ਹੈ।
00 00 01 00 01 00 01 01 00 00 01 00 20 00 43 00 00 00 16 00 00 00 89 50 4e 47 0d 0a 1a 0a 00 00 00 0d 49 48 44 52 00 00 00 01 00 00 00 01 08 06 00 00 00 1f 15 c4 89 00 00 00 0a 49 44 41 54 78 01 63 00 01 00 00 05 00 01 36 d0 88 dd 00 00 00 00 49 45 4e 44 ae 42 60 82
  • ICONDIR ਸਿਗਨੇਚਰ 6
  • ICONDIRENTRY ਆਕਾਰ 16
  • PNG signature ਸਿਗਨੇਚਰ 8
  • IHDR ਆਕਾਰ 25
  • IDAT ਪਿਕਸਲ 22
  • IEND ਅੰਤ 12
145ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ
126
BMP V4 ਹੈੱਡਰ। WebKit ਇਸਦਾ ਅਲਫ਼ਾ ਮਾਸਕ ਅਣਡਿੱਠਾ ਕਰਕੇ ਕਾਲਾ ਬਣਾਉਂਦਾ ਹੈ।
42 4d 7e 00 00 00 00 00 00 00 7a 00 00 00 6c 00 00 00 01 00 00 00 01 00 00 00 01 00 20 00 03 00 00 00 04 00 00 00 13 0b 00 00 13 0b 00 00 00 00 00 00 00 00 00 00 00 00 ff 00 00 ff 00 00 ff 00 00 00 00 00 00 ff 42 47 52 73 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00
  • BITMAPFILEHEADER ਸਿਗਨੇਚਰ 14
  • BITMAPV4INFOHEADER ਆਕਾਰ 108
  • BGRA ਪਿਕਸਲ 4
190ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਕਾਲਾਪਾਰਦਰਸ਼ੀ
142
BMP V5 ਹੈੱਡਰ, WebKit ਵਿੱਚ ਉਹੀ ਨਤੀਜਾ।
42 4d 8e 00 00 00 00 00 00 00 8a 00 00 00 7c 00 00 00 01 00 00 00 01 00 00 00 01 00 20 00 03 00 00 00 04 00 00 00 13 0b 00 00 13 0b 00 00 00 00 00 00 00 00 00 00 00 00 ff 00 00 ff 00 00 ff 00 00 00 00 00 00 ff 42 47 52 73 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00
  • BITMAPFILEHEADER ਸਿਗਨੇਚਰ 14
  • BITMAPV5INFOHEADER ਆਕਾਰ 124
  • BGRA ਪਿਕਸਲ 4
214ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਕਾਲਾਪਾਰਦਰਸ਼ੀ
437
AVIF ਉਹੀ ਫਾਈਲ 4:0:0 ਸਬਸੈਂਪਲਿੰਗ ਨਾਲ, ਜੋ ਰੰਗ ਦੇ ਪਲੇਨ ਹਟਾ ਦਿੰਦੀ ਹੈ।
00 00 00 1c 66 74 79 70 61 76 69 66 00 00 00 00 61 76 69 66 6d 69 66 31 6d 69 61 66 00 00 01 6a 6d 65 74 61 00 00 00 00 00 00 00 21 68 64 6c 72 00 00 00 00 00 00 00 00 70 69 63 74 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 0e 70 69 74 6d 00 00 00 00 00 01 00 00 00 2c 69 6c 6f 63 00 00 00 00 44 00 00 02 00 01 00 00 00 01 00 00 01 a0 00 00 00 15 00 02 00 00 00 01 00 00 01 8e 00 00 00 12 00 00 00 42 69 69 6e 66 00 00 00 00 00 02 00 00 00 1a 69 6e 66 65 02 00 00 00 00 01 00 00 61 76 30 31 43 6f 6c 6f 72 00 00 00 00 1a 69 6e 66 65 02 00 00 00 00 02 00 00 61 76 30 31 41 6c 70 68 61 00 00 00 00 1a 69 72 65 66 00 00 00 00 00 00 00 0e 61 75 78 6c 00 02 00 01 00 01 00 00 00 a7 69 70 72 70 00 00 00 81 69 70 63 6f 00 00 00 14 69 73 70 65 00 00 00 00 00 00 00 01 00 00 00 01 00 00 00 0e 70 69 78 69 00 00 00 00 01 08 00 00 00 0c 61 76 31 43 81 00 1c 00 00 00 00 13 63 6f 6c 72 6e 63 6c 78 00 01 00 0d 00 06 80 00 00 00 38 61 75 78 43 00 00 00 00 75 72 6e 3a 6d 70 65 67 3a 6d 70 65 67 42 3a 63 69 63 70 3a 73 79 73 74 65 6d 73 3a 61 75 78 69 6c 69 61 72 79 3a 61 6c 70 68 61 00 00 00 00 1e 69 70 6d 61 00 00 00 00 00 00 00 02 00 01 04 01 02 83 04 00 02 04 01 02 83 05 00 00 00 2f 6d 64 61 74 12 00 0a 04 18 00 06 15 32 08 10 00 00 18 e1 42 72 10 12 00 0a 07 18 00 06 18 08 68 35 32 08 10 00 00 18 e1 42 72 10
  • ftyp ਸਿਗਨੇਚਰ 28
  • meta ਮੈਟਾਡਾਟਾ 362
  • mdat ਪਿਕਸਲ 47
607ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ
471
AVIF quality 100 ’ਤੇ libavif ਜੋ ਲਿਖਦਾ ਹੈ: ਰੰਗ ਲਈ ਇੱਕ AV1 ਚਿੱਤਰ ਅਤੇ ਅਲਫ਼ਾ ਲਈ ਇੱਕ, ISO BMFF ਬਕਸਿਆਂ ਵਿੱਚ।
00 00 00 20 66 74 79 70 61 76 69 66 00 00 00 00 61 76 69 66 6d 69 66 31 6d 69 61 66 4d 41 31 42 00 00 01 86 6d 65 74 61 00 00 00 00 00 00 00 21 68 64 6c 72 00 00 00 00 00 00 00 00 70 69 63 74 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 0e 70 69 74 6d 00 00 00 00 00 01 00 00 00 2c 69 6c 6f 63 00 00 00 00 44 00 00 02 00 01 00 00 00 01 00 00 01 c0 00 00 00 17 00 02 00 00 00 01 00 00 01 ae 00 00 00 12 00 00 00 42 69 69 6e 66 00 00 00 00 00 02 00 00 00 1a 69 6e 66 65 02 00 00 00 00 01 00 00 61 76 30 31 43 6f 6c 6f 72 00 00 00 00 1a 69 6e 66 65 02 00 00 00 00 02 00 00 61 76 30 31 41 6c 70 68 61 00 00 00 00 1a 69 72 65 66 00 00 00 00 00 00 00 0e 61 75 78 6c 00 02 00 01 00 01 00 00 00 c3 69 70 72 70 00 00 00 9d 69 70 63 6f 00 00 00 14 69 73 70 65 00 00 00 00 00 00 00 01 00 00 00 01 00 00 00 10 70 69 78 69 00 00 00 00 03 08 08 08 00 00 00 0c 61 76 31 43 81 00 0c 00 00 00 00 13 63 6f 6c 72 6e 63 6c 78 00 01 00 0d 00 06 80 00 00 00 0e 70 69 78 69 00 00 00 00 01 08 00 00 00 0c 61 76 31 43 81 00 1c 00 00 00 00 38 61 75 78 43 00 00 00 00 75 72 6e 3a 6d 70 65 67 3a 6d 70 65 67 42 3a 63 69 63 70 3a 73 79 73 74 65 6d 73 3a 61 75 78 69 6c 69 61 72 79 3a 61 6c 70 68 61 00 00 00 00 1e 69 70 6d 61 00 00 00 00 00 00 00 02 00 01 04 01 02 83 04 00 02 04 01 05 86 07 00 00 00 31 6d 64 61 74 12 00 0a 04 18 00 06 15 32 08 10 00 00 18 e1 42 72 10 12 00 0a 08 18 00 06 08 08 68 34 20 32 09 10 00 00 00 07 c8 24 c6 62
  • ftyp ਸਿਗਨੇਚਰ 32
  • meta ਮੈਟਾਡਾਟਾ 390
  • mdat ਪਿਕਸਲ 49
651ਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀਪਾਰਦਰਸ਼ੀ

30 ਬਾਈਟ ਦੀ WebP ਸਭ ਤੋਂ ਛੋਟੀ ਫਾਈਲ ਹੈ ਜੋ ਚਾਰੇ ਇੰਜਣਾਂ ਵਿੱਚ ਪਾਰਦਰਸ਼ੀ ਰਹੀ: GIF ਨਾਲੋਂ 13 ਬਾਈਟ ਘੱਟ।

ਅੱਖਰਾਂ ਵਿੱਚ data URI ਦੀ ਲੰਬਾਈ: SVG URL-ਐਨਕੋਡ ਕੀਤੇ ਟੈਕਸਟ ਵਜੋਂ, ਬਾਕੀ base64 ਵਿੱਚ। 24 ਸਤੰਬਰ 2026 ਨੂੰ Chromium 153.0.8010.12, Firefox 155.0, WebKit 26.6, Pillow 12.2.0 ਨਾਲ ਜਾਂਚਿਆ ਗਿਆ। AVIF libavif 1.4.1 ਨਾਲ ਲਿਖੀ ਗਈ।

ਕਿਸੇ ਵੀ ਆਕਾਰ ਦੀ ਬਣਾਓ

ਪਾਰਦਰਸ਼ੀ ਜਾਂ ਇੱਕੋ ਰੰਗ, 1×1 ਤੋਂ 65535×65535 ਤੱਕ। ਇਹ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਬਣਦੀ ਹੈ; ਕੁਝ ਵੀ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ।

ਭਰਾਈ
ਫਾਰਮੈਟ
ਆਮ ਆਕਾਰ

1×1 · 43 ਬਾਈਟ

GIF ਡਾਊਨਲੋਡ ਕਰੋ

ਆਪਣੇ ਸਟੈਕ ਤੋਂ ਸਰਵ ਕਰੋ

ਚਲਾਉਣ ਲਈ ਤਿਆਰ 191 ਸਨਿੱਪਟ। ਆਪਣਾ ਚੁਣੋ: ਹਰ ਇੱਕ ਤੁਹਾਡੇ ਚੁਣੇ ਪਾਥ ’ਤੇ image/gif ਰਿਸਪਾਂਸ ਦਿੰਦਾ ਹੈ। ਜੇ ਤੁਸੀਂ ਉੱਪਰ ਆਕਾਰ ਜਾਂ ਰੰਗ ਬਦਲਿਆ ਹੈ, ਤਾਂ ਸਨਿੱਪਟ ਉਹੀ GIF ਵਰਤਦੇ ਹਨ।

Express JavaScript

ਇੰਸਟਾਲ
npm i express
ਫਾਈਲ
server.mjs
ਚਲਾਓ
node server.mjs
import express from 'express';

const GIF = Buffer.from('R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==', 'base64');

const app = express();

app.get('/pixel.gif', (req, res) => {
  res.set('Cache-Control', 'no-store');
  res.type('gif').send(GIF);
});

app.listen(8080);

ਅਸੀਂ ਇਹ ਸਨਿੱਪਟ ਚਲਾਇਆ ਅਤੇ ਇਸ ਵੱਲੋਂ ਵਾਪਸ ਕੀਤੀਆਂ ਬਾਈਟਾਂ ਦੀ ਤੁਲਨਾ ਕੀਤੀ। ਪੰਨਾ ਖੋਲ੍ਹੋ

ਇਹ ਕਿਸ ਕੰਮ ਆਉਂਦੀ ਹੈ

  • ਟ੍ਰੈਕਿੰਗ ਪਿਕਸਲ ਅਤੇ ਬੀਕਨ: ਸਰਵਰ ਬੇਨਤੀ ਨੂੰ ਲੌਗ ਕਰਦਾ ਹੈ ਅਤੇ ਸਭ ਤੋਂ ਛੋਟੇ ਵੈਧ ਚਿੱਤਰ ਨਾਲ ਜਵਾਬ ਦਿੰਦਾ ਹੈ।
  • lazy-load ਹੋਣ ਵਾਲੇ ਚਿੱਤਰਾਂ ਲਈ ਪਲੇਸਹੋਲਡਰ, ਤਾਂ ਜੋ ਅਸਲ ਸਰੋਤ ਆਉਣ ਤੋਂ ਪਹਿਲਾਂ ਵੀ img ਟੈਗ ਵੈਧ ਰਹੇ।
  • HTML ਈਮੇਲ ਵਿੱਚ ਨਿਸ਼ਚਿਤ ਆਕਾਰ ਦੇ ਸਪੇਸਰ, ਜਿੱਥੇ CSS ਸਹਾਇਤਾ ਅਧੂਰੀ ਹੈ।
  • ਟੈਸਟ ਅਤੇ mock, ਜਿਨ੍ਹਾਂ ਨੂੰ ਕੋਈ ਚਿੱਤਰ ਫਾਈਲ ਨਾਲ ਰੱਖੇ ਬਿਨਾਂ ਅਸਲ ਚਿੱਤਰ ਚਾਹੀਦਾ ਹੈ।

ਟ੍ਰੈਕਿੰਗ ਪਿਕਸਲ ਜਿੰਨੇ ਭਰੋਸੇਯੋਗ ਲੱਗਦੇ ਹਨ, ਓਨੇ ਨਹੀਂ

ਜਦੋਂ Mail Privacy Protection ਚਾਲੂ ਹੋਵੇ, Apple Mail ਰਿਮੋਟ ਚਿੱਤਰਾਂ ਨੂੰ ਪ੍ਰੌਕਸੀ ਰਾਹੀਂ ਪਹਿਲਾਂ ਹੀ ਲੋਡ ਕਰ ਲੈਂਦਾ ਹੈ, ਇਸ ਲਈ ਹੋ ਸਕਦਾ ਹੈ ਕੋਈ “ਓਪਨ” ਕਿਸੇ ਇਨਸਾਨ ਨੇ ਕੀਤਾ ਹੀ ਨਾ ਹੋਵੇ। Gmail ਵੀ ਚਿੱਤਰ ਆਪਣੀ ਪ੍ਰੌਕਸੀ ਰਾਹੀਂ ਲਿਆਉਂਦਾ ਅਤੇ ਕੈਸ਼ ਕਰਦਾ ਹੈ। ਕਈ ਕਲਾਇੰਟ ਡਿਫਾਲਟ ਤੌਰ ’ਤੇ ਰਿਮੋਟ ਚਿੱਤਰ ਬਲੌਕ ਕਰਦੇ ਹਨ। ਪੰਨੇ ਦੇ ਐਨਾਲਿਟਿਕਸ ਲਈ navigator.sendBeacon() ਜਾਂ 204 No Content ਰਿਸਪਾਂਸ ਅਕਸਰ ਚਿੱਤਰ ਨਾਲੋਂ ਬਿਹਤਰ ਰਹਿੰਦਾ ਹੈ।

ਸਵਾਲ

ਜਦੋਂ ਇਸ ਵਿੱਚ ਪਿਕਸਲ ਹੈ ਤਾਂ ਇਸਨੂੰ ਖਾਲੀ ਕਿਉਂ ਕਹਿੰਦੇ ਹਨ?
GIF ਵਿੱਚ ਘੱਟੋ-ਘੱਟ ਇੱਕ ਪਿਕਸਲ ਹੋਣਾ ਜ਼ਰੂਰੀ ਹੈ। ਇਹ ਫਾਈਲ 1×1 ਦੀ ਹੈ ਅਤੇ ਇਸਦਾ ਇੱਕੋ-ਇੱਕ ਰੰਗ ਪਾਰਦਰਸ਼ੀ ਨਿਸ਼ਾਨਬੱਧ ਹੈ, ਇਸ ਲਈ ਕੁਝ ਵੀ ਨਹੀਂ ਦਿਸਦਾ।
ਕੀ 43 ਬਾਈਟ ਦੀ ਫਾਈਲ ਵੈਧ ਹੈ?
ਹਾਂ। ਇਹ GIF89a ਸਪੈਸੀਫਿਕੇਸ਼ਨ ਦੀ ਪੂਰੀ ਪਾਲਣਾ ਕਰਦੀ ਹੈ, ਅਤੇ ਉੱਪਰਲੀ ਟੇਬਲ ਦਾ ਹਰ ਇੰਜਣ ਇਸਨੂੰ ਪਾਰਦਰਸ਼ੀ ਬਣਾਉਂਦਾ ਹੈ।
PNG ਜਾਂ WebP ਦੀ ਥਾਂ GIF ਕਿਉਂ?
ਇਹ ਸਭ ਤੋਂ ਛੋਟੀ ਪਾਰਦਰਸ਼ੀ PNG ਤੋਂ ਵੀ ਛੋਟੀ ਹੈ, ਅਤੇ ਪਿਛਲੇ 35 ਸਾਲਾਂ ਦਾ ਹਰ ਬ੍ਰਾਊਜ਼ਰ, ਈਮੇਲ ਕਲਾਇੰਟ ਅਤੇ ਇਮੇਜ ਲਾਇਬ੍ਰੇਰੀ ਇਸਨੂੰ ਪੜ੍ਹ ਸਕਦੀ ਹੈ।
ਮੈਂ data URI ਵਰਤਾਂ ਜਾਂ ਫਾਈਲ?
data URI ਇੱਕ ਬੇਨਤੀ ਬਚਾਉਂਦਾ ਹੈ ਅਤੇ ਪਲੇਸਹੋਲਡਰਾਂ ਅਤੇ CSS ਲਈ ਢੁਕਵਾਂ ਹੈ। ਜਦੋਂ ਬੇਨਤੀ ਆਪਣੇ ਆਪ ਵਿੱਚ ਮਕਸਦ ਹੋਵੇ, ਜਿਵੇਂ ਟ੍ਰੈਕਿੰਗ ਪਿਕਸਲਾਂ ਵਿੱਚ, ਤਾਂ ਫਾਈਲ ਜਾਂ ਐਂਡਪੁਆਇੰਟ ਚਾਹੀਦਾ ਹੈ।
ਮੈਨੂੰ ਕਿਹੜਾ Content-Type ਭੇਜਣਾ ਚਾਹੀਦਾ ਹੈ?
image/gif। ਜੇ ਹਰ ਬੇਨਤੀ ਦਾ ਤੁਹਾਡੇ ਸਰਵਰ ਤੱਕ ਪਹੁੰਚਣਾ ਜ਼ਰੂਰੀ ਹੈ, ਤਾਂ Cache-Control: no-store ਜੋੜੋ।