ત્યાં ઘણા ઇમેજ ફોર્મેટ છે જેનો ઉપયોગ વેબ પૃષ્ઠો પર થાય છે. કેટલાક સામાન્ય ઉદાહરણોમાં GIF , JPG , અને PNG છે . એસવીજી ફાઇલોનો ઉપયોગ સામાન્ય રીતે આજે પણ વેબસાઇટ્સ પર થાય છે, વેબ ડિઝાઇનર્સ ઓનલાઇન છબી માટેનો બીજો વિકલ્પ આપે છે.
GIF છબીઓ
ચિત્રોની નાની, નિશ્ચિત સંખ્યા ધરાવતી છબીઓ માટે GIF ફાઇલોનો ઉપયોગ કરો. GIF ફાઇલો હંમેશા 256 કરતા વધુ અનન્ય રંગોમાં ઘટાડો થાય છે. જી.પી.એફ. ફાઇલો માટે કમ્પ્રેશન ઍલ્ગોરિધમ JPG ફાઇલો કરતા ઓછી જટિલ છે, પરંતુ ફ્લેટ કલર ઈમેજો અને ટેક્સ્ટ પર ઉપયોગમાં લેવાતી વખતે તે ખૂબ જ નાની ફાઇલ કદ ઉત્પન્ન કરે છે.
GIF ફોર્મેટ ફોટોગ્રાફિક ઈમેજો માટે અથવા ગ્રેડીઅન્ટ રંગોવાળી છબીઓ માટે યોગ્ય નથી. કારણ કે GIF ફોર્મેટમાં મર્યાદિત સંખ્યામાં રંગો છે, Gadi ફાઇલ તરીકે સાચવવામાં આવે ત્યારે ઘટકો અને ફોટોગ્રાફ્સ બેન્ડિંગ અને પિક્સેલેશન સાથે સમાપ્ત થશે.
ટૂંકમાં, તમે ફક્ત થોડા રંગોમાં જ સરળ છબીઓ માટે જિફ્ટ્સનો ઉપયોગ કરશો, પણ તે માટે તમે પણ PNG નો ઉપયોગ કરી શકો છો (ટૂંક સમયમાં તે વધુ).
JPG છબીઓ
ફોટોગ્રાફ્સ અને અન્ય ચિત્રો માટે જેપીજી છબીઓનો ઉપયોગ કરો જેમાં લાખો રંગો છે. તે એક જટિલ સંકોચન અલ્ગોરિધમનો ઉપયોગ કરે છે જે તમને છબીની કેટલીક ગુણવત્તાને ગુમાવીને નાના ગ્રાફિક્સ બનાવવાની મંજૂરી આપે છે. આને "હાનિકારક" કમ્પ્રેશન કહેવામાં આવે છે કારણ કે ઇમેજ સંકુચિત થઈ જાય છે ત્યારે કેટલીક છબી માહિતી ખોવાઇ જાય છે.
JPG ફોર્મેટ ટેક્સ્ટ, નક્કર રંગના મોટા બ્લોકો, અને ચપળ ધાર સાથેના સરળ આકારો માટે યોગ્ય નથી. આનો અર્થ એ છે કે જ્યારે છબી સંકુચિત થાય છે ત્યારે ટેક્સ્ટ, રંગ અથવા રેખાઓ છબીને પરિણામે અસ્પષ્ટ હોઈ શકે છે જે તેટલી તીવ્ર નથી કારણ કે તે અન્ય ફોર્મેટમાં સાચવવામાં આવશે.
ફોટોગ્રાફ્સ અને છબીઓ માટે ઘણાં બધાં અને કુદરતી રંગો હોવા છતા JPG છબીઓનો શ્રેષ્ઠ ઉપયોગ થાય છે.
PNG છબીઓ
પી.એન.જી. ફોર્મેટને GIF ફોર્મેટ માટે સ્થાનાંતર તરીકે વિકસિત કરવામાં આવ્યું હતું જ્યારે તે દેખાયું કે GIF છબીઓ રોયલ્ટી ફીના આધારે હશે. પી.એન.જી. ગ્રાફિક્સની પાસે GIF ઈમેજો કરતાં વધુ સારી કમ્પ્રેશન દરો છે, જે GIF તરીકે સંગ્રહિત સમાન ફાઇલ કરતા નાની છબીઓમાં પરિણમે છે. PNG ફાઇલો આલ્ફા પારદર્શિતા આપે છે, જેનો અર્થ છે કે તમારી પાસે તમારી છબીઓના ભાગો હોઈ શકે છે જે ક્યાં તો સંપૂર્ણપણે પારદર્શક હોય અથવા તો તે પણ આલ્ફા પારદર્શિતા શ્રેણીનો ઉપયોગ કરે છે ઉદાહરણ તરીકે, ડ્રોપ છાયા પારદર્શકતાની અસરોનો ઉપયોગ કરે છે અને તે એક PNG માટે યોગ્ય હશે (અથવા તો તમે માત્ર સીએસએસ શેડોઝનો ઉપયોગ કરીને તેનો અંત કરી શકો છો).
PNG છબીઓ, જેમ કે GIF, ફોટોગ્રાફ્સ માટે યોગ્ય નથી. સાચું રંગોનો ઉપયોગ કરીને GIF ફાઇલો તરીકે સંગ્રહિત ફોટોગ્રાફને અસર કરતા બેન્ડિંગ મુદ્દાઓની આસપાસ વિચારવું શક્ય છે, પરંતુ આ ખૂબ મોટી છબીઓમાં પરિણમી શકે છે. જૂના સેલ ફોન અને ફીચર ફોન દ્વારા PNG છબીઓ પણ સારી રીતે સમર્થિત નથી.
અમે કોઈપણ ફાઇલ માટે PNG નો ઉપયોગ કરીએ છીએ જેમાં પારદર્શિતા જરૂરી છે. અમે કોઈ પણ ફાઇલ માટે PNG-8 નો ઉપયોગ કરીએ છીએ જે GIF તરીકે યોગ્ય છે, તેના બદલે આ PNG ફોર્મેટનો ઉપયોગ કરીને.
એસવીજી છબીઓ
એસવીજી સ્કેલેબલ વેક્ટર ગ્રાફિક માટે વપરાય છે JPG, GIF, અને PNG માં મળી આવેલા રાસ્ટર-આધારિત બંધારણોથી વિપરીત, આ ફાઇલો વેક્ટર્સને ખૂબ જ નાની ફાઇલો બનાવવા માટે ઉપયોગ કરે છે જે કોઈપણ કદ પર પ્રસ્તુત કરી શકાય છે અને ફાઇલ કદમાં વધારો કરવાની ગુણવત્તાના કોઈ નુકસાન સાથે નહીં. તે ચિહ્નો અને લોગો જેવા ચિત્રો માટે બનાવવામાં આવે છે.
વેબ ડિલિવરી માટે છબીઓ તૈયાર કરી રહ્યા છે
ગમે તે ઇમેજ ફોર્મેટનો તમે ઉપયોગ કરો છો, અને તમારી વેબસાઇટ તેના તમામ પૃષ્ઠોમાં સંખ્યાબંધ વિવિધ ફોર્મેટનો ઉપયોગ કરવા માટે ચોક્કસ છે, તમારે તે સુનિશ્ચિત કરવાની જરૂર છે કે તે સાઇટ પરના તમામ છબીઓ વેબ ડિલિવરી માટે તૈયાર કરવામાં આવે છે . ઘણી મોટી છબીઓ સાઇટને ધીમેથી ચલાવવાનું અને એકંદર પ્રદર્શન પર અસર કરી શકે છે. આને સામનો કરવા માટે, તે છબીઓ ઉચ્ચ ગુણવત્તાની વચ્ચેનો સંતુલન શોધવા માટે ઑપ્ટિમાઇઝ થવા જોઈએ અને તે ગુણવત્તા સ્તરે શક્ય સૌથી નીચો ફાઇલ કદ.
યોગ્ય છબીઓ ફોર્મેટ પસંદ કરવાનું યુદ્ધનો ભાગ છે, પણ તે ખાતરી કરવી કે તમે તે ફાઇલોને તૈયાર કરી છે આ મહત્વપૂર્ણ વેબ ડિલિવરી પ્રક્રિયામાં આગળનું પગલું છે
જેનિફર કિનાન દ્વારા મૂળ લેખ. જેરેમી ગીરર્ડ દ્વારા સંપાદિત.