ટાઇપોગ્રાફી કન્વર્ટર
ગુટેનબર્ગથી રેટિના સુધી: ટાઇપોગ્રાફી એકમોમાં નિપુણતા
ટાઇપોગ્રાફી એકમો પ્રિન્ટ, વેબ અને મોબાઇલ પ્લેટફોર્મ પર ડિઝાઇનનો પાયો રચે છે. ૧૭૦૦ના દાયકામાં સ્થાપિત થયેલ પરંપરાગત પોઇન્ટ સિસ્ટમથી માંડીને આધુનિક પિક્સેલ-આધારિત માપન સુધી, આ એકમોને સમજવું ડિઝાઇનરો, વિકાસકર્તાઓ અને ટેક્સ્ટ સાથે કામ કરતા કોઈપણ માટે આવશ્યક છે. આ વ્યાપક માર્ગદર્શિકા ૨૨+ ટાઇપોગ્રાફી એકમો, તેમના ઐતિહાસિક સંદર્ભ, વ્યવહારુ ઉપયોગો અને વ્યાવસાયિક કાર્ય માટે રૂપાંતરણ તકનીકોને આવરી લે છે.
મૂળભૂત ખ્યાલો: ટાઇપોગ્રાફી માપનને સમજવું
પોઇન્ટ (pt)
ટાઇપોગ્રાફીનો નિરપેક્ષ એકમ, ૧/૭૨ ઇંચ તરીકે માનક
પોઇન્ટ ફોન્ટનું કદ, લાઇન સ્પેસિંગ (લીડિંગ), અને અન્ય ટાઇપોગ્રાફિક પરિમાણોને માપે છે. ૧૨pt ફોન્ટનો અર્થ છે કે સૌથી નીચા ડિસેન્ડરથી સૌથી ઊંચા એસેન્ડર સુધીનું અંતર ૧૨ પોઇન્ટ (૧/૬ ઇંચ અથવા ૪.૨૩mm) છે. પોઇન્ટ સિસ્ટમ ઉપકરણ-સ્વતંત્ર માપન પ્રદાન કરે છે જે માધ્યમોમાં સુસંગત રીતે અનુવાદિત થાય છે.
ઉદાહરણ: ૧૨pt Times New Roman = ૦.૧૬૬૭ ઇંચ ઊંચું = ૪.૨૩mm. વ્યવસાયિક બોડી ટેક્સ્ટ સામાન્ય રીતે ૧૦-૧૨pt નો ઉપયોગ કરે છે, હેડલાઇન્સ ૧૮-૭૨pt.
પિક્સેલ (px)
ડિજિટલ એકમ જે સ્ક્રીન અથવા છબી પર એક બિંદુનું પ્રતિનિધિત્વ કરે છે
પિક્સેલ એ ઉપકરણ-આધારિત એકમો છે જે સ્ક્રીનની ઘનતા (DPI/PPI) પર આધાર રાખીને બદલાય છે. સમાન પિક્સેલ ગણતરી ઓછી-રિઝોલ્યુશન ડિસ્પ્લે (૭૨ PPI) પર મોટી અને ઉચ્ચ-રિઝોલ્યુશન રેટિના ડિસ્પ્લે (૨૨૦+ PPI) પર નાની દેખાય છે. DPI/PPI સંબંધોને સમજવું એ ઉપકરણોમાં સુસંગત ટાઇપોગ્રાફી માટે નિર્ણાયક છે.
ઉદાહરણ: ૯૬ DPI પર ૧૬px = ૧૨pt. એ જ ૧૬px ૩૦૦ DPI (પ્રિન્ટ) પર = ૩.૮૪pt. પિક્સેલ્સને રૂપાંતરિત કરતી વખતે હંમેશા લક્ષ્ય DPI નો ઉલ્લેખ કરો.
પાઇકા (pc)
પરંપરાગત ટાઇપોગ્રાફિક એકમ જે ૧૨ પોઇન્ટ અથવા ૧/૬ ઇંચ બરાબર છે
પાઇકા કોલમની પહોળાઈ, માર્જિન અને પેજ લેઆઉટના પરિમાણોને પરંપરાગત પ્રિન્ટ ડિઝાઇનમાં માપે છે. InDesign અને QuarkXPress જેવા ડેસ્કટોપ પબ્લિશિંગ સોફ્ટવેર પાઇકાને ડિફોલ્ટ માપન એકમ તરીકે ઉપયોગ કરે છે. એક પાઇકા બરાબર ૧૨ પોઇન્ટ બરાબર છે, જે રૂપાંતરણોને સરળ બનાવે છે.
ઉદાહરણ: એક પ્રમાણભૂત અખબારની કોલમ ૧૫ પાઇકા પહોળી હોઈ શકે છે (૨.૫ ઇંચ અથવા ૧૮૦ પોઇન્ટ). મેગેઝિન લેઆઉટમાં ઘણીવાર ૩૦-૪૦ પાઇકા માપનો ઉપયોગ થાય છે.
- ૧ પોઇન્ટ (pt) = ૧/૭૨ ઇંચ = ૦.૩૫૨૮ mm — નિરપેક્ષ ભૌતિક માપ
- ૧ પાઇકા (pc) = ૧૨ પોઇન્ટ = ૧/૬ ઇંચ — લેઆઉટ અને કોલમ પહોળાઈનું ધોરણ
- પિક્સેલ્સ ઉપકરણ-આધારિત છે: ૯૬ DPI ( Windows ), ૭૨ DPI ( Mac લેગસી), ૩૦૦ DPI (પ્રિન્ટ)
- PostScript પોઇન્ટ (૧૯૮૪) એ સદીઓથી ચાલતી અસંગત ટાઇપોગ્રાફિક સિસ્ટમોને એકીકૃત કરી
- ડિજિટલ ટાઇપોગ્રાફી ડિઝાઇન માટે પોઇન્ટ્સ અને અમલીકરણ માટે પિક્સેલ્સનો ઉપયોગ કરે છે
- DPI/PPI પિક્સેલ-થી-પોઇન્ટ રૂપાંતરણ નક્કી કરે છે: ઉચ્ચ DPI = નાનું ભૌતિક કદ
ઝડપી રૂપાંતરણ ઉદાહરણો
ટાઇપોગ્રાફી માપનની ઉત્ક્રાંતિ
મધ્યયુગીન અને પ્રારંભિક આધુનિક (૧૪૫૦-૧૭૩૭)
૧૪૫૦–૧૭૩૭
જંગમ પ્રકારના જન્મે માનક માપનની જરૂરિયાત ઊભી કરી, પરંતુ પ્રાદેશિક સિસ્ટમો સદીઓ સુધી અસંગત રહી.
- ૧૪૫૦: ગુટેનબર્ગના પ્રિન્ટીંગ પ્રેસે માનક પ્રકારના કદની જરૂરિયાત ઊભી કરી
- ૧૫૦૦ના દાયકા: પ્રકારના કદ બાઇબલની આવૃત્તિઓ (સિસેરો, ઓગસ્ટિન, વગેરે) પરથી નામ આપવામાં આવ્યા હતા.
- ૧૬૦૦ના દાયકા: દરેક યુરોપિયન પ્રદેશે પોતાની પોઇન્ટ સિસ્ટમ વિકસાવી
- ૧૬૯૦ના દાયકા: ફ્રેન્ચ ટાઇપોગ્રાફર ફોર્નિયરે ૧૨-વિભાગીય સિસ્ટમ પ્રસ્તાવિત કરી
- પ્રારંભિક સિસ્ટમો: અત્યંત અસંગત, પ્રદેશો વચ્ચે ૦.૦૧-૦.૦૨mm દ્વારા અલગ
ડિડોટ સિસ્ટમ (૧૭૩૭-૧૮૮૬)
૧૭૩૭–૧૮૮૬
ફ્રેન્ચ પ્રિન્ટર ફ્રાન્કોઇસ-એમ્બ્રોઇસ ડિડોટે પ્રથમ સાચું ધોરણ બનાવ્યું, જે સમગ્ર ખંડીય યુરોપમાં અપનાવવામાં આવ્યું અને આજે પણ ફ્રાન્સ અને જર્મનીમાં વપરાય છે.
- ૧૭૩૭: ફોર્નિયરે ફ્રેન્ચ શાહી ઇંચ પર આધારિત પોઇન્ટ સિસ્ટમ પ્રસ્તાવિત કરી
- ૧૭૭૦: ફ્રાન્કોઇસ-એમ્બ્રોઇસ ડિડોટે સિસ્ટમમાં સુધારો કર્યો — ૧ ડિડોટ પોઇન્ટ = ૦.૩૭૬mm
- ૧૭૮૫: સિસેરો (૧૨ ડિડોટ પોઇન્ટ) માનક માપ બન્યું
- ૧૮૦૦ના દાયકા: ડિડોટ સિસ્ટમ ખંડીય યુરોપિયન પ્રિન્ટીંગ પર પ્રભુત્વ ધરાવે છે
- આધુનિક: હજુ પણ ફ્રાન્સ, જર્મની, બેલ્જિયમમાં પરંપરાગત પ્રિન્ટ માટે વપરાય છે
એંગ્લો-અમેરિકન સિસ્ટમ (૧૮૮૬-૧૯૮૪)
૧૮૮૬–૧૯૮૪
અમેરિકન અને બ્રિટિશ પ્રિન્ટર્સે પાઇકા સિસ્ટમને માનક બનાવ્યું, જેમાં ૧ પોઇન્ટને ૦.૦૧૩૮૩૭ ઇંચ (૧/૭૨.૨૭ ઇંચ) તરીકે વ્યાખ્યાયિત કરવામાં આવ્યું, જે અંગ્રેજી-ભાષાની ટાઇપોગ્રાફી પર પ્રભુત્વ ધરાવે છે.
- ૧૮૮૬: અમેરિકન ટાઇપ ફાઉન્ડર્સે પાઇકા સિસ્ટમ સ્થાપિત કરી: ૧ pt = ૦.૦૧૩૮૩૭"
- ૧૮૯૮: બ્રિટિશરોએ અમેરિકન ધોરણ અપનાવ્યું, એંગ્લો-અમેરિકન એકતા બનાવી
- ૧૯૩૦-૧૯૭૦ના દાયકા: પાઇકા સિસ્ટમ તમામ અંગ્રેજી-ભાષાના પ્રિન્ટીંગ પર પ્રભુત્વ ધરાવે છે
- તફાવત: એંગ્લો-અમેરિકન પોઇન્ટ (૦.૩૫૧mm) વિરુદ્ધ ડિડોટ (૦.૩૭૬mm) — ૭% મોટું
- અસર: યુએસ/યુકે બજારો વિરુદ્ધ યુરોપિયન બજારો માટે અલગ પ્રકારની કાસ્ટિંગની જરૂર હતી
પોસ્ટસ્ક્રીપ્ટ ક્રાંતિ (૧૯૮૪-હાલ)
૧૯૮૪–હાલ
Adobe ના PostScript સ્ટાન્ડર્ડે ૧ પોઇન્ટને બરાબર ૧/૭૨ ઇંચ તરીકે વ્યાખ્યાયિત કરીને વૈશ્વિક ટાઇપોગ્રાફીને એકીકૃત કરી, સદીઓની અસંગતતાનો અંત આણ્યો અને ડિજિટલ ટાઇપોગ્રાફીને સક્ષમ કરી.
- ૧૯૮૪: Adobe PostScript એ ૧ pt = બરાબર ૧/૭૨ ઇંચ (૦.૩૫૨૮mm) તરીકે વ્યાખ્યાયિત કર્યું
- ૧૯૮૫: Apple LaserWriter એ PostScript ને ડેસ્કટોપ પબ્લિશિંગ માટે માનક બનાવ્યું
- ૧૯૯૦ના દાયકા: PostScript પોઇન્ટ વૈશ્વિક ધોરણ બન્યું, પ્રાદેશિક સિસ્ટમોને બદલીને
- ૨૦૦૦ના દાયકા: TrueType, OpenType એ PostScript માપન અપનાવ્યું
- આધુનિક: PostScript પોઇન્ટ એ તમામ ડિજિટલ ડિઝાઇન માટે સાર્વત્રિક ધોરણ છે
પરંપરાગત ટાઇપોગ્રાફી સિસ્ટમ્સ
૧૯૮૪માં PostScript એ માપનને એકીકૃત કરતા પહેલા, પ્રાદેશિક ટાઇપોગ્રાફિક સિસ્ટમ્સ સહ-અસ્તિત્વમાં હતી, દરેકમાં અનન્ય પોઇન્ટ વ્યાખ્યાઓ હતી. આ સિસ્ટમો ઐતિહાસિક પ્રિન્ટીંગ અને વિશિષ્ટ એપ્લિકેશનો માટે મહત્વપૂર્ણ રહે છે.
ડિડોટ સિસ્ટમ (ફ્રેન્ચ/યુરોપિયન)
૧૭૭૦માં ફ્રાન્કોઇસ-એમ્બ્રોઇસ ડિડોટ દ્વારા સ્થાપિત
ખંડીય યુરોપિયન ધોરણ, જે હજુ પણ ફ્રાન્સ, જર્મની અને પૂર્વ યુરોપના ભાગોમાં પરંપરાગત પ્રિન્ટીંગ માટે વપરાય છે.
- ૧ ડિડોટ પોઇન્ટ = ૦.૩૭૬mm (વિરુદ્ધ PostScript ૦.૩૫૩mm) — ૬.૫% મોટું
- ૧ સિસેરો = ૧૨ ડિડોટ પોઇન્ટ = ૪.૫૧mm (પાઇકા સાથે તુલનાત્મક)
- ફ્રેન્ચ શાહી ઇંચ (૨૭.૦૭mm) પર આધારિત, મેટ્રિક જેવી સરળતા પૂરી પાડે છે
- હજુ પણ યુરોપિયન આર્ટ બુક અને ક્લાસિકલ પ્રિન્ટીંગમાં પસંદ કરવામાં આવે છે
- આધુનિક ઉપયોગ: ફ્રેન્ચ ઇમ્પ્રીમેરી નેશનાલે, જર્મન ફ્રેક્ચર ટાઇપોગ્રાફી
TeX સિસ્ટમ (શૈક્ષણિક)
૧૯૭૮માં ડોનાલ્ડ નૂથ દ્વારા કમ્પ્યુટર ટાઇપસેટિંગ માટે બનાવવામાં આવ્યું
ગાણિતિક અને વૈજ્ઞાનિક પ્રકાશન માટેનું શૈક્ષણિક ધોરણ, ચોક્કસ ડિજિટલ કમ્પોઝિશન માટે ઑપ્ટિમાઇઝ્ડ.
- ૧ TeX પોઇન્ટ = ૧/૭૨.૨૭ ઇંચ = ૦.૩૫૧mm (જૂના એંગ્લો-અમેરિકન પોઇન્ટ સાથે મેળ ખાય છે)
- પૂર્વ-ડિજિટલ શૈક્ષણિક પ્રકાશનો સાથે સુસંગતતા જાળવવા માટે પસંદ કરેલ
- ૧ TeX પાઇકા = ૧૨ TeX પોઇન્ટ્સ (પોસ્ટસ્ક્રીપ્ટ પાઇકા કરતાં સહેજ નાનું)
- LaTeX દ્વારા વપરાયેલ, પ્રબળ વૈજ્ઞાનિક પ્રકાશન સિસ્ટમ
- માટે નિર્ણાયક: શૈક્ષણિક પેપરો, ગાણિતિક ગ્રંથો, ભૌતિકશાસ્ત્રના જર્નલ્સ
ટ્વીપ (કમ્પ્યુટર સિસ્ટમ્સ)
Microsoft Word અને Windows ટાઇપોગ્રાફી
શબ્દ પ્રોસેસરો માટે આંતરિક માપન એકમ, ડિજિટલ દસ્તાવેજ લેઆઉટ માટે ઝીણવટભર્યું નિયંત્રણ પૂરું પાડે છે.
- ૧ ટ્વીપ = ૧/૨૦ પોઇન્ટ = ૧/૧૪૪૦ ઇંચ = ૦.૦૧૭૬mm
- નામ: 'પોઇન્ટનો વીસમો ભાગ' — અત્યંત ચોક્કસ માપન
- આંતરિક રીતે વપરાયેલ: Microsoft Word, Excel, PowerPoint, Windows GDI
- ફ્લોટિંગ-પોઇન્ટ ગણિત વિના અપૂર્ણાંક પોઇન્ટ કદને મંજૂરી આપે છે
- ૨૦ ટ્વીપ્સ = ૧ પોઇન્ટ, વ્યાવસાયિક ટાઇપસેટિંગ માટે ૦.૦૫pt ચોકસાઇને સક્ષમ કરે છે
અમેરિકન પ્રિન્ટર્સ પોઇન્ટ
૧૮૮૬ અમેરિકન ટાઇપ ફાઉન્ડર્સ ધોરણ
અંગ્રેજી-ભાષાના પ્રિન્ટીંગ માટેનું પૂર્વ-ડિજિટલ ધોરણ, PostScript થી સહેજ અલગ.
- ૧ પ્રિન્ટર્સ પોઇન્ટ = ૦.૦૧૩૮૩૭ ઇંચ = ૦.૩૫૧mm
- ૧/૭૨.૨૭ ઇંચ બરાબર (વિરુદ્ધ PostScript ૧/૭૨) — ૦.૪% નાનું
- પાઇકા = ૦.૧૬૬ ઇંચ (વિરુદ્ધ PostScript ૦.૧૬૬૬૭) — ભાગ્યે જ સમજી શકાય તેવો તફાવત
- PostScript એકીકરણ પહેલા ૧૮૮૬-૧૯૮૪ સુધી પ્રભુત્વ ધરાવતું હતું
- વારસાની અસર: કેટલાક પરંપરાગત પ્રિન્ટ શોપ્સ હજુ પણ આ સિસ્ટમનો ઉલ્લેખ કરે છે
સામાન્ય ટાઇપોગ્રાફી કદ
| ઉપયોગ | પોઇન્ટ્સ | પિક્સેલ્સ (૯૬ DPI) | નોંધો |
|---|---|---|---|
| નાના પ્રિન્ટ / ફૂટનોટ્સ | ૮-૯ pt | ૧૧-૧૨ px | ન્યૂનતમ સુવાચ્યતા |
| બોડી ટેક્સ્ટ (પ્રિન્ટ) | ૧૦-૧૨ pt | ૧૩-૧૬ px | પુસ્તકો, સામયિકો |
| બોડી ટેક્સ્ટ (વેબ) | ૧૨ pt | ૧૬ px | બ્રાઉઝર ડિફોલ્ટ |
| પેટાશીર્ષકો | ૧૪-૧૮ pt | ૧૯-૨૪ px | વિભાગ હેડરો |
| હેડિંગ્સ (H2-H3) | ૧૮-૨૪ pt | ૨૪-૩૨ px | લેખ શીર્ષકો |
| મુખ્ય હેડલાઇન્સ (H1) | ૨૮-૪૮ pt | ૩૭-૬૪ px | પેજ/પોસ્ટર શીર્ષકો |
| ડિસ્પ્લે પ્રકાર | ૬૦-૧૪૪ pt | ૮૦-૧૯૨ px | પોસ્ટરો, બિલબોર્ડ |
| ન્યૂનતમ ટચ ટાર્ગેટ | ૩૩ pt | ૪૪ px | iOS સુલભતા |
| કોલમ પહોળાઈનું ધોરણ | ૧૮૦ pt (૧૫ pc) | ૨૪૦ px | અખબારો |
| માનક લીડિંગ | ૧૪.૪ pt (૧૨pt ટેક્સ્ટ માટે) | ૧૯.૨ px | ૧૨૦% લાઇન સ્પેસિંગ |
ટાઇપોગ્રાફી વિશે રસપ્રદ તથ્યો
'ફોન્ટ' નો ઉદ્ભવ
'ફોન્ટ' શબ્દ ફ્રેન્ચ 'fonte' પરથી આવ્યો છે જેનો અર્થ 'કાસ્ટ' અથવા 'પીગળેલું' થાય છે—પરંપરાગત લેટરપ્રેસ પ્રિન્ટીંગમાં વ્યક્તિગત મેટલ પ્રકારના ટુકડાઓ બનાવવા માટે મોલ્ડમાં રેડવામાં આવતા પીગળેલા ધાતુનો ઉલ્લેખ કરે છે.
શા માટે ૭૨ પોઇન્ટ્સ?
PostScript એ પ્રતિ ઇંચ ૭૨ પોઇન્ટ્સ પસંદ કર્યા કારણ કે ૭૨ એ ૨, ૩, ૪, ૬, ૮, ૯, ૧૨, ૧૮, ૨૪ અને ૩૬ વડે વિભાજ્ય છે—જે ગણતરીઓને સરળ બનાવે છે. તે પરંપરાગત પાઇકા સિસ્ટમ (૭૨.૨૭ પોઇન્ટ્સ/ઇંચ) સાથે પણ ખૂબ નજીકથી મેળ ખાતું હતું.
સૌથી મોંઘો ફોન્ટ
Bauer Bodoni સંપૂર્ણ પરિવાર માટે $૮૯,૯૦૦ માં વેચાય છે—જે અત્યાર સુધી વેચાયેલા સૌથી મોંઘા કોમર્શિયલ ફોન્ટ્સમાંનો એક છે. તેની ડિઝાઇનને ૧૯૨૦ના દાયકાના મૂળ મેટલ પ્રકારના નમૂનાઓમાંથી ડિજિટાઇઝ કરવા માટે વર્ષોની મહેનત લાગી.
કોમિક સેન્સ સાયકોલોજી
ડિઝાઇનરની નફરત છતાં, કોમિક સેન્સ ડિસ્લેક્સિક વાચકો માટે વાંચવાની ગતિ ૧૦-૧૫% વધારે છે કારણ કે તેના અનિયમિત અક્ષર આકારો અક્ષરની મૂંઝવણને અટકાવે છે. તે ખરેખર એક મૂલ્યવાન સુલભતા સાધન છે.
સાર્વત્રિક પ્રતીક
'@' પ્રતીકને જુદી જુદી ભાષાઓમાં જુદા જુદા નામો છે: 'ગોકળગાય' (ઇટાલિયન), 'વાનરની પૂંછડી' (ડચ), 'નાનો ઉંદર' (ચીની), અને 'રોલ્ડ અથાણાંવાળી હેરિંગ' (ચેક)—પરંતુ તે સમાન ૨૪pt અક્ષર છે.
મેકનો ૭૨ DPI નો નિર્ણય
Apple એ મૂળ મેક્સ માટે ૭૨ DPI પસંદ કર્યું જેથી તે પોસ્ટસ્ક્રીપ્ટ પોઇન્ટ્સ સાથે બરાબર મેળ ખાય (૧ પિક્સેલ = ૧ પોઇન્ટ), જેણે ૧૯૮૪ માં પ્રથમ વખત WYSIWYG ડેસ્કટોપ પબ્લિશિંગ શક્ય બનાવ્યું. આનાથી ગ્રાફિક ડિઝાઇનમાં ક્રાંતિ આવી.
ટાઇપોગ્રાફી ઉત્ક્રાંતિ સમયરેખા
૧૪૫૦
ગુટેનબર્ગે જંગમ પ્રકારની શોધ કરી—પ્રકાર માપનના ધોરણોની પ્રથમ જરૂરિયાત
૧૭૩૭
ફ્રાન્કોઇસ-એમ્બ્રોઇસ ડિડોટે ડિડોટ પોઇન્ટ સિસ્ટમ (૦.૩૭૬mm) બનાવી
૧૮૮૬
અમેરિકન ટાઇપ ફાઉન્ડર્સે પાઇકા સિસ્ટમ (૧ pt = ૧/૭૨.૨૭ ઇંચ) ને માનક બનાવ્યું
૧૯૭૮
ડોનાલ્ડ નૂથે શૈક્ષણિક ટાઇપસેટિંગ માટે TeX પોઇન્ટ સિસ્ટમ બનાવી
૧૯૮૪
Adobe PostScript એ ૧ pt = બરાબર ૧/૭૨ ઇંચ તરીકે વ્યાખ્યાયિત કર્યું—વૈશ્વિક એકીકરણ
૧૯૮૫
Apple LaserWriter એ PostScript ને ડેસ્કટોપ પબ્લિશિંગમાં લાવ્યું
૧૯૯૧
TrueType ફોન્ટ ફોર્મેટે ડિજિટલ ટાઇપોગ્રાફીને માનક બનાવ્યું
૧૯૯૬
CSS એ પિક્સેલ-આધારિત માપન સાથે વેબ ટાઇપોગ્રાફી રજૂ કરી
૨૦૦૭
iPhone એ @૨x રેટિના ડિસ્પ્લે રજૂ કર્યા—ઘનતા-સ્વતંત્ર ડિઝાઇન
૨૦૦૮
Android એ dp (ઘનતા-સ્વતંત્ર પિક્સેલ્સ) સાથે લોન્ચ થયું
૨૦૧૦
વેબ ફોન્ટ્સ (WOFF) એ ઓનલાઇન કસ્ટમ ટાઇપોગ્રાફીને સક્ષમ કરી
૨૦૧૪
વેરિયેબલ ફોન્ટ્સ સ્પેસિફિકેશન—એક ફાઇલ, અનંત શૈલીઓ
ડિજિટલ ટાઇપોગ્રાફી: સ્ક્રીન્સ, DPI, અને પ્લેટફોર્મ તફાવતો
ડિજિટલ ટાઇપોગ્રાફી ઉપકરણ-આધારિત માપનનો પરિચય આપે છે જ્યાં સમાન આંકડાકીય મૂલ્ય સ્ક્રીનની ઘનતાના આધારે જુદા જુદા ભૌતિક કદનું ઉત્પાદન કરે છે. સુસંગત ડિઝાઇન માટે પ્લેટફોર્મ સંમેલનોને સમજવું નિર્ણાયક છે.
Windows (૯૬ DPI ધોરણ)
૯૬ DPI (૯૬ પિક્સેલ્સ પ્રતિ ઇંચ)
Microsoft એ Windows ૯૫ માં ૯૬ DPI પર માનક બનાવ્યું, જે પિક્સેલ્સ અને પોઇન્ટ્સ વચ્ચે ૪:૩ નો ગુણોત્તર બનાવે છે. મોટાભાગના પીસી ડિસ્પ્લે માટે આ ડિફોલ્ટ રહે છે.
- ૯૬ DPI પર ૧ px = ૦.૭૫ pt (૪ પિક્સેલ્સ = ૩ પોઇન્ટ્સ)
- ૧૬px = ૧૨pt — સામાન્ય બોડી ટેક્સ્ટ કદ રૂપાંતરણ
- ઇતિહાસ: મૂળ ૬૪ DPI CGA ધોરણના ૧.૫× તરીકે પસંદ કરેલ
- આધુનિક: ઉચ્ચ-DPI ડિસ્પ્લે ૧૨૫%, ૧૫૦%, ૨૦૦% સ્કેલિંગ (૧૨૦, ૧૪૪, ૧૯૨ DPI) નો ઉપયોગ કરે છે
- વેબ ડિફોલ્ટ: CSS બધા px-થી-ભૌતિક રૂપાંતરણો માટે ૯૬ DPI ધારે છે
macOS (૭૨ DPI લેગસી, ૨૨૦ PPI રેટિના)
૭૨ DPI (લેગસી), ૨૨૦ PPI (@૨x રેટિના)
Apple નું મૂળ ૭૨ DPI PostScript પોઇન્ટ્સ સાથે ૧:૧ મેળ ખાતું હતું. આધુનિક રેટિના ડિસ્પ્લે સ્પષ્ટ રેન્ડરિંગ માટે @૨x/@૩x સ્કેલિંગનો ઉપયોગ કરે છે.
- લેગસી: ૭૨ DPI પર ૧ px = બરાબર ૧ pt (સંપૂર્ણ પત્રવ્યવહાર)
- રેટિના @૨x: પ્રતિ પોઇન્ટ ૨ ભૌતિક પિક્સેલ્સ, ૨૨૦ PPI અસરકારક
- રેટિના @૩x: પ્રતિ પોઇન્ટ ૩ ભૌતિક પિક્સેલ્સ, ૩૩૦ PPI ( iPhone )
- ફાયદો: પોઇન્ટ કદ સ્ક્રીન અને પ્રિન્ટ પૂર્વદર્શન પર મેળ ખાય છે
- વાસ્તવિકતા: ભૌતિક રેટિના ૨૨૦ PPI છે પરંતુ ૧૧૦ PPI (૨×) તરીકે દેખાવા માટે માપવામાં આવે છે
Android (૧૬૦ DPI બેઝલાઇન)
૧૬૦ DPI (ઘનતા-સ્વતંત્ર પિક્સેલ)
Android ની dp (ઘનતા-સ્વતંત્ર પિક્સેલ) સિસ્ટમ ૧૬૦ DPI બેઝલાઇન પર સામાન્ય થાય છે, જેમાં જુદા જુદા સ્ક્રીન માટે ઘનતા બકેટ્સ હોય છે.
- ૧૬૦ DPI પર ૧ dp = ૦.૪૫ pt (૧૬૦ પિક્સેલ્સ/ઇંચ ÷ ૭૨ પોઇન્ટ્સ/ઇંચ)
- ઘનતા બકેટ્સ: ldpi (૧૨૦), mdpi (૧૬૦), hdpi (૨૪૦), xhdpi (૩૨૦), xxhdpi (૪૮૦)
- સૂત્ર: ભૌતિક પિક્સેલ્સ = dp × (સ્ક્રીન DPI / ૧૬૦)
- ૧૬sp (સ્કેલ-સ્વતંત્ર પિક્સેલ) = ભલામણ કરેલ ન્યૂનતમ ટેક્સ્ટ કદ
- ફાયદો: સમાન dp મૂલ્ય બધા Android ઉપકરણો પર ભૌતિક રીતે સમાન દેખાય છે
iOS (૭૨ DPI @૧x, ૧૪૪+ DPI @૨x/@૩x)
૭૨ DPI (@૧x), ૧૪૪ DPI (@૨x), ૨૧૬ DPI (@૩x)
iOS પોઇન્ટનો ઉપયોગ પોસ્ટસ્ક્રીપ્ટ પોઇન્ટ્સ જેવો જ તાર્કિક એકમ તરીકે કરે છે, જેમાં ભૌતિક પિક્સેલની ગણતરી સ્ક્રીન જનરેશન (નોન-રેટિના @૧x, રેટિના @૨x, સુપર-રેટિના @૩x) પર આધાર રાખે છે.
- ૧ iOS પોઇન્ટ @૧x = ૧.૦ pt પોસ્ટસ્ક્રીપ્ટ (૭૨ DPI બેઝલાઇન, પોસ્ટસ્ક્રીપ્ટ જેવું જ)
- રેટિના @૨x: પ્રતિ iOS પોઇન્ટ ૨ ભૌતિક પિક્સેલ્સ (૧૪૪ DPI)
- સુપર રેટિના @૩x: પ્રતિ iOS પોઇન્ટ ૩ ભૌતિક પિક્સેલ્સ (૨૧૬ DPI)
- બધા iOS ડિઝાઇન પોઇન્ટ્સનો ઉપયોગ કરે છે; સિસ્ટમ આપોઆપ પિક્સેલ ઘનતાને સંભાળે છે
- ૧૭pt = ભલામણ કરેલ ન્યૂનતમ બોડી ટેક્સ્ટ કદ (સુલભતા)
DPI વિરુદ્ધ PPI: સ્ક્રીન અને પ્રિન્ટ ઘનતાને સમજવું
DPI (ડોટ્સ પ્રતિ ઇંચ)
પ્રિન્ટર રિઝોલ્યુશન — એક ઇંચમાં કેટલા શાહીના ટપકાં ફિટ થાય છે
DPI પ્રિન્ટરના આઉટપુટ રિઝોલ્યુશનને માપે છે. ઉચ્ચ DPI પ્રતિ ઇંચ વધુ શાહીના ટપકાં મૂકીને સરળ ટેક્સ્ટ અને છબીઓનું ઉત્પાદન કરે છે.
- ૩૦૦ DPI: વ્યાવસાયિક પ્રિન્ટીંગ માટે માનક (સામયિકો, પુસ્તકો)
- ૬૦૦ DPI: ઉચ્ચ-ગુણવત્તાવાળા લેસર પ્રિન્ટીંગ (વ્યવસાયિક દસ્તાવેજો)
- ૧૨૦૦-૨૪૦૦ DPI: વ્યાવસાયિક ફોટો પ્રિન્ટીંગ અને ફાઇન આર્ટ રિપ્રોડક્શન
- ૭૨ DPI: ફક્ત સ્ક્રીન પૂર્વદર્શન માટે — પ્રિન્ટ માટે અસ્વીકાર્ય (જેગ્ડ દેખાય છે)
- ૧૫૦ DPI: ડ્રાફ્ટ પ્રિન્ટીંગ અથવા મોટા-ફોર્મેટના પોસ્ટરો (દૂરથી જોવામાં આવે છે)
PPI (પિક્સેલ્સ પ્રતિ ઇંચ)
સ્ક્રીન રિઝોલ્યુશન — એક ઇંચના ડિસ્પ્લેમાં કેટલા પિક્સેલ્સ ફિટ થાય છે
PPI ડિસ્પ્લે ઘનતાને માપે છે. ઉચ્ચ PPI સમાન ભૌતિક જગ્યામાં વધુ પિક્સેલ્સ પેક કરીને તીક્ષ્ણ સ્ક્રીન ટેક્સ્ટ બનાવે છે.
- ૭૨ PPI: મૂળ Mac ડિસ્પ્લે (૧ પિક્સેલ = ૧ પોઇન્ટ)
- ૯૬ PPI: માનક Windows ડિસ્પ્લે (૧.૩૩ પિક્સેલ્સ પ્રતિ પોઇન્ટ)
- ૧૧૦-૧૨૦ PPI: બજેટ લેપટોપ/ડેસ્કટોપ મોનિટર્સ
- ૨૨૦ PPI: MacBook Retina, iPad Pro (૨× પિક્સેલ ઘનતા)
- ૩૨૬-૪૫૮ PPI: iPhone Retina/Super Retina (૩× પિક્સેલ ઘનતા)
- ૪૦૦-૬૦૦ PPI: ઉચ્ચ-અંતના Android ફોન્સ ( Samsung, Google Pixel )
DPI અને PPI નો ઉપયોગ ઘણીવાર એકબીજાના બદલે થાય છે પરંતુ તે જુદી જુદી વસ્તુઓને માપે છે. DPI પ્રિન્ટરો (શાહીના ટપકાં) માટે છે, PPI સ્ક્રીન (પ્રકાશ-ઉત્સર્જન કરતા પિક્સેલ્સ) માટે છે. ડિઝાઇન કરતી વખતે, હંમેશા સ્પષ્ટ કરો: '૯૬ PPI પર સ્ક્રીન' અથવા '૩૦૦ DPI પર પ્રિન્ટ' — ક્યારેય માત્ર 'DPI' જ નહીં, કારણ કે તે અસ્પષ્ટ છે.
વ્યવહારુ એપ્લિકેશન્સ: યોગ્ય એકમોની પસંદગી
પ્રિન્ટ ડિઝાઇન
પ્રિન્ટ નિરપેક્ષ એકમો (પોઇન્ટ્સ, પાઇકા) નો ઉપયોગ કરે છે કારણ કે ભૌતિક આઉટપુટ કદ ચોક્કસ અને ઉપકરણ-સ્વતંત્ર હોવું આવશ્યક છે.
- બોડી ટેક્સ્ટ: પુસ્તકો માટે ૧૦-૧૨pt, સામયિકો માટે ૯-૧૧pt
- હેડલાઇન્સ: વંશવેલો અને ફોર્મેટના આધારે ૧૮-૭૨pt
- લીડિંગ (લાઇન સ્પેસિંગ): ફોન્ટ કદના ૧૨૦% (૧૨pt ટેક્સ્ટ = ૧૪.૪pt લીડિંગ)
- પાઇકામાં નિરપેક્ષ પરિમાણો માપો: 'કોલમની પહોળાઈ: ૨૫ પાઇકા'
- વ્યાવસાયિક પ્રિન્ટીંગ માટે હંમેશા ૩૦૦ DPI પર ડિઝાઇન કરો
- પ્રિન્ટ માટે ક્યારેય પિક્સેલ્સનો ઉપયોગ કરશો નહીં — તેમને પોઇન્ટ્સ/પાઇકા/ઇંચમાં રૂપાંતરિત કરો
વેબ ડિઝાઇન
વેબ ટાઇપોગ્રાફી પિક્સેલ્સ અને સંબંધિત એકમોનો ઉપયોગ કરે છે કારણ કે સ્ક્રીન કદ અને ઘનતામાં ભિન્ન હોય છે.
- બોડી ટેક્સ્ટ: ૧૬px ડિફોલ્ટ (બ્રાઉઝર ધોરણ) = ૯૬ DPI પર ૧૨pt
- CSS માં ક્યારેય નિરપેક્ષ પોઇન્ટ્સનો ઉપયોગ કરશો નહીં — બ્રાઉઝર્સ તેને અણધારી રીતે રેન્ડર કરે છે
- પ્રતિભાવશીલ ડિઝાઇન: માપનીયતા માટે rem (રૂટ ફોન્ટની સાપેક્ષમાં) નો ઉપયોગ કરો
- ન્યૂનતમ ટેક્સ્ટ: બોડી માટે ૧૪px, કૅપ્શન્સ માટે ૧૨px (સુલભતા)
- લાઇન ઊંચાઈ: બોડી ટેક્સ્ટની સુવાચ્યતા માટે ૧.૫ (એકમ વિના)
- મીડિયા ક્વેરીઝ: ૩૨૦px (મોબાઇલ) થી ૧૯૨૦px+ (ડેસ્કટોપ) માટે ડિઝાઇન કરો
મોબાઇલ એપ્લિકેશન્સ
મોબાઇલ પ્લેટફોર્મ ઘનતા-સ્વતંત્ર એકમો (dp/pt) નો ઉપયોગ કરે છે જેથી જુદી જુદી સ્ક્રીન ઘનતા પર સુસંગત ભૌતિક કદની ખાતરી કરી શકાય.
- iOS : પોઇન્ટ્સ (pt) માં ડિઝાઇન કરો, સિસ્ટમ આપોઆપ @૨x/@૩x પર સ્કેલ કરે છે
- Android : લેઆઉટ માટે dp (ઘનતા-સ્વતંત્ર પિક્સેલ્સ) અને ટેક્સ્ટ માટે sp નો ઉપયોગ કરો
- ન્યૂનતમ ટચ ટાર્ગેટ: ૪૪pt ( iOS ) અથવા ૪૮dp ( Android ) સુલભતા માટે
- બોડી ટેક્સ્ટ: ૧૬sp ( Android ) અથવા ૧૭pt ( iOS ) ન્યૂનતમ
- ક્યારેય ભૌતિક પિક્સેલ્સનો ઉપયોગ કરશો નહીં — હંમેશા તાર્કિક એકમો (dp/pt) નો ઉપયોગ કરો
- બહુવિધ ઘનતા પર પરીક્ષણ કરો: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
શૈક્ષણિક અને વૈજ્ઞાનિક
શૈક્ષણિક પ્રકાશન ગાણિતિક ચોકસાઇ અને સ્થાપિત સાહિત્ય સાથે સુસંગતતા માટે TeX પોઇન્ટ્સનો ઉપયોગ કરે છે.
- LaTeX વારસાની સુસંગતતા માટે TeX પોઇન્ટ્સ (૭૨.૨૭ પ્રતિ ઇંચ) નો ઉપયોગ કરે છે
- માનક જર્નલ: ૧૦pt કમ્પ્યુટર મોડર્ન ફોન્ટ
- બે-કોલમ ફોર્મેટ: ૩.૩૩ ઇંચ (૨૪૦pt) કોલમ્સ સાથે ૦.૨૫ ઇંચ (૧૮pt) ગટર
- સમીકરણો: ગાણિતિક સંકેત માટે ચોક્કસ પોઇન્ટ કદ નિર્ણાયક છે
- કાળજીપૂર્વક રૂપાંતરિત કરો: ૧ TeX pt = ૦.૯૯૬૩ PostScript pt
- પીડીએફ આઉટપુટ: TeX આપોઆપ પોઇન્ટ સિસ્ટમ રૂપાંતરણોને સંભાળે છે
સામાન્ય રૂપાંતરણો અને ગણતરીઓ
રોજિંદા ટાઇપોગ્રાફી રૂપાંતરણો માટે ઝડપી સંદર્ભ:
આવશ્યક રૂપાંતરણો
| માંથી | માં | સૂત્ર | ઉદાહરણ |
|---|---|---|---|
| પોઇન્ટ્સ | ઇંચ | pt ÷ ૭૨ | ૭૨pt = ૧ ઇંચ |
| પોઇન્ટ્સ | મિલિમીટર્સ | pt × ૦.૩૫૨૮ | ૧૨pt = ૪.૨૩mm |
| પોઇન્ટ્સ | પાઇકા | pt ÷ ૧૨ | ૭૨pt = ૬ પાઇકા |
| પિક્સેલ્સ (૯૬ DPI) | પોઇન્ટ્સ | px × ૦.૭૫ | ૧૬px = ૧૨pt |
| પિક્સેલ્સ (૭૨ DPI) | પોઇન્ટ્સ | px × ૧ | ૧૨px = ૧૨pt |
| પાઇકા | ઇંચ | pc ÷ ૬ | ૬pc = ૧ ઇંચ |
| ઇંચ | પોઇન્ટ્સ | in × ૭૨ | ૨in = ૧૪૪pt |
| Android dp | પોઇન્ટ્સ | dp × ૦.૪૫ | ૩૨dp = ૧૪.૪pt |
સંપૂર્ણ એકમ રૂપાંતરણ સંદર્ભ
ચોક્કસ રૂપાંતરણ પરિબળો સાથેના તમામ ટાઇપોગ્રાફી એકમો. આધાર એકમ: PostScript પોઇન્ટ (pt)
નિરપેક્ષ (ભૌતિક) એકમો
Base Unit: PostScript પોઇન્ટ (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| પોઇન્ટ (pt) | × ૧ | ÷ ૭૨ | ૭૨ pt = ૧ ઇંચ |
| પાઇકા (pc) | × ૧૨ | ÷ ૬ | ૬ pc = ૧ ઇંચ = ૭૨ pt |
| ઇંચ (in) | × ૭૨ | × ૧ | ૧ in = ૭૨ pt = ૬ pc |
| મિલિમીટર (mm) | × ૨.૮૩૪૬ | ÷ ૨૫.૪ | ૨૫.૪ mm = ૧ in = ૭૨ pt |
| સેન્ટિમીટર (cm) | × ૨૮.૩૪૬ | ÷ ૨.૫૪ | ૨.૫૪ cm = ૧ in |
| ડિડોટ પોઇન્ટ | × ૧.૦૭ | ÷ ૬૭.૬ | ૬૭.૬ Didot = ૧ in |
| સિસેરો | × ૧૨.૮૪ | ÷ ૫.૬ | ૧ cicero = ૧૨ Didot |
| TeX પોઇન્ટ | × ૦.૯૯૬૩ | ÷ ૭૨.૨૭ | ૭૨.૨૭ TeX pt = ૧ in |
સ્ક્રીન/ડિજિટલ એકમો (DPI-આધારિત)
આ રૂપાંતરણો સ્ક્રીન DPI (ડોટ્સ પ્રતિ ઇંચ) પર આધાર રાખે છે. ડિફોલ્ટ ધારણાઓ: ૯૬ DPI ( Windows ), ૭૨ DPI ( Mac લેગસી)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| પિક્સેલ @ ૯૬ DPI | × ૦.૭૫ | pt = px × ૭૨/૯૬ | ૧૬ px = ૧૨ pt |
| પિક્સેલ @ ૭૨ DPI | × ૧ | pt = px × ૭૨/૭૨ | ૧૨ px = ૧૨ pt |
| પિક્સેલ @ ૩૦૦ DPI | × ૦.૨૪ | pt = px × ૭૨/૩૦૦ | ૩૦૦ px = ૭૨ pt = ૧ in |
મોબાઇલ પ્લેટફોર્મ એકમો
પ્લેટફોર્મ-વિશિષ્ટ તાર્કિક એકમો જે ઉપકરણની ઘનતા સાથે માપવામાં આવે છે
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| Android dp | × ૦.૪૫ | pt ≈ dp × ૭૨/૧૬૦ | ૩૨ dp ≈ ૧૪.૪ pt | |
| iOS pt (@૧x) | × ૧.૦ | PostScript pt = iOS pt (સમાન) | ૧૭ iOS pt = ૧૭ PostScript pt | |
| iOS pt (@૨x રેટિના) | ૨ ભૌતિક px પ્રતિ iOS pt | ૨× પિક્સેલ્સ | ૧ iOS pt = ૨ સ્ક્રીન પિક્સેલ્સ | |
| iOS pt (@૩x) | ૩ ભૌતિક px પ્રતિ iOS pt | ૩× પિક્સેલ્સ | ૧ iOS pt = ૩ સ્ક્રીન પિક્સેલ્સ |
વારસા અને વિશિષ્ટ એકમો
| Unit | To Points | Formula | Example |
|---|---|---|---|
| ટ્વીપ (૧/૨૦ pt) | ÷ ૨૦ | pt = twip / ૨૦ | ૧૪૪૦ twip = ૭૨ pt = ૧ in |
| Q (૧/૪ mm) | × ૦.૭૦૮૭ | pt = Q × ૦.૨૫ × ૨.૮૩૪૬ | ૪ Q = ૧ mm |
| પોસ્ટસ્ક્રીપ્ટ બિગ પોઇન્ટ | × ૧.૦૦૩૭૫ | બરાબર ૧/૭૨ ઇંચ | ૭૨ bp = ૧.૦૦૨૭ in |
આવશ્યક ગણતરીઓ
| Calculation | Formula | Example |
|---|---|---|
| DPI થી પોઇન્ટ રૂપાંતરણ | pt = (px × ૭૨) / DPI | ૧૬px @ ૯૬ DPI = (૧૬×૭૨)/૯૬ = ૧૨ pt |
| પોઇન્ટ્સમાંથી ભૌતિક કદ | ઇંચ = pt / ૭૨ | ૧૪૪ pt = ૧૪૪/૭૨ = ૨ ઇંચ |
| લીડિંગ (લાઇન સ્પેસિંગ) | લીડિંગ = ફોન્ટ કદ × ૧.૨ થી ૧.૪૫ | ૧૨pt ફોન્ટ → ૧૪.૪-૧૭.૪pt લીડિંગ |
| પ્રિન્ટ રિઝોલ્યુશન | જરૂરી પિક્સેલ્સ = (ઇંચ × DPI) પહોળાઈ અને ઊંચાઈ માટે | ૮×૧૦ in @ ૩૦૦ DPI = ૨૪૦૦×૩૦૦૦ px |
ટાઇપોગ્રાફી માટે શ્રેષ્ઠ પદ્ધતિઓ
પ્રિન્ટ ડિઝાઇન
- હંમેશા પોઇન્ટ્સ અથવા પાઇકામાં કામ કરો — પ્રિન્ટ માટે ક્યારેય પિક્સેલ્સનો ઉપયોગ કરશો નહીં
- શરૂઆતથી જ દસ્તાવેજોને વાસ્તવિક કદ (૩૦૦ DPI) પર સેટ કરો
- બોડી ટેક્સ્ટ માટે ૧૦-૧૨pt નો ઉપયોગ કરો; તેનાથી નાનું કંઈપણ સુવાચ્યતા ઘટાડે છે
- આરામદાયક વાંચન માટે લીડિંગ ફોન્ટ કદના ૧૨૦-૧૪૫% હોવું જોઈએ
- માર્જિન્સ: બંધન અને સંભાળ માટે ન્યૂનતમ ૦.૫ ઇંચ (૩૬pt)
- વાણિજ્યિક પ્રિન્ટરને મોકલતા પહેલા વાસ્તવિક કદ પર ટેસ્ટ પ્રિન્ટ કરો
વેબ ડેવલપમેન્ટ
- ફોન્ટ કદ માટે rem નો ઉપયોગ કરો — તે વપરાશકર્તાને લેઆઉટ તોડ્યા વિના ઝૂમ કરવાની મંજૂરી આપે છે
- રૂટ ફોન્ટને ૧૬px (બ્રાઉઝર ડિફોલ્ટ) પર સેટ કરો — ક્યારેય નાનું નહીં
- સ્થિર ઊંચાઈઓને બદલે એકમ વિનાના લાઇન-ઊંચાઈ મૂલ્યો (૧.૫) નો ઉપયોગ કરો
- CSS માં ક્યારેય નિરપેક્ષ પોઇન્ટ કદનો ઉપયોગ કરશો નહીં — અણધારી રેન્ડરિંગ
- વાસ્તવિક ઉપકરણો પર પરીક્ષણ કરો, માત્ર બ્રાઉઝરનું કદ બદલીને નહીં — DPI મહત્વનું છે
- ન્યૂનતમ ફોન્ટ કદ: ૧૪px બોડી, ૧૨px કૅપ્શન્સ, ૪૪px ટચ ટાર્ગેટ્સ
મોબાઇલ એપ્લિકેશન્સ
- iOS : @૧x માં ડિઝાઇન કરો, @૨x અને @૩x અસ્કયામતો આપોઆપ નિકાસ કરો
- Android : dp માં ડિઝાઇન કરો, mdpi/hdpi/xhdpi/xxhdpi પર પરીક્ષણ કરો
- ન્યૂનતમ ટેક્સ્ટ: ૧૭pt ( iOS ) અથવા ૧૬sp ( Android ) સુલભતા માટે
- ટચ ટાર્ગેટ્સ: ૪૪pt ( iOS ) અથવા ૪૮dp ( Android ) ન્યૂનતમ
- ભૌતિક ઉપકરણો પર પરીક્ષણ કરો — સિમ્યુલેટર સાચી ઘનતા બતાવતા નથી
- શક્ય હોય ત્યારે સિસ્ટમ ફોન્ટ્સનો ઉપયોગ કરો — તે પ્લેટફોર્મ માટે ઑપ્ટિમાઇઝ્ડ છે
સુલભતા
- ન્યૂનતમ બોડી ટેક્સ્ટ: ૧૬px (વેબ), ૧૭pt ( iOS ), ૧૬sp ( Android )
- ઉચ્ચ કોન્ટ્રાસ્ટ: બોડી ટેક્સ્ટ માટે ૪.૫:૧, મોટા ટેક્સ્ટ (૧૮pt+) માટે ૩:૧
- વપરાશકર્તા સ્કેલિંગને સપોર્ટ કરો: સંબંધિત એકમોનો ઉપયોગ કરો, નિશ્ચિત કદનો નહીં
- લાઇનની લંબાઈ: શ્રેષ્ઠ સુવાચ્યતા માટે પ્રતિ લાઇન ૪૫-૭૫ અક્ષરો
- લાઇન ઊંચાઈ: ડિસ્લેક્સિયા સુલભતા માટે ન્યૂનતમ ૧.૫× ફોન્ટ કદ
- સ્ક્રીન રીડર્સ અને ૨૦૦% પર ઝૂમ સાથે પરીક્ષણ કરો
વારંવાર પૂછાતા પ્રશ્નો
શા માટે મારો ટેક્સ્ટ Photoshop અને Word માં અલગ-અલગ કદનો દેખાય છે?
Photoshop સ્ક્રીન ડિસ્પ્લે માટે ૭૨ PPI ધારે છે, જ્યારે Word લેઆઉટ માટે ૯૬ DPI (Windows) નો ઉપયોગ કરે છે. Photoshop માં ૧૨pt ફોન્ટ Word કરતાં સ્ક્રીન પર ૩૩% મોટો દેખાય છે, ભલે બંને સમાન કદમાં પ્રિન્ટ થાય. પ્રિન્ટ કામ માટે Photoshop ને ૩૦૦ PPI પર સેટ કરો જેથી સાચું કદ જોઈ શકાય.
શું મારે વેબ માટે પોઇન્ટ્સમાં કે પિક્સેલ્સમાં ડિઝાઇન કરવું જોઈએ?
વેબ માટે હંમેશા પિક્સેલ્સ (અથવા rem/em જેવા સંબંધિત એકમો) માં. પોઇન્ટ્સ નિરપેક્ષ ભૌતિક એકમો છે જે જુદા જુદા બ્રાઉઝર્સ અને ઉપકરણો પર અસંગત રીતે રેન્ડર થાય છે. ૧૨pt એક ઉપકરણ પર ૧૬px અને બીજા પર ૨૦px હોઈ શકે છે. અનુમાનિત વેબ ટાઇપોગ્રાફી માટે px/rem નો ઉપયોગ કરો.
pt, px, અને dp વચ્ચે શું તફાવત છે?
pt = નિરપેક્ષ ભૌતિક (૧/૭૨ ઇંચ), px = સ્ક્રીન પિક્સેલ (DPI સાથે બદલાય છે), dp = Android ઘનતા-સ્વતંત્ર (૧૬૦ DPI પર સામાન્યકૃત). પ્રિન્ટ માટે pt, વેબ માટે px, Android માટે dp, iOS માટે iOS pt (તાર્કિક) નો ઉપયોગ કરો. દરેક સિસ્ટમ તેના પ્લેટફોર્મ માટે ઑપ્ટિમાઇઝ્ડ છે.
શા માટે ૧૨pt જુદી જુદી એપ્સમાં જુદું દેખાય છે?
એપ્લિકેશન્સ તેમની DPI ધારણાના આધારે પોઇન્ટ્સને જુદી જુદી રીતે અર્થઘટન કરે છે. Word ૯૬ DPI નો ઉપયોગ કરે છે, Photoshop ડિફોલ્ટ ૭૨ PPI છે, InDesign ઉપકરણના વાસ્તવિક રિઝોલ્યુશનનો ઉપયોગ કરે છે. ૧૨pt પ્રિન્ટ કરતી વખતે હંમેશા ૧/૬ ઇંચ હોય છે, પરંતુ DPI સેટિંગ્સને કારણે સ્ક્રીન પર જુદા જુદા કદનું દેખાય છે.
હું TeX પોઇન્ટ્સને PostScript પોઇન્ટ્સમાં કેવી રીતે રૂપાંતરિત કરી શકું?
PostScript પોઇન્ટ્સ મેળવવા માટે TeX પોઇન્ટ્સને ૦.૯૯૬૩ વડે ગુણાકાર કરો (૧ TeX pt = ૧/૭૨.૨૭ ઇંચ વિરુદ્ધ PostScript ૧/૭૨ ઇંચ). તફાવત નાનો છે—માત્ર ૦.૩૭%—પરંતુ શૈક્ષણિક પ્રકાશન માટે મહત્વપૂર્ણ છે જ્યાં ગાણિતિક સંકેત માટે ચોક્કસ અંતર નિર્ણાયક છે.
મારે કયા રિઝોલ્યુશન પર ડિઝાઇન કરવું જોઈએ?
પ્રિન્ટ: ન્યૂનતમ ૩૦૦ DPI, ઉચ્ચ ગુણવત્તા માટે ૬૦૦ DPI. વેબ: ૯૬ DPI પર ડિઝાઇન કરો, રેટિના માટે @૨x અસ્કયામતો પ્રદાન કરો. મોબાઇલ: તાર્કિક એકમો (pt/dp) માં @૧x પર ડિઝાઇન કરો, @૨x/@૩x નિકાસ કરો. ૭૨ DPI પર ક્યારેય ડિઝાઇન કરશો નહીં સિવાય કે તમે જૂના Mac ડિસ્પ્લેને લક્ષ્યાંકિત કરી રહ્યાં હોવ.
શા માટે ૧૬px વેબ સ્ટાન્ડર્ડ છે?
બ્રાઉઝરનું ડિફોલ્ટ ફોન્ટ કદ ૧૬px છે (૯૬ DPI પર ૧૨pt ની સમકક્ષ), જે લાક્ષણિક જોવાના અંતર (૧૮-૨૪ ઇંચ) પર શ્રેષ્ઠ સુવાચ્યતા માટે પસંદ કરવામાં આવ્યું છે. તેનાથી નાનું કંઈપણ સુવાચ્યતા ઘટાડે છે, ખાસ કરીને વૃદ્ધ વપરાશકર્તાઓ માટે. સંબંધિત કદ માટે હંમેશા ૧૬px ને તમારા આધાર તરીકે ઉપયોગ કરો.
શું મારે ડિડોટ પોઇન્ટ્સ વિશે જાણવાની જરૂર છે?
ફક્ત જો તમે યુરોપિયન પરંપરાગત પ્રિન્ટીંગ, ફ્રેન્ચ પ્રકાશકો અથવા ઐતિહાસિક પુનઃઉત્પાદન સાથે કામ કરી રહ્યાં હોવ. ડિડોટ પોઇન્ટ્સ (૦.૩૭૬mm) PostScript પોઇન્ટ્સ કરતાં ૬.૫% મોટા હોય છે. આધુનિક ડિજિટલ ડિઝાઇન સાર્વત્રિક રીતે PostScript પોઇન્ટ્સનો ઉપયોગ કરે છે—ડિડોટ મુખ્યત્વે ક્લાસિકલ ટાઇપોગ્રાફી અને આર્ટ બુક્સ માટે સુસંગત છે.
સંપૂર્ણ ટૂલ ડિરેક્ટરી
UNITS પર ઉપલબ્ધ બધા 71 ટૂલ્સ