Movatterモバイル変換


[0]ホーム

URL:


Jump to content
WikipediaThe Free Encyclopedia
Search

Vector graphics

Checked
Page protected with pending changes
From Wikipedia, the free encyclopedia
(Redirected fromVector images)

Page version status

This is an accepted version of this page

This is thelatest accepted revision,reviewed on20 November 2025.
Computer graphics images defined by points, lines and curves
This article is about computer illustration. For other uses, seeVector graphics (disambiguation).

Example showing comparison of vector graphics andraster graphics uponmagnification

Vector graphics are a form ofcomputer graphics in which visual images are created directly fromgeometric shapes defined on aCartesian plane, such aspoints,lines,curves andpolygons. The associated mechanisms may include vector display and printinghardware, vectordata models and file formats, as well as thesoftware based on these data models (especiallygraphic design software,computer-aided design, andgeographic information systems). Vector graphics are an alternative toraster or bitmap graphics, with each having advantages and disadvantages in specific situations.[1]

While vector hardware has largely disappeared in favor of raster-based monitors and printers,[2] vector data and software continue to be widely used, especially when a high degree of geometric precision is required, and when complex information can be decomposed into simple geometric primitives. Thus, it is the preferred model for domains such asengineering,architecture,surveying,3D rendering, andtypography, but is entirely inappropriate[3] for applications such asphotography andremote sensing, where raster is more effective and efficient. Some application domains, such as geographic information systems (GIS) andgraphic design, use both vector and raster graphics at times, depending on purpose.

Vector graphics are based on the mathematics ofanalytic or coordinate geometry, and is not related to other mathematical uses of the termvector. This can lead to some confusion in disciplines in which both meanings are used.

Data model

[edit]
See also:Geometric primitive

Thelogical data model of vector graphics is based on the mathematics ofcoordinate geometry, in which shapes are defined as a set of points in a two- or three-dimensionalcartesian coordinate system, asp = (x, y) orp = (x, y, z). Because almost all shapes consist of an infinite number of points, the vector model defines a limited set ofgeometric primitives that can be specified using a finite sample of salient points calledvertices. For example, a square can be unambiguously defined by the locations of three of its four corners, from which the software caninterpolate the connecting boundary lines and the interior space. Because it is a regular shape, a square could also be defined by the location of one corner, a size (width=height), and a rotation angle.

The fundamental geometric primitives are:

  • A singlepoint.
  • Aline segment, defined by two end points, allowing for a simplelinear interpolation of the intervening line.
  • Apolygonal chain or polyline, a connected set of line segments, defined by an ordered list of points.
  • Apolygon, representing a region of space, defined by its boundary, a polyline with coincident starting and ending vertices.

A variety of more complex shapes may be supported:

In many vector datasets, each shape can be combined with a set of properties. The most common are visual characteristics, such as color, line weight, or dash pattern. In systems in which shapes represent real-world features, such as GIS and BIM, a variety of attributes of each represented feature can be stored, such as name, age, size, and so on.[4]

In some Vector data, especially in GIS, information abouttopological relationships between objects may be represented in the data model, such as tracking the connections between road segments in atransport network.[5]

If a dataset stored in one vector file format is converted to another file format that supports all the primitive objects used in that particular image, then the conversion can be lossless.

Vector display hardware

[edit]
Main article:Vector monitor
A free softwareAsteroids-like video game played on avector monitor

Vector-based devices, such as the vector CRT and thepen plotter, directly control a drawing mechanism to produce geometric shapes. Since vector display devices can define a line by dealing with just two points (that is, the coordinates of each end of the line), the device can reduce the total amount of data it must deal with by organizing the image in terms of pairs of points.[6]

Vector graphic displays were first used in 1958 by theUS SAGE air defense system.[7] Vector graphics systems were retired from the U.S. en routeair traffic control in 1999.[citation needed] Vector graphics were also used on theTX-2 at the Massachusetts Institute of TechnologyLincoln Laboratory by computer graphics pioneerIvan Sutherland to run his programSketchpad in 1963.[8]

