กราฟิกที่ใช้ในงานคอมพิวเตอร์ มี 2 ชนิด คือ Bitmap และ Vector

กราฟิกแบบ Bitmap
Bitmap เป็นภาพแบบ Resolution Dependent ประกอบขึ้นด้วยจุดสีต่างๆ ที่มีจำนวนคงที่ตายตัวตามการสร้างภาพที่มี Resolution หรือความละเอียดของภาพต่างกันไป หากขยายภาพ Bitmap จะเห็นว่ามีลักษณะเป็นตารางเล็กๆ ซึ่งแต่ละบิตคือ ส่วนหนึ่งของข้อมูลคอมพิวเตอร์
เนื่องจาก Bitmap มีค่า Pixel จำนวนคงที่จึงทำให้มีข้อจำกัดในเรื่องการขยายขนาดภาพ การเปลี่ยนขนาดภาพทำโดยเพิ่มหรือลด Pixel จากที่มีอยู่เดิม เมื่อขยายภาพให้ใหญ่ขึ้น ความละเอียดของภาพจึงลดลง และถ้าเพิ่มค่าความละเอียดมากขึ้นก็จะทำให้ไฟล์มีขนาดใหญ่และเปลืองเนื้อที่หน่วยความจำมากขึ้นตามไปด้วย ภาพที่ขยายโตขึ้นจะมองเห็นเป็นตารางสี่เหลี่ยมเรียงต่อกัน ทำให้ขาดความสวยงาม
ภาพแบบ Bitmap จึงเหมาะสำหรับงานกราฟิกในแบบที่ต้องการให้แสงเงาในรายละเอียด เป็นไฟล์ที่เหมาะกับการทำงานกับภาพเหมือนจริงประเภทภาพถ่าย เพราะ Bitmap มี Channel พิเศษ เรียกว่า Alpha Channel ซึ่งเป็น 32 bit หรือ true color คือสีสมจริง เช่น ภาพที่นำมาใช้กับ PhotoShop จะเป็นภาพเหมือน ภาพถ่าย เพราะไฟล์ที่ได้จาก PhotoShop เป็น Bitmap ในขณะที่ไฟล์ที่สร้างจาก Illustrator จะเหมือนการ์ตูนหรือภาพเขียน เพราะเป็นไฟล์แบบ Vector นอกจากนี้ยังเหมาะสำหรับภาพที่ต้องการระบายสี สร้างสี หรือกำหนดสีที่ต้องการความละเอียดและสวยงาม
ไฟล์ภาพแบบ Bitmap ในระบบวินโดวส์คือ ไฟล์ที่มีนามสกุล .BMP, .PCX. , .TIF, .GIF, .JPG, .MSP, .PCD เป็นต้น สำหรับโปรแกรมที่ใช้สร้างกราฟิกแบบนี้คือ โปรแกรม Paint ต่างๆ เช่น Paintbrush, PhotoShop, Photostyler เป็นต้น

กราฟิกแบบ Vector
Vector เป็นภาพประเภท Resolution-Independent มีลักษณะของการสร้างให้แต่ละส่วนเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง รูปทรงหรือส่วนโค้ง โดยอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์หรือการคำนวณเป็นตัวสร้างภาพ เป็นการรวมเอา Object (เช่น วงกลม เส้นตรง ทรงกลม ลูกบาศก์และอื่นๆ เรียกว่ารูปทรงพื้นฐาน) ต่างชนิดมาผสมกัน มีทิศทางการลากเส้นไปในแนวต่างๆ เพื่อสร้างภาพที่แตกต่างกันโดยใช้คำสั่งง่ายๆ จึงเรียกภาพประเภทนี้ว่า Vector Graphic หรือ Object Oriented
ลักษณะเด่นของ Vector คือ สามารถยืดหรือหดภาพเท่าใดก็ได้ โดยที่ภาพจะไม่แตก ความละเอียดของภาพไม่เปลี่ยนแปลง คงคุณภาพของภาพไว้ได้เหมือนเดิม และยังสามารถขยายเฉพาะความกว้างหรือความสูง เพื่อให้มองเห็นเป็นภาพผอมหรืออ้วนกว่าภาพเดิมได้ด้วย และไฟล์มีขนาดเล็กกว่าภาพ Bitmap ภาพแบบ Vector จึงเหมาะสำหรับงานแบบวาง Layout งานพิมพ์ตัวอักษร Line Art หรือ Illustration
ไฟล์รูปภาพแบบ Vector ในระบบวินโดวส์คือ ไฟล์ที่มีนามสกุล .EPD, .WMF, .CDR, .AI, .CGM, .DRW, .PLT เป็นต้น โดยมีโปรแกรมประเภทวาดรูป (Drawing Program) เช่น CorelDraw หรือ AutoCAD เป็นโปรแกรมสร้าง ขณะที่บนแมคอินทอชใช้ Illustrator และ Freehand
ในกรณีที่โปรแกรมที่ใช้งานอยู่ไม่สามารถอ่านไฟล์แบบ Vector ต้นฉบับได้ วิธีที่ดีที่สุดก็คือ บันทึกไฟล์เป็นนามสกุล .EPS (Encapsulated Postscript) ไฟล์ประเภทนี้สร้างขึ้นจาก Vector ซึ่งทำให้มีคุณสมบัติเป็นแบบ Vector นอกจากนี้เราสามารถบันทึกไฟล์ Bitmap ให้เป็นแบบ EPS ได้ เนื่องจากโปรแกรมกราฟิกทุกประเภทล้วนสนับสนุน ไฟล์แบบ EPS ทั้งสิ้น
อย่างไรก็ตามอุปกรณ์แสดงผล ไม่ว่าจะเป็นเครื่องพิมพ์แบบ Dot Matrix หรือ Laser รวมทั้งจอภาพ จะแสดงผลแบบ Raster Devices หรือแสดงผลในรูปของ Bitmap โดยอาศัยการรวมกันของ Pixel ออกมาเป็นรูป แม้ว่าภาพกราฟิกที่สร้างจะเป็นแบบ Vector เมื่อจะพิมพ์หรือแสดงภาพบนหน้าจอจะมีการเปลี่ยนเป็นการแสดงผลแบบ Bitmap หรือเป็น Pixel

