એક સારો નિકાસ ત્યાંથી શરૂ થાય છે જ્યાં છબીનો ઉપયોગ કરવામાં આવશે. આ માર્ગદર્શિકા સમજાવે છે કે સ્કેલ કેવી રીતે પસંદ કરવો, તમારું SVG કેવી રીતે તૈયાર કરવું અને તેનો ઉપયોગ કરતા પહેલા PNG કેવી રીતે તપાસવું.
1. ગંતવ્ય સ્થાનથી શરૂઆત કરો
કન્વર્ટ કરતા પહેલા, છબી પ્રાપ્ત કરશે તેવી વેબસાઇટ, દસ્તાવેજ, ઇમેઇલ સિસ્ટમ અથવા ડિઝાઇન એપ્લિકેશન દ્વારા વિનંતી કરાયેલ પિક્સેલ પરિમાણો તપાસો. આ સાધન પસંદ કરેલ ગુણક દ્વારા SVG ના રેન્ડર કરેલા પરિમાણોને સ્કેલ કરે છે; તે કસ્ટમ પહોળાઈ અને ઊંચાઈ ક્ષેત્રો પ્રદાન કરતું નથી. જો કોઈ પ્લેટફોર્મ 1200 પિક્સેલ પહોળાઈની વિનંતી કરે છે, તો તે ગંતવ્યની સરખામણી SVG ની દર્શાવેલ પહોળાઈ સાથે કરો અને બિનજરૂરી રીતે મોટી ફાઇલ બનાવ્યા વિના નજીક આવતો ગુણક પસંદ કરો.
2. સ્કેલ ફેક્ટર્સ સમજો
વિકલ્પો 1x, 2x, 3x, 4x અને 8x છે. ગુણક પહોળાઈ અને ઊંચાઈ બંનેને અસર કરે છે: 2x પર રેન્ડર થયેલ 200 × 100 સ્રોત 400 × 200 પિક્સેલ બની જાય છે. પિક્સેલની સંખ્યા ગુણકના વર્ગ સાથે વધે છે, તેથી 8x એ 1x કરતાં 64 ગણા વધુ પિક્સેલ ઉત્પન્ન કરે છે. મોટું આઉટપુટ નોંધપાત્ર રીતે વધુ મેમરી વાપરી શકે છે અને જ્યારે મૂળ આર્ટ અથવા લક્ષ્ય પ્રદર્શનને તેની જરૂર ન હોય ત્યારે તે વધુ સારું ન પણ લાગે.
3. ડિસ્પ્લે માટે ફેક્ટર પસંદ કરો
માનક ઇન્ટરફેસ ગ્રાફિક્સ માટે, 1x અથવા 2x અવારનવાર એક વ્યવહારુ પ્રારંભિક બિંદુ છે; જ્યારે ટાર્ગેટ લેઆઉટ છબીને નાની કરે છે ત્યારે 2x ઉચ્ચ-ઘનતા વાળા ડિસ્પ્લેમાં મદદ કરી શકે છે. માત્ર ત્યારે જ 3x અથવા 4x પસંદ કરો જ્યારે ડિઝાઇનને વધારાના પિક્સેલ પરિમાણોની જરૂર હોય. 8x નો ઉપયોગ પસંદગીપૂર્વક કરો કારણ કે ખૂબ મોટા કેનવાસને રેન્ડર થવામાં વધુ સમય લાગી શકે છે અથવા બ્રાઉઝરની મર્યાદાઓ ઓળંગી શકે છે.
4. પૃષ્ઠભૂમિ પારદર્શક હોવી જોઈએ કે નહીં તે નક્કી કરો
જ્યારે PNG ને રંગીન પૃષ્ઠ, પ્રસ્તુતિ અથવા અન્ય છબીની ટોચ પર મૂકવાની જરૂર હોય ત્યારે પારદર્શક પસંદ કરો. જ્યારે ગંતવ્ય સ્થાન સફેદ લંબચોરસની અપેક્ષા રાખે અથવા જ્યારે ઘન પૃષ્ઠભૂમિ આર્ટની તપાસ કરવાનું સરળ બનાવે ત્યારે સફેદ પસંદ કરો. PNG પારદર્શિતાને સપોર્ટ કરે છે, પરંતુ ટાર્ગેટ એપ્લિકેશન ચેકરબોર્ડ પેટર્ન પર પારદર્શક પિક્સેલ્સ દર્શાવી શકે છે અથવા છબી દાખલ કરતી વખતે તેને ફ્લેટ કરી શકે છે.
5. નિકાસ કરતા પહેલા SVG તૈયાર કરો
વેક્ટર એડિટરમાં સ્રોત ખોલો અને ચકાસો કે તેની પાસે એક સમજદાર viewBox અને તે viewBox ની અંદર દૃશ્યમાન આર્ટ છે. જો તે ફોન્ટ્સ ન ધરાવતા ઉપકરણો પર ડિઝાઇન સમાન દેખાવી જોઈતી હોય તો ફોન્ટ્સને કન્વર્ટ કરો અથવા એમ્બેડ કરો. લિંક કરેલી છબીઓ અને બાહ્ય સંસાધનો ઉપલબ્ધ રાખો; આ બ્રાઉઝર કન્વર્ટર SVG ફાઇલમાંથી દૂરસ્થ ફોન્ટ્સ, લિંક કરેલી છબીઓ, સ્ક્રિપ્ટો અથવા અન્ય બાહ્ય નિર્ભરતાઓને રેન્ડર કરી શકશે નહીં.
6. કન્વર્ટ કરો અને પૂર્વાવલોકન તપાસો
એક SVG ફાઇલ પસંદ કરો, સ્કેલ અને પૃષ્ઠભૂમિ પસંદ કરો અને પછી તેને કન્વર્ટ કરો. ચકાસો કે સંપૂર્ણ રેખાંકન દૃશ્યમાન છે, લખાણ અને સરસ રેખાઓ વાંચી શકાય તેવી રહે છે, અને પૂર્વાવલોકનમાં અપેક્ષિત પૃષ્ઠભૂમિ છે. જો પરિણામ ક્રોપ થયેલ હોય, તો મૂળ ફાઇલમાં SVG viewBox અને પરિમાણો તપાસો. કન્વર્ટર એક સમયે એક ફાઇલ પર પ્રક્રિયા કરે છે અને તે ફાઇલ માટે PNG ડાઉનલોડ પ્રદાન કરે છે.
7. પિક્સેલ્સ અને ફાઇલ કદ તપાસો
PNG નો ઉપયોગ તેના ઇચ્છિત સંદર્ભમાં કરો અને તે વાસ્તવમાં દેખાશે તે કદમાં તેની તપાસ કરો. મોટું પિક્સેલ પરિમાણ સ્ક્રીન પરના નાના આઇકનને આપમેળે સુધારતું નથી. જો PNG ખૂબ મોટું હોય, તો SVG પર પાછા જાઓ અને નીચા ફેક્ટર સાથે નિકાસ કરો. જો તે સોફ્ટ દેખાય છે, તો ખાતરી કરો કે કન્વર્ઝન પછી ગંતવ્ય સ્થાન નાની રાસ્ટર છબીને મોટી કરતું નથી.
8. સંપાદનયોગ્ય સ્રોત રાખો
PNG ની સાથે મૂળ SVG સાચવો. SVG વેક્ટર પાથને સાચવે છે અને સામાન્ય રીતે પછીના સંપાદનો, પુનઃરંગકામ અને કદ બદલવા માટે વધુ સારું છે. PNG એ રાસ્ટર છબીઓની જરૂર હોય તેવા ગંતવ્ય સ્થાનો માટે અનુકૂળ નિશ્ચિત-કદની નકલ છે. બંનેને રાખવાથી તમે પહેલેથી જ રાસ્ટરાઇઝ્ડ છબીને વારંવાર સ્કેલ કર્યા વિના અલગ કદમાં બીજું PNG બનાવી શકો છો.