Graphics and Images

Define Graphic & Image.  What is the difference in the two?

- Graphics:  refers to any types of visual presentation that can be displayed on a a physical surface like a piece of paper, a canvas, poster, a wall or more modernly a computer monitor.

- Images:  two or three dimensional representations of a person, animal, object, or scene in the natural world, they can be still or moving.

Differences: 


You are sitting inside a room, now .. you are looking at the room,

What you see is an image of what is in the room

The room, including all objects within, including you too, is Graphics,

So, the real difference between Graphics and Images, are like difference between Reality and Snapshot.


Raster vs Vector Images:

Raster: raster graphics or bitmap image is a dot matrix data structure, representing a generally rectangular grid of pixels, or points of color, that can be viewed via a monitor, paper, or other display medium.

Advantages: 

-Simple data structures

Disadvantages:

- Inaccurate area and graphical calculations
- "Blocky" appearance with loss of detail when zooming in.
- Large storage requirements.


Vector: is the creation of digital images through a sequence of commands or mathematical statements that place lines and shapes in a given two-dimensional or three-dimensional space.

Advantages: 

-Resolution independent
-Small file sizes
- No matter how much the image is enlarged or reduced, the definition of the image quality will remain the same.

Disadvantages: 

- Lower color quality as compared to raster images and do not support as many colors
- Not ideal or good for photographic images.

Image result for vector vs raster



 Why should you avoid upscaling whenever possible?
- This should be avoided because when you upscale you change the quality of the pixels which you'd think would make the definition of the picture clearer, isn't always the case at all, it came make it become blurry and fuzzy like.


Aliased text: More prominent jagged edges, not rendered to a such high level.

Anti-aliased: Smoother jagged edges with color blended on the transition points removing such harsh edges.

 Image result for aliased vs anti aliased



Comments

Popular Posts