When it comes to digital images, two main types are commonly used: raster and vector graphics. Understanding the difference between these two can help you choose the right format for your project. Raster graphics, made up of tiny pixels, are ideal for detailed and colorful images like photographs. On the other hand, vector graphics use mathematical paths, making them perfect for designs that need to be scaled without losing quality, like logos and illustrations. Both have their own strengths and weaknesses, and knowing when to use each can make a big difference in your design work.
In Computer graphics, a pixel, dot, or picture element is a physical point in a picture. A pixel is simply the smallest addressable element of a picture represented on a screen. A majority of pictures that we see on our computer screen are raster images. The selfie that you click with your mobile phone is another example of a raster image. An image is made up using a collection of pixels referred to as a bitmap.
In computer graphics, a bitmap is a mapping from some domain (for example, a range of integers) to bits, that is, values which are zero or one. It is also called a bit array or bitmap index. The more general term pixmap refers to a map of pixels, where each one may store more than two colors, thus using more than one bit per pixel.
Often bitmap is used for this as well. In some contexts, the term bitmap implies one bit per pixel, while pixmap is used for images with multiple bits per pixel.
2D Design Development
Software Used: Inkscape
Inkscape is a free and professional-grade vector graphics tool compatible with all major operating systems. It supports SVG and other industry-standard formats.
Using an Common image from the Website to show the difference between raster and vector graphics
After opening the new document, I took time to explore the Inkscape interface, which includes toolbars, menus, and the workspace. I got acquainted with the drawing tools, object manipulation options, and alignment features. By understanding the layout of the workspace, I was able to navigate and use Inkscape more effectively for vector design.
I accessed the Document Properties in Inkscape and adjusted the page size to A4 landscape orientation. This change provided a wider workspace, making it easier to arrange and work on my vector design elements.
Next I am going to import the document from the Folder which we initially stored
Next we are gonna use the Trace Bitmap toolbar from the Path menu
Then we apply the options on the Trace bit map and use the default settings on that option and give apply
Now we export that image as SVG format to get that output and attach it in the webpage below
Printers and display devices are raster devices. As a result, we need to convert vector images to raster format before they can be used i.e displayed or printed. The required resolution plays a vital role in determining the size of the raster file generated. Here it is important to note that the size of the vector image to be converted always remains the same. It is convenient to convert a vector file to a range of bitmap/raster file formats but going down the opposite paths is harder. ( because at times we need to edit the image while converting from raster to vector)
Image tracing in computing can be referred to as vectorization and it’s simply the conversion of raster images to vector images. An interesting application of vectorization is to update images and recover work. Vectorization can be used to retrieve information that we have lost. Paint in Microsoft Windows produces a bitmap output file. It is easy to notice jagged lines in Paint. In this kind of conversion, the image size reduces drastically. As a result, an exact conversion is not possible in this scenario. Due to various approximations and editing that are done in the process of conversion the converted images are not of good quality.
This fidget spinner was designed using parametric modeling, where dimensions like diameter (22mm) and offset (5mm) were defined as adjustable parameters. This approach ensures precision, easy modifications, and scalability, allowing dynamic design updates without manual rework.
Designed the outershell of the fidget spinner using the parametric modeling method.
Designed the outershell of the fidget spinner using the parametric modeling method and applied full round fillet to the outer shell.
Imported the ballbearing 608 with McMASTER-CARR and assembled it with outershell
Xnconvert is a free software for converting and resizing images. To install Xnconvert, go to the download page and download the appropriate version for your operating system. Follow the installation instructions to install Xnconvert on your computer.
Use Xnconvert to resize images
Import the images into Xnconvert and change the resolution to 800px in width
Export the resized images to the folder with image containers
For adding images, use the image container provided
HandBrake is a free and open-source tool for converting and compressing video files. To install HandBrake, visit the download page and download the appropriate version for your operating system. Follow the installation instructions to install HandBrake on your computer.
Before Installing the HandBrake, Make sure you have the .NET framework installed
Use HandBrake to encode the video
Import the Videos into HandBrake and change the settings to according to your need
You can download the encoded model by clicking on the following links.