Computer graphics is the technology that creates and displays images on a screen

Computer graphics is the process of using a computer to generate, edit, and display visual images — everything from photographs and drawings to animations and 3D models. When you see an image on your monitor, phone, or television, a graphics system has processed data and converted it into pixels (tiny colored dots) that your screen can show you. This happens whether you are looking at a straightforward chart in a spreadsheet, a video game, a movie, or a photograph you edited on your phone.

The computer stores images as mathematical information — coordinates, colors, shapes, and lighting instructions — and then translates that data into the picture you see. Different types of graphics require different approaches. A photograph stored as a JPEG file contains color information for millions of individual pixels. A logo drawn in design software might be stored as mathematical instructions for lines and curves that can scale to any size without losing sharpness. A 3D video game scene exists as a collection of geometric shapes, textures, and lighting rules that the graphics processor calculates in real time.

Key Takeaways

  • Computer graphics converts mathematical data into images displayed on screens, whether still images, animations, or real-time 3D scenes.
  • Raster graphics store images as grids of colored pixels and work well for photographs, while vector graphics use mathematical formulas and scale without quality loss.
  • Your graphics processing unit (GPU) is a specialized chip that handles the heavy calculation work, separate from your main processor.
  • Common uses include photo editing, video games, movies, design work, scientific visualization, and any software that displays images on screen.
  • Understanding graphics basics helps you choose the right file formats, understand why some tasks need powerful hardware, and recognize what is happening behind the screen.

Raster graphics: pixel-based images that store color information

A raster image is a grid of individual pixels, each with its own color value. When you take a photograph with a camera or phone, you are capturing a raster image. Each pixel holds information about how much red, green, and blue light to display (called RGB values), and the computer blends millions of these colored dots to create the image you see. Common raster file formats include JPEG, PNG, GIF, and BMP.

Raster graphics work extremely well for photographs and complex images with many colors and subtle gradations, because they can represent any color at any pixel. The trade-off is that raster images have a fixed resolution — if you enlarge a photograph too much, it becomes blurry or blocky because the computer is stretching the same pixels larger. A 1000-pixel-wide photograph will look sharp at that size but fuzzy if you try to display it at 2000 pixels wide. Raster images also tend to have larger file sizes, especially for photographs, which is why formats like JPEG use compression to reduce the amount of data stored.

Vector graphics: mathematical shapes that scale without losing quality

A vector image stores pictures as mathematical instructions rather than as a grid of pixels. Instead of saying "pixel at position 100,200 is red," a vector file says "draw a circle with center at 500,300, radius 50, filled with red." Common vector formats include SVG, AI (Adobe Illustrator), and EPS. Logos, icons, and illustrations are often created as vector graphics because they need to look sharp at any size.

The advantage of vector graphics is scalability — you can enlarge or shrink a vector logo to any size and it remains perfectly sharp because the computer recalculates the mathematical instructions at the new size. The disadvantage is that vector graphics work best for images with solid colors and clear shapes. Photographs are nearly impossible to store as vectors because a photo contains millions of subtle color variations that would require millions of mathematical instructions. Design software like Adobe Illustrator, Inkscape, and Figma work with vector graphics, while Photoshop primarily works with raster images.

How graphics processors handle the calculation work

Your computer's main processor (CPU) handles general tasks like running programs and managing files, but graphics require so much calculation that computers have a dedicated graphics processing unit (GPU) to handle it. A GPU is a specialized chip designed to perform the same calculation thousands of times in parallel — exactly what is needed to process millions of pixels or thousands of 3D shapes simultaneously.

When you play a video game, the GPU receives instructions about the 3D world (where objects are, what they look like, where the light comes from) and calculates what each pixel should display many times per second — typically 60 times per second or more. This is why gaming and 3D work require a more powerful GPU than basic office work. A laptop used only for email and documents can use an integrated GPU (built into the main processor), while a gaming computer or professional workstation needs a dedicated graphics card with its own GPU and memory.

3D graphics and real-time rendering

3D graphics represent objects as three-dimensional shapes in virtual space, then calculate what that scene looks like from a particular viewpoint. A 3D model of a car is stored as a collection of geometric shapes (triangles, usually), surface properties (color, shininess, texture), and position in 3D space. The GPU then performs rendering — the process of calculating what pixels should be displayed based on the 3D data, lighting, camera angle, and other factors.

In video games and interactive applications, rendering happens in real time, meaning the GPU recalculates the entire scene many times per second as the camera moves or objects change. In movies and professional visualization, rendering can take hours or days per frame because the software calculates more detailed lighting, shadows, reflections, and effects. The difference is speed versus quality — real-time rendering prioritizes fast calculation so the scene updates smoothly, while offline rendering prioritizes photorealistic detail.

Common uses of computer graphics in everyday software

Computer graphics appear in far more places than you might realize. Photo editing software like Photoshop or Lightroom uses graphics technology to display and manipulate raster images. Video editing software displays video frames and allows you to arrange, trim, and explore effects. Web browsers render graphics constantly — every image on a webpage, every icon, every animation is computer graphics. Spreadsheet software displays charts and graphs. Even text on your screen is technically graphics, because the computer is calculating which pixels should be colored to form each letter.

Video games are the most obvious use of advanced graphics, but 3D graphics also appear in architecture software (to visualize buildings), medical imaging (to display CT scans and MRI data), scientific research (to visualize molecular structures or weather patterns), and design tools (to preview products before manufacturing). Any software that displays an image, video, animation, or interactive visual scene is using computer graphics technology.

File formats and when to use each one

Choosing the right file format depends on what the image contains and how you plan to use it. JPEG is best for photographs because it compresses the file size significantly while maintaining reasonable quality, though it loses some detail in the process. PNG is better when you need lossless compression (no quality loss) or when the image has transparency (see-through areas). GIF works for straightforward animations and images with few colors. SVG is ideal for logos, icons, and illustrations that need to scale to different sizes.

For professional work, TIFF is often used because it stores high-quality raster images without compression loss, though the files are large. PSD (Photoshop's native format) preserves layers and editing information, making it useful during the design process, but you convert to JPEG or PNG for final delivery. For vector work, AI (Adobe Illustrator) and EPS are industry standards, though SVG is increasingly common for web use because it is an open standard that any browser can display.

Frequently Asked Questions

What is the difference between resolution and file size?

Resolution is the number of pixels in an image (for example, 1920 by 1080 pixels). File size is how much data the image takes up on disk, measured in kilobytes or megabytes. A high-resolution image takes up more space, but compression can reduce file size. A 4000-pixel-wide photograph might be 50 megabytes uncompressed but only 5 megabytes as a JPEG.

Why do video games need more powerful graphics cards than other software?

Video games render complex 3D scenes with lighting, shadows, and effects many times per second. A powerful GPU can perform the millions of calculations needed to maintain smooth gameplay. Office software and web browsing mostly display static images and text, which require far less processing power.

Can I convert a raster image to vector without losing quality?

Conversion software exists, but the results are usually poor for photographs because vectors cannot represent the subtle color variations in a photo. Conversion works better for straightforward images like logos or line drawings. The best approach is to create vector graphics from the start if you know you will need to scale them.

What does "rendering" mean in graphics?

Rendering is the process of calculating what pixels should display based on image data, 3D models, lighting, and camera position. In real-time rendering (games), it happens dozens of times per second. In offline rendering (movies), it can take hours per frame to calculate photorealistic detail.

Why do some images look blurry when I enlarge them?

Raster images have a fixed number of pixels. When you enlarge a raster image, the computer stretches the existing pixels larger, which makes the image appear blurry or blocky. Vector images do not have this problem because they are recalculated at any size. Always use vector formats for logos and icons that need to scale.