Subsequent vector graphics systems, most of which iterated through dynamically modifiable stored lists of drawing instructions, include theIBM 2250,Imlac PDS-1, andDEC GT40. There was a video game console that used vector graphics calledVectrex as well as variousarcade games likeAsteroids,Space Wars,Tempest and many cinematronics titles such asRip Off, andTail Gunner usingvector monitors.[9] Storage scope displays, such as theTektronix 4014, could display vector images but not modify them without first erasing the display. However, these were never as widely used as the raster-based scanning displays used for television, and had largely disappeared by the mid-1980s except for specialized applications.

Plotters used intechnical drawing still draw vectors directly to paper by moving a pen as directed through the two-dimensional space of the paper. However, as with monitors, these have largely been replaced by thewide-format printer that prints a raster image (which may be rendered from vector data).

Software

[edit]

Because this model is useful in a variety of application domains, many different software programs have been created for drawing, manipulating, and visualizing vector graphics. While these are all based on the same basic vector data model, they can interpret and structure shapes very differently, using very different file formats.

File formats

[edit]
This vector-based (SVG format) image of a round four-color swirl displays several unique features of vector graphics versus raster graphics: there is noaliasing along the rounded edge (which would result indigital artifacts in a raster graphic), thecolor gradients are all smooth, and the user can resize the image infinitely without losing any quality.

Vector graphics are commonly found today in theSVG,WMF,EPS,PDF,CDR orAI types ofgraphic file formats, and are intrinsically different from the more common raster graphics file formats such asJPEG,PNG,APNG,GIF,WebP,BMP andMPEG4.