ความแตกต่างระหว่างกราฟิกแบบ Bitmap และ Vector
Bitmap
1.ลักษณะภาพประกอบขึ้นด้วยจุดต่างๆ มากมาย
2.ภาพมีจำนวนพิกเซลคงที่จึงต้องการค่าความ ละเอียดมากขึ้นเมื่อขยายภาพ โดยจะคำนวณค่าสี ทีละ pixels ทำให้ภาพแตกเมื่อขยายภาพให้ใหญ่
3.เหมาะสำหรับงานกราฟิก ในแบบต้องการให้ แสงเงาในรายละเอียด
4.แสดงภาพบนจอทันที เมื่อรับคำสั่งย้ายข้อมูล จากหน่วยความจำที่เก็บภาพไปยังหน่วยความจำของจอภาพ
Vector
1. ใช้สมการทางคณิตศาสตร์เป็นตัวสร้างภาพ โดยรวมเอา Object (เช่น วงกลม เส้นตรง) ต่างชนิดมาผสมกัน
2. สามารถย่อและขยายขนาดได้มากกว่า โดยสัดส่วนและลักษณะของภาพยังเหมือนเดิม ความละเอียดของภาพไม่เปลี่ยนแปลง
3. เหมาะสำหรับงานแบบวาง Layout งานพิมพ์ตัวอักษร Line Art หรือ Illustration
4. คอมพิวเตอร์จะใช้เวลาในการแสดงภาพมากกว่า เนื่องจากต้องทำตามคำสั่งที่มีจำนวนมากกว่า

ลักษณะและความหมายของ Pixel
ในโลกของกราฟิกที่ใช้ในงานคอมพิวเตอร์ Pixel ถือเป็นหน่วยย่อยที่เล็กที่สุดของรูปภาพ เป็นจุดเล็กๆ ที่รวมกันทำให้เกิดภาพขึ้น ภาพหนึ่งจะประกอบด้วย Pixel หรือจุดมากมาย ซึ่งแต่ละภาพที่สร้างขึ้นจะมีความหนาแน่นของจุดหนือ Pixel เหล่านี้แตกต่างกันไป ความหนาแน่นของจุดนี้เป็นตัวบอกถึงความละเอียดของภาพ โดยมีหน่วยเป็น ppi (Pixel Per Inch) คือ จำนวนจุดต่อนิ้ว Pixel มีความสำคัญต่อการสร้างภาพของคอมพิวเตอร์มาก เพราะทุกส่วนของกราฟิก เช่น จุด เส้น แบบลายและสีของภาพนั้นเริ่มจาก Pixel ทั้งสิ้น เมื่อเราขยายภาพจะเห็นเป็นภาพจุด
โดยปกติแล้ว ภาพที่มีความละเอียดสูงหรือคุณภาพดีควรจะมีค่าความละเอียด 300 X 300 ppi ขึ้นไป ยิ่งค่า ppi สูงขึ้นเท่าไร ภาพก็จะมีความละเอียดคมชัดขึ้นมากขึ้นเท่านั้น ขณะเดียวกันจุดหรือ Pixel แต่ละจุดก็จะแสดงคุณสมบัติทางสีให้แก่ภาพด้วย โดยแต่ละจุดจะเป็นตัวสร้างสีประกอบกันเป็นภาพรวม ซึ่งอาจมีขนาดความเข้มและสีแตกต่างกันได้ ทำให้เกิดเป็นภาพที่มีสีสันต่างๆ
การแสดงผลของอุปกรณ์แสดงผล (Output Devices) ไม่ว่าจะเป็นเครื่องพิมพ์แบบ Dot-matrix หรือแบบ Laser รวมทั้งจอภาพ จะเป็นการแสดงผลแบบ Raster Devices นั่นคือ อาศัยการรวมกันของ Pixel ออกมาเป็นรูป
ข้อมูลจากหนังสือ รวมคลิปอาร์ท (Universal Cliparts) Vol.2 โดยบริษัท เจเนซิส มีเดียคอม จำกัด
และ บุญเลิศ อรุณพิบูลย์ นักวิชาการ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี

