Theory
एक Image कैसे Stored है
जब आप एक picture save करते हैं, file में actually क्या जाता है? दो बहुत अलग answers हैं, और यह difference बहुत कुछ explain करता है: एक photo zoom करने पर pixelate क्यों होता है पर एक logo crisp क्यों रहता है, और कुछ files huge क्यों होती हैं और कुछ tiny।
Graphics files दो families में आती हैं: raster (जो pixels की एक grid store करती हैं) और vector (जो shapes और instructions store करती हैं)। यह lesson दोनों explain करता है, common formats, और choice का crucial consequence। आपके पास कौन सी kind की file है यह जानना बताता है यह scale, edit, या compress करने पर कैसे behave करेगी।
Theory
Raster Files: Pixels की एक Grid
एक raster (या bitmap) file image को pixels की एक grid की तरह store करती है, हर एक के लिए एक colour record करते हुए। Photographs इसी तरह stored हैं, क्योंकि एक photo naturally coloured dots का एक field है।
Common raster formats: JPEG (strong, lossy compression, photos के लिए ideal), PNG (lossless, transparency support करता है), GIF (कम colours, simple animation support करता है), और BMP (uncompressed)। Catch: क्योंकि image एक fixed grid है, इसे enlarge करना बस pixels को stretch करता है, तो यह blur या pixelate होती है, और higher resolution का मतलब है बड़ी file। Raster photos जैसी rich, detailed images के लिए perfect है, पर यह cleanly scale up नहीं होता।
Theory
Vector Files: Shapes और Instructions
एक vector file image को pixels की तरह नहीं बल्कि geometric shapes और instructions की तरह store करती है: 'यहाँ से वहाँ तक एक line draw कीजिए', 'इस circle को red से fill कीजिए'। Picture mathematical descriptions का एक set है।
Common vector formats: SVG (web पर इस्तेमाल होता है), EPS, और AI। Great advantage: क्योंकि image instructions है, यह बिना quality खोए किसी भी size में redraw हो सकता है, एक logo business card पर हो या billboard पर, razor-sharp रहता है, और simple graphics की small files होती हैं। Trade-off: vectors logos, icons, और diagrams को suit करते हैं, पर complex, photographic images के लिए well suited नहीं हैं (जो raster की तरह better हैं)। Shapes scale होते हैं; pixels नहीं होते।
At a glance
| Aspect | Raster (bitmap) | Vector |
|---|---|---|
| Store करता है | Pixels की एक grid (per pixel colour) | Shapes और drawing instructions |
| Formats | JPEG, PNG, GIF, BMP | SVG, EPS, AI |
| Scale Up करना | Blur या pixelate होता है | किसी भी size पर sharp रहता है |
| Best For | Photos और rich images | Logos, icons, diagrams |
Quiz
आपको एक company logo चाहिए जो card पर tiny print हो या banner पर huge, perfectly sharp रहे। कौन सी kind की graphics file best है?
- JPEG जैसी एक raster file, क्योंकि यह common है
- SVG जैसी एक vector file, क्योंकि यह shapes और instructions store करती है और बिना quality खोए किसी भी size में scale होती है
- PNG जैसी एक raster file, क्योंकि इसमें transparency है
- फर्क नहीं पड़ता; सारी files same तरह scale होती हैं
Show the answer
SVG जैसी एक vector file, क्योंकि यह shapes और instructions store करती है और बिना quality खोए किसी भी size में scale होती है
एक vector file (SVG जैसी) logo को geometric shapes और drawing instructions की तरह store करती है, तो यह किसी भी size में, tiny या huge, बिना किसी quality loss के redraw हो सकती है, exactly वह जो एक logo को चाहिए। Option A wrong है: एक JPEG raster है (pixels की एक fixed grid), तो इसे banner size तक enlarge करना इसे blur या pixelate कर देगा। Option C, PNG, भी raster है; transparency scaling में help नहीं करती, और यह भी अपने resolution से बहुत आगे enlarge होने पर pixelate होगी। Option D false है: raster और vector बहुत अलग तरह से scale होते हैं, यही पूरा point है। Logos और icons जैसे scalable, always-sharp graphics के लिए, vector इस्तेमाल कीजिए; photos के लिए, raster इस्तेमाल कीजिए।
Think first
एक Raster Image Enlarge होने पर Blur क्यों होती है पर एक Vector Sharp क्यों रहती है?
हर एक image कैसे store करता है उसमें क्या है जो इन्हें इतनी अलग तरह से scale कराता है? फिर tap कीजिए।
Show the answer
यह इस पर आता है कि हर file actually क्या store करती है, pixels की एक fixed number versus एक resolution-independent description। एक RASTER image एक fixed number of pixels वाली एक grid है, मान लीजिए 100 by 100। इतना ही detail है। जब आप इसे 400 by 400 तक enlarge करते हैं, computer के पास extra pixels में क्या belong करता है इसकी कोई new information नहीं है, तो इसे STRETCH और guess करना पड़ता है: हर original pixel को एक बड़े area पर spread किया जाता है (या software इनके बीच interpolate करता है), और result blocky या blurry दिखता है क्योंकि आप उससे ज़्यादा detail मांग रहे हैं जितना file में है। Image एक resolution पर captured हुई थी, और enlarge करना वह detail invent नहीं कर सकता जो कभी record नहीं हुआ था। एक VECTOR image कुछ fundamentally अलग store करती है: shapes का एक mathematical DESCRIPTION, 'इस radius का एक circle यहाँ centred, red से filled', 'इन दो points के बीच एक line'। उन descriptions की कोई fixed resolution नहीं है; ये instructions हैं। तो image को किसी भी size पर display करने के लिए, computer बस उस size पर drawing instructions को RE-EXECUTE करता है, आप जो भी resolution चाहते हैं उसके लिए fresh, exact pixels compute करते हुए। 10 गुना size पर drawn एक circle अभी भी एक perfect circle है, freshly rendered, एक stretched approximation नहीं। यही वजह है एक vector logo billboard पर razor-sharp है: यह redrawn है, enlarged नहीं। Trade-off यह है कि एक complex photograph को shapes की तरह describe करना impractical है, यही वजह है photos raster रहते हैं। Fixed pixels stretch होकर blur होते हैं; instructions किसी भी size पर perfectly redraw होते हैं।
Summary
Key takeaways
- Graphics files images को दो families में store करती हैं: raster (bitmap) और vector।
- Raster files pixels की एक grid store करती हैं (per pixel एक colour): JPEG, PNG, GIF, BMP।
- Raster enlarge होने पर blur या pixelate होता है और resolution के साथ size में बढ़ता है; photos और rich images के लिए best।
- Vector files geometric shapes और drawing instructions store करती हैं: SVG, EPS, AI।
- Vector बिना quality खोए किसी भी size में scale होता है और simple graphics के लिए small है; logos, icons, diagrams के लिए best।
- Compression lossy हो सकता है (smaller, कुछ data discard करता है, जैसे JPEG) या lossless (perfect, जैसे PNG)।
- Memory hook: raster pixels store करता है (enlarge होने पर blur होता है), vector instructions store करता है (sharp रहता है)।