TheWorld Wide Web Consortium (W3C) standard for vector graphics isScalable Vector Graphics (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.

In recent years, SVG has become a significant format that is completely independent of the resolution of the rendering device, typically aprinter or display monitor. SVG files are essentially printable text that describes both straight and curved paths, as well as other attributes. Wikipedia prefers SVG for images such as simple maps, line illustrations, coats of arms, and flags, which generally are not like photographs or other continuous-tone images.[citation needed] Rendering SVG requires conversion to a raster format at a resolution appropriate for the current task. SVG is also a format for animated graphics.

There is also a version of SVG for mobile phones called SVGT (SVG Tiny version). These images can count links and also exploit anti-aliasing. They can also be displayed as wallpaper.

CAD software uses its own vector data formats, usually proprietary formats created by software vendors, such asAutodesk'sDWG and public exchange formats such asDXF. Hundreds of distinctvector file formats have been created for GIS data over its history, including proprietary formats like theEsri file geodatabase, proprietary but public formats like theShapefile and the originalKML, open source formats likeGeoJSON, and formats created by standards bodies likeSimple Features andGML from theOpen Geospatial Consortium.

Conversion

[edit]
The list ofimage file formats covers proprietary and publicvector formats.
Original reference photo beforevectorization
Detail can be added to or removed from vector art.

To raster

[edit]
Main articles:Rasterisation,Raster image processor, andRender output unit

Modern displays and printers areraster devices; vector formats have to be converted to a raster format (bitmaps – pixel arrays) before they can be rendered (displayed or printed).[11] The size of the bitmap/raster-format file generated by the conversion 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/rasterfile 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. The file size of a vector graphic image depends on the number of graphic elements it contains; it is a list of descriptions.

From raster

[edit]
Main articles:Vectorization (image tracing) andComparison of raster-to-vector conversion software
[icon]
This section is empty. You can help byadding to it.(June 2018)

Printing

[edit]

Vector art is ideal forprinting since the art is made from a series of mathematical curves; it will print very crisply even when resized.[12] For instance, one can print a vector logo on a small sheet of copy paper, and then enlarge the same vector logo tobillboard size and keep the same crisp quality. A low-resolutionraster graphic would blur orpixelate excessively if it were enlarged from business card size to billboard size. (The precise resolution of a raster graphic necessary for high-quality results depends on the viewing distance; e.g., a billboard may still appear to be of high quality even at low resolution if the viewing distance is great enough.)[13]

If we regard typographic characters as images, then the same considerations that we have made for graphics apply even to the 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 arePostscript fonts andTrueType fonts.

Operation

[edit]

Advantages of this style ofdrawing overraster graphics:

  • Because vector graphics consist of coordinates with lines/curves between them, the size of the representation does not depend on thedimensions of the object. This minimal amount of information translates to a much smaller[14]file size compared to large raster images which are defined pixel by pixel. This said, a vector graphic with a small file size is often said to lack detail compared with a real-world photo.
  • Correspondingly, one can infinitely 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 thatmoving,scaling,rotating,filling, etc. does not degrade the quality of a drawing. Moreover, it is usual to specify the dimensions in device-independent units, which results in the best possiblerasterization on rasterdevices.
  • 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 from which they are formed. This allows forphotorealistic images andrenderings.

For example, consider acircle ofradiusr.[15] The main pieces ofinformation aprogram needs in order to draw this circle are

  1. An indication that what is to be drawn is a circle
  2. the radiusr
  3. thelocation of the center point of the circle
  4. stroke line style and color (possibly transparent)
  5. fill style and color (possibly transparent)

Vector formats are not always appropriate in graphics work and also have numerous disadvantages.[16] For example, devices such as cameras and scanners produce essentially continuous-toneraster graphics that are impractical to convert into vectors, and so for this type of work, an image editor will operate on the pixels rather than on drawing objects defined by mathematical expressions. Comprehensive graphics tools will combineimages 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.

Some authors have criticized the termvector graphics as being confusing.[17][18] In particular,vector graphics does not simply refer to graphics described byEuclidean vectors.[19] Some authors have proposed to useobject-oriented graphics instead.[17][20][21] However this term can also be confusing as it can be read as any kind of graphics implemented usingobject-oriented programming.[17]

Vector operations

[edit]

Vector graphics editors typically allow translation, rotation, mirroring, stretching, skewing,affine transformations, changing ofz-order (loosely, what's in front of what) and combination of primitives into more complex objects.[17] More sophisticatedtransformations includeset operations on closedshapes (union,difference,intersection, etc.).[22] In SVG, the composition operations are based onalpha composition.[23]

Vector graphics are ideal for simple or composite drawings that need to be device-independent,[24] or do not need to achievephoto-realism. For example, thePostScript andPDFpage description languages use a vector graphics model.

Vector image repositories

[edit]

Many stock photo websites provide vectorized versions of hosted images, while specific repositories specialize in vector images given their growing popularity among graphic designers.[25]

List of vector image repositories[26]
Repo/CompanyLicense
VexelsProprietary
VectorStockProprietary
VecteezyFreemium
FreepikProprietary
Envato ElementsProprietary
DepositphotosProprietary

See also

[edit]

Notes

[edit]
  1. ^Nigel Chapman; Jenny Chapman (2002) [2000].Digital Multimedia. Wiley. p. 86.ISBN 0-471-98386-1.
  2. ^Arie Kaufman (1993).Rendering, Visualization and Rasterization Hardware. Springer Science & Business Media. pp. 86–87.ISBN 978-3-540-56787-5.
  3. ^"Vector art files".pastorhome. RetrievedMarch 1, 2025.
  4. ^Vector Data ModelsArchived April 11, 2022, at theWayback Machine,Essentials of Geographic Information Systems, Saylor Academy, 2012
  5. ^Bolstad, Paul (2008).GIS Fundamentals: A First Text on Geographic Information Systems (3rd ed.). Eider Press. p. 37.
  6. ^Murray 2002, pp. 81–83.
  7. ^Holzer, Derek (April 2019).Vector Synthesis: a Media-Archaeological Investigation into Sound-Modulated Light(PDF) (Thesis).Aalto University.urn:urn:NBN:fi:aalto-201905193156.Archived(PDF) from the original on April 18, 2021. RetrievedJuly 31, 2020.
  8. ^Kassem, Dalal (October 15, 2014).The Sketchpad Window (Thesis).Virginia Polytechnic Institute and State University.hdl:10919/63920. RetrievedSeptember 18, 2020.
  9. ^Wolf, Mark J. P. (2008).The Video Game Explosion: A History from PONG to Playstation and Beyond.ABC-CLIO. pp. 67–71.ISBN 978-0-313-33868-7. RetrievedJuly 31, 2020.
  10. ^Peuquet, Donna J. (1984), "A Conceptual Framework and Comparison of Spatial Data Models",Cartographica 21 (4): 66–113.doi:10.3138/D794-N214-221R-23R5.Archived October 24, 2021, at theWayback Machine.
  11. ^Gharachorloo et al. 1989, p. 355.
  12. ^"Vector & Raster Graphics in Offset Printing". Olympus Press. December 6, 2013.Archived from the original on February 12, 2014. RetrievedJune 16, 2014.
  13. ^"Printing and Exporting (Graphics)". COE Unix Network. June 18, 2002. Archived fromthe original on February 6, 2014. RetrievedJune 16, 2014.
  14. ^"PNG vs. SVG: What are the differences?".Adobe. RetrievedDecember 12, 2023.
  15. ^"ASCIIsvg: Easy mathematical vector graphics". Peter Jipsen, Chapman University.Archived from the original on September 16, 2013. RetrievedJune 16, 2014.
  16. ^Andy Harris."Vector Graphics".Welcome to wally!!!. Archived fromthe original on May 18, 2012. RetrievedJune 16, 2014.
  17. ^abcdNigel Chapman; Jenny Chapman (2002) [2000].Digital Multimedia. Wiley. p. 70.ISBN 0-471-98386-1.
  18. ^CS 354 Vector Graphics & Path RenderingArchived April 18, 2020, at theWayback Machine, Slide 7, By Mark Kilgard, April 10, 2012, University of Texas at Austin
  19. ^Rex van der Spuy (2010).AdvancED Game Design with Flash. Apress. p. 306.ISBN 978-1-4302-2739-7.
  20. ^Ted Landau (2000).Sad Macs, Bombs and Other Disasters (4th ed.). Peachpit Press. p. 409.ISBN 978-0-201-69963-0.
  21. ^Amy Arntson (2011).Graphic Design Basics (6th ed.). Cengage Learning. p. 194.ISBN 978-1-133-41950-1.
  22. ^Barr 1984, p. 21.
  23. ^SVG Working Group (March 15, 2011)."SVG Compositing Specification".w3.Archived from the original on August 7, 2022. RetrievedAugust 8, 2022.
  24. ^Qin, Zheng (January 27, 2009).Vector Graphics for Real-time 3D Rendering(PDF) (Thesis).University of Waterloo. p. 1.hdl:10012/4262.Archived(PDF) from the original on July 28, 2020. RetrievedJuly 28, 2020.
  25. ^"Stock Photos Websites Market Report | Global Forecast From 2023 To 2032".datasetsearch.research.google.com. April 2023. RetrievedAugust 25, 2024.
  26. ^Says, Studyessay org (March 21, 2022)."7 of the Best Vector Sites for Graphic Designers".Spoon Graphics. RetrievedAugust 25, 2024.

References

[edit]

External links

[edit]
Wikiversity has learning resources aboutVector Drawing
Raster
Raw
Vector
Compound
Metadata
Authority control databases: NationalEdit this at Wikidata
Retrieved from "https://en.wikipedia.org/w/index.php?title=Vector_graphics&oldid=1323297776"
Categories:
Hidden categories:

[8]ページ先頭

©2009-2025 Movatter.jp