Theory
છબી કઈ રીતે સંઘરાય છે
તમે કોઈ ચિત્ર save કરો ત્યારે file માં ખરેખર શું જાય છે? એના બે સાવ જુદા જવાબ છે, અને એ ભેદ ઘણું સમજાવે છે: ફોટો zoom કરતાં કેમ pixels દેખાવા લાગે છે પણ logo ચોખ્ખો રહે છે, અને કેટલીક files આટલી મોટી અને કેટલીક આટલી નાની કેમ હોય છે.
Graphics files બે કુળમાં વહેંચાય છે: raster (જે pixels નું grid સંઘરે છે) અને vector (જે આકૃતિઓ તથા સૂચનાઓ સંઘરે છે). આ પાઠ બંને, એમનાં પ્રચલિત formats, અને આ પસંદગીનું નિર્ણાયક પરિણામ સમજાવે છે. તમારી પાસે કયા પ્રકારની file છે એ જાણવાથી ખબર પડે છે કે તમે એને મોટી કરો, બદલો કે compress કરો ત્યારે એ કેવું વર્તન કરશે.
Theory
Raster files: pixels નું grid
Raster (કે bitmap) file છબીને pixels ના grid તરીકે સંઘરે છે, અને દરેક pixel માટે એક રંગ નોંધે છે. ફોટા આ રીતે જ સંઘરાય છે, કારણ કે ફોટો સ્વભાવે જ રંગીન ટપકાંનું ખેતર છે.
પ્રચલિત raster formats: JPEG (મજબૂત, lossy compression, ફોટા માટે ઉત્તમ), PNG (lossless, પારદર્શકતાને ટેકો આપે છે), GIF (ઓછા રંગો, સાદા animation ને ટેકો આપે છે), અને BMP (compression વગરનું). મુશ્કેલી એ કે છબી નક્કી કરેલું grid હોવાથી એને મોટી કરવાથી pixels ખેંચાય જ છે, એટલે એ ઝાંખી પડે છે કે pixels દેખાવા લાગે છે, અને વધારે resolution એટલે વધારે મોટી file. Raster ફોટા જેવી સમૃદ્ધ, ઝીણવટભરી છબીઓ માટે ઉત્તમ છે, પણ એ મોટી કરવામાં ચોખ્ખું રહેતું નથી.
Theory
Vector files: આકૃતિઓ અને સૂચનાઓ
Vector file છબીને pixels તરીકે નહીં પણ ભૌમિતિક આકૃતિઓ તથા સૂચનાઓ તરીકે સંઘરે છે: 'અહીંથી ત્યાં સુધી રેખા દોરો', 'આ વર્તુળ લાલ રંગથી ભરો'. ચિત્ર એટલે ગાણિતિક વર્ણનોનો સંગ્રહ.
પ્રચલિત vector formats: SVG (web પર વપરાય છે), EPS અને AI. મોટો ફાયદો એ કે છબી સૂચનાઓરૂપે હોવાથી એને ગુણવત્તા ગુમાવ્યા વગર કોઈ પણ માપે ફરી દોરી શકાય છે, એટલે logo visiting card પર હોય કે મોટા holding પર, બંને જગ્યાએ અસ્ત્રા જેવો ચોખ્ખો રહે છે, અને સાદાં graphics ની files નાની હોય છે. સોદાબાજી એ કે vectors logos, icons અને આકૃતિઓ માટે બંધ બેસે છે, પણ જટિલ, ફોટા જેવી છબીઓ માટે ઓછાં અનુકૂળ છે (એ raster તરીકે વધુ સારી રહે છે). આકૃતિઓ માપ પ્રમાણે ગોઠવાય છે; pixels ગોઠવાતાં નથી.
At a glance
| પાસું | Raster (bitmap) | Vector |
|---|---|---|
| શું સંઘરે છે | Pixels નું grid (દરેક pixel દીઠ એક રંગ) | આકૃતિઓ અને દોરવાની સૂચનાઓ |
| Formats | JPEG, PNG, GIF, BMP | SVG, EPS, AI |
| મોટી કરતાં | ઝાંખી પડે છે કે pixels દેખાય છે | કોઈ પણ માપે ચોખ્ખી રહે છે |
| કોના માટે ઉત્તમ | ફોટા અને સમૃદ્ધ છબીઓ | Logos, icons, આકૃતિઓ |
Quiz
તમારે એવો કંપનીનો logo જોઈએ છે જે card પર નાનો છપાય કે banner પર મોટો, બંને જગ્યાએ પૂરેપૂરો ચોખ્ખો રહે. કયા પ્રકારની graphics file સૌથી સારી?
- JPEG જેવી raster file, કારણ કે એ પ્રચલિત છે
- SVG જેવી vector file, કારણ કે એ આકૃતિઓ તથા સૂચનાઓ સંઘરે છે અને ગુણવત્તા ગુમાવ્યા વગર કોઈ પણ માપે ગોઠવાય છે
- PNG જેવી raster file, કારણ કે એમાં પારદર્શકતા હોય છે
- કશો ફરક પડતો નથી; બધી files સરખી રીતે જ ગોઠવાય છે
Show the answer
SVG જેવી vector file, કારણ કે એ આકૃતિઓ તથા સૂચનાઓ સંઘરે છે અને ગુણવત્તા ગુમાવ્યા વગર કોઈ પણ માપે ગોઠવાય છે
Vector file (જેમ કે SVG) logo ને ભૌમિતિક આકૃતિઓ તથા દોરવાની સૂચનાઓ તરીકે સંઘરે છે, એટલે એને નાનું હોય કે મોટું, કોઈ પણ માપે ગુણવત્તા ગુમાવ્યા વગર ફરી દોરી શકાય છે, અને logo ને બરાબર એ જ જોઈએ છે. વિકલ્પ A ખોટો છે: JPEG raster છે (pixels નું નક્કી grid), એટલે એને banner ના માપ સુધી મોટું કરવાથી એ ઝાંખું પડે કે એમાં pixels દેખાવા લાગે. વિકલ્પ C, એટલે કે PNG, પણ raster જ છે; પારદર્શકતાથી માપ વધારવામાં કશી મદદ થતી નથી, અને એ પણ પોતાના resolution થી ઘણું આગળ મોટું કરતાં તૂટી જાય. વિકલ્પ D ખોટો છે: raster અને vector માપ પ્રમાણે સાવ જુદી રીતે વર્તે છે, અને એ જ તો આખો મુદ્દો છે. Logos અને icons જેવાં હંમેશા ચોખ્ખાં રહેતાં graphics માટે vector વાપરો; ફોટા માટે raster.
Think first
મોટી કરતાં raster છબી ઝાંખી કેમ પડે છે અને vector છબી ચોખ્ખી કેમ રહે છે?
દરેક છબીને સંઘરવાની રીતમાં એવું શું છે જેનાથી બંને માપ પ્રમાણે આટલી જુદી રીતે વર્તે છે? વિચારીને પછી tap કરો.
Show the answer
આ વાત એના પર આધારિત છે કે દરેક file ખરેખર શું સંઘરે છે: pixels ની નક્કી સંખ્યા, કે પછી resolution થી સ્વતંત્ર વર્ણન.
Raster છબી એટલે pixels ની નક્કી સંખ્યાવાળું grid, ધારો કે 100 ગુણ્યા 100. એટલી જ ઝીણવટ ત્યાં છે. તમે એને 400 ગુણ્યા 400 સુધી મોટી કરો, ત્યારે વધારાના pixels માં શું આવવું જોઈએ એની computer પાસે કોઈ નવી માહિતી જ નથી, એટલે એણે ખેંચીને અટકળ કરવી પડે છે: દરેક મૂળ pixel મોટા વિસ્તારમાં ફેલાય છે (અથવા software એમની વચ્ચે અંતર્વેશન કરે છે), અને પરિણામ ચોકઠાં જેવું કે ઝાંખું દેખાય છે, કારણ કે તમે file માં જેટલી ઝીણવટ છે એના કરતાં વધારે માગી રહ્યા છો. છબી એક જ resolution પર ઝિલાઈ હતી, અને મોટી કરવાથી કદી નોંધાઈ જ ન હોય એવી ઝીણવટ ઊભી થઈ શકતી નથી.
Vector છબી મૂળે જુદી જ વસ્તુ સંઘરે છે: આકૃતિઓનું ગાણિતિક વર્ણન, જેમ કે 'આટલી ત્રિજ્યાવાળું વર્તુળ અહીં કેન્દ્રમાં રાખીને લાલ રંગથી ભરેલું', 'આ બે બિંદુ વચ્ચે રેખા'. એ વર્ણનોને કોઈ નક્કી resolution હોતું જ નથી; એ સૂચનાઓ છે. એટલે છબીને કોઈ પણ માપે દેખાડવા માટે computer એ માપે દોરવાની સૂચનાઓ ફરીથી ચલાવે છે, અને તમે માગો એ resolution માટે તાજા, ચોક્કસ pixels ગણી કાઢે છે. દસ ગણા માપે દોરેલું વર્તુળ પણ પૂરેપૂરું વર્તુળ જ રહે છે, નવેસરથી દોરાયેલું, ખેંચેલો અંદાજ નહીં.
એટલે જ vector logo મોટા holding પર અસ્ત્રા જેવો ચોખ્ખો હોય છે: એ મોટો કરાયો નથી, ફરીથી દોરાયો છે. સોદાબાજી એ કે જટિલ ફોટાને આકૃતિઓ તરીકે વર્ણવવો અવ્યવહારુ છે, અને એટલે જ ફોટા raster જ રહે છે. નક્કી pixels ખેંચાય છે અને ઝાંખા પડે છે; સૂચનાઓ કોઈ પણ માપે પૂરેપૂરી ફરી દોરાય છે.
Summary
Key takeaways
- Graphics files છબીઓને બે કુળમાં સંઘરે છે: raster (bitmap) અને vector.
- Raster files pixels નું grid સંઘરે છે (દરેક pixel દીઠ એક રંગ): JPEG, PNG, GIF, BMP.
- Raster મોટી કરતાં ઝાંખી પડે છે કે એમાં pixels દેખાય છે, અને resolution વધે એમ એનું કદ વધે છે; એ ફોટા તથા સમૃદ્ધ છબીઓ માટે ઉત્તમ છે.
- Vector files ભૌમિતિક આકૃતિઓ અને દોરવાની સૂચનાઓ સંઘરે છે: SVG, EPS, AI.
- Vector ગુણવત્તા ગુમાવ્યા વગર કોઈ પણ માપે ગોઠવાય છે અને સાદાં graphics માટે નાની હોય છે; એ logos, icons અને આકૃતિઓ માટે ઉત્તમ છે.
- Compression lossy હોઈ શકે (નાનું, પણ થોડો data ફેંકી દે, જેમ કે JPEG) કે lossless (પૂરેપૂરું સચવાય, જેમ કે PNG).
- યાદ રાખવાની કડી: raster pixels સંઘરે છે (મોટી કરતાં ઝાંખી પડે છે), vector સૂચનાઓ સંઘરે છે (ચોખ્ખી રહે છે).