Vector graphic

Vector graphics is the use of geometrical primitives such as points, lines, curves, and shapes or polygon(s), which are all based on mathematical equations, to represent images in computer graphics.

Vector graphics formats are complementary to raster graphics, which is the representation of images as an array of pixels, as it is typically used for the representation of photographic images.[1] There are instances when working with vector tools and formats is best practice, and instances when working with raster tools and formats is best practice. There are times when both formats come together. An understanding of the advantages and limitations of each technology and the relationship between them is most likely to result in efficient and effective use of tools.

Overview
Computer displays are made up from small dots called pixels. The picture is built up from these dots. The smaller and closer the dots are together, the better the quality of the image, but the bigger the file needed to store the data. If we keep the number of pixels constant, and we magnify the image, then the size of each dot grows and the image becomes grainy, as the resolution of the eye enables it to pick out individual pixels.

Vector graphics files store the lines, shapes and colours that make up an image as mathematical formulae. A vector graphics program uses these mathematical formulae to construct the screen image, building the best quality image possible, given the screen resolution. The mathematical formulae determine where the dots that make up the image should be placed for the best results when displaying the image. Since these formulae can produce an image scalable to any size and detail, the quality of the image is only determined by the resolution of the display, and the file size of vector data generating the image stays the same. Printing the image to paper will usually give a sharper, higher resolution output than printing it to the screen but can use exactly the same vector data file.

Editing vector graphics
Vector graphic drawing software is used for creating and editing vector graphics. The image can be changed by editing screen objects which are then saved as modifications to the mathematical formulae. Mathematical operators in the software can be used to stretch, twist, and colour component objects in the picture or the whole picture, and these tools are presented to the user intuitively through the graphical user interface of the computer. It is possible to save the screen image produced as a bitmap/raster file or generate a bitmap of any resolution from the vector file for use on any device.

The size of the file generated will depend on the resolution required, but the size of the vector file generating the bitmap/raster file will always remain the same. Thus, it is easy to convert from a vector file to a range of bitmap/raster file formats but it is much more difficult to go in the opposite direction, especially if subsequent editing of the vector picture is required. It might be an advantage to save an image created from a vector source file as a bitmap/raster format, because different systems have different (and incompatible) vector formats, and some might not support vector graphics at all. However, once a file is converted from the vector format, it is likely to be bigger, and it loses the advantage of scalability without loss of resolution. It will also no longer be possible to edit individual parts of the image as discrete objects.

Vector formats are not always appropriate in graphics work. For example, digital devices such as cameras and scanners produce raster graphics that are impractical to convert into vectors, and so for this type of work, the editor will operate on the pixels rather than on drawing objects defined by mathematical formulae. Comprehensive graphics tools will combine images from vector and raster sources, and may provide editing tools for both, since some parts of an image could come from a camera source, and others could have been drawn using vector tools.

Standards
The W3C standard for vector graphics is SVG. The standard is complex and has been relatively slow to be established at least in part owing to commercial interests. Many web browsers now have some support for rendering svg data but full implementations of the standard are still comparatively rare.

Applications
One of the first uses of vector graphic displays was the US SAGE air defense system. Vector graphics systems were only retired from U.S. en route air traffic control in 1999, and are likely still in use in military and specialised systems. Vector graphics were also used on the TX-2 at the MIT Lincoln Laboratory by computer graphics pioneer Ivan Sutherland to run his program Sketchpad in 1963.

Subsequent vector graphics systems, most of which iterated through dynamically modifiable stored lists of drawing instructions, include Digital's GT40.[2] There was a home gaming system that used vector graphics called Vectrex as well as various arcade games like Asteroids and Space Wars. Storage scope displays, such as the Tektronix 4014, could display vector images but not modify them without first erasing the display.

Modern vector graphics displays can sometimes be found at laser light shows, where two fast-moving X-Y mirrors are used to rapidly draw shapes and text on a screen.

The term "vector graphics" is mainly used today in the context of two-dimensional computer graphics. It is one of several modes an artist can use to create an image on a raster display. Other modes include text, multimedia, and 3D rendering. Virtually all modern 3D rendering is done using extensions of 2D vector graphics techniques. Plotters used in technical drawing still draw vectors directly to paper.

Motivation
For example, consider a circle of radius r. The main pieces of information a program needs in order to draw this circle are

1.an indication that what is to be drawn is a circle
2.the radius r
3.the location of the center point of the circle
4.stroke line style and colour (possibly transparent)
5.fill style and colour (possibly transparent)
Advantages to this style of drawing over raster graphics:

This minimal amount of information translates to a much smaller file size compared to large raster images (the size of representation doesn't depend on the dimensions of the object), though a vector graphic with a small file size is often said to lack detail compared with a real world photo.
Correspondingly, one can indefinitely zoom in on e.g. a circle arc, and it remains smooth. On the other hand, a polygon representing a curve will reveal being not really curved.
On zooming in, lines and curves need not get wider proportionally. Often the width is either not increased or less than proportional. On the other hand, irregular curves represented by simple geometric shapes may be made proportionally wider when zooming in, to keep them looking smooth and not like these geometric shapes.
The parameters of objects are stored and can be later modified. This means that moving, scaling, rotating, filling etc. doesn't degrade the quality of a drawing. Moreover, it is usual to specify the dimensions in device-independent units, which results in the best possible rasterization on raster devices.
From a 3-D perspective, rendering shadows is also much more realistic with vector graphics, as shadows can be abstracted into the rays of light which form them. This allows for photo realistic images and renderings.

Typical primitive objects
Lines and polylines
Polygons
Circles and ellipses
Bézier curves
Bezigons
Text (in computer font formats such as TrueType where each letter is created from Bézier curves)
This list is not complete. There are various types of curves (Catmull-Rom splines, NURBS etc.), which are useful in certain applications.

Often, a bitmap image is considered as a primitive object. From the conceptual view, it behaves as a rectangle.

Vector operations
Vector graphics editors typically allow rotation, movement, mirroring, stretching, skewing, affine transformations, changing of z-order and combination of primitives into more complex objects.

More sophisticated transformations include set operations on closed shapes (union, difference, intersection, etc.).

Vector graphics are ideal for simple or composite drawings that need to be device-independent, or do not need to achieve photo-realism. For example, the PostScript and PDF page description languages use a vector graphics model.

Printing
Vector art is key for printing. Since the art is made from a series of mathematical curves it will print very crisply even when resized. For instance, one can print a vector logo on a small sheet of copy paper, and then enlarge the same vector logo to billboard size and keep the same crisp quality. A low-resolution raster graphic would blur or pixelate excessively if it were enlarged from business card size to billboard size.

If we regard typographic characters as images, then the same considerations that we have made for graphics apply even to composition of written text for printing (typesetting). Older character sets were stored as bitmaps, therefore to achieve maximum print quality they had to be used at a given resolution only; these font formats are said to be non-scalable. High quality typography is nowadays based on character drawings (fonts) which are typically stored as vector graphics, and as such are scalable to any size. Examples of these vector formats for characters are Postscript fonts and TrueType fonts.

3D modelling
In 3D computer graphics, vectorized surface representations are most common (bitmaps can be used for special purposes such as surface texturing, height-field data and bump mapping). At the low-end, simple meshes of polygons are used to represent geometric detail in applications where interactive frame rates or simplicity are important. At the high-end, where one is willing to trade-off higher rendering times for increased image quality and precision, smooth surface representations such as Bézier patches, NURBS or Subdivision surfaces are used. One can however achieve a smooth surface rendering from a polygonal mesh through the use of shading algorithms such as Phong and Gouraud.

Formats
Main article: Vector formats
One example of vector graphics format is SVG (Scalable Vector Graphics), an open standard created and developed by the World Wide Web Consortium to address the need (and attempts of several corporations) for a versatile, scriptable and all-purpose vector format for the web and otherwise. Another example is VML, a proposed standard that was adopted by Microsoft. Arguably the standard in vector graphics is the AI format, which is the native format for Adobe Illustrator.

The SWF Adobe's (fomerly Macromedia's) file format, is also a vector-based container used to store animation. Web pages created in Flash can thus be enlarged to fit any monitor size while retaining the same graphic quality.



from wikipedia