Different types of image

There are different types of image format. Image are differentiate according to their extension. Extenstion are like image surname that is named after . of file name.
Unless you're a graphic designer or fellow interested in making animation (like me), chances are you've never needed to understand things like what separates a TIF from a PDF or a PSD. While the large variety of image formats may seem overwhelming, there is a method to the madness.You must understand the difference between different file format.


First things first: What is the difference between vector and raster?

Rastor Image Files

Raster images are constructed by a series of pixels, or individual blocks, to form an image. JPEG, GIF, and PNG are all raster image extensions. Every photo you find online or in print is a raster image. Pixels have a defined proportion based on their resolution (high or low), and when the pixels are stretched to fill space they were not originally intended to fit, they become distorted, resulting in blurry or unclear images.

In order to retain pixel quality, you cannot resize raster images without compromising their resolution. As a result, it is important to remember to save raster files at the exact dimensions needed for the application.

Vector Image Files

Vector images are far more flexible. They are constructed using proportional formulas rather than pixels. EPS, AI and PDF are perfect for creating graphics that require frequent resizing. Your logo and brand graphics should have been created as a vector, and you should always have a master file on hand. The real beauty of vectors lies in their ability to be sized as small as a postage stamp, or large enough to fit on an 18-wheeler!

If you're not sure whether you have a vector version of your logo, here's a little trick for you: Call the company that printed your business cards or the vendor that embroidered your logo on a shirt. Often they'll have a vector file of your logo that they can send to you for your records.

High Resolution vs. Low Resolution

Have you heard about DPI or PPI? DPI stands for "dots per inch" and PPI translates to "pixels per inch." These units of measure are essential for determining if the density of pixels in an image is appropriate for the application you are using.

The biggest thing to note when determining what DPI or PPI you require is if you are using an image for print or web. Websites display images at 72dpi, which is low resolution; however images at this resolution look really crisp on the web. This is not the case for print. Best practices for printing an image will require it to be no less than 300dpi.

Don't try to trick the system. A lot of magic can happen in Photoshop, but creating pixels out of thin air isn't one of them. Pulling an image off of the web and trying to get it to fit the dimensions of your print project just won't work. You will end up with a pixelated image that appears stretched and distorted.


Different image file format

JPEG (or JPG) - Joint Photographic Experts Group is the most popular and common photo format. You can use such image on MS word, web, phone etc.JPEGs are known for their "lossy" compression, meaning that the quality of the image decreases as the file size decreases. Paying attention to the resolution and file size with JPEGs is essential in order to produce a nice looking project.


PNG - Portable Network Graphics are amazing for interactive documents such as web pages, but are not suitable for print. While PNGs are "lossless," meaning you can edit them and not lose quality, they are still low resolution.The reason PNGs are used in most web projects is that you can save your image with more colors on a transparent background. This makes for a much sharper, web-quality image.

SVG -Short for Scalable Vector Graphics, a vector graphics file format that enables two-dimensional images to be displayed in XML pages on the Web. Vector images are created through text-based commands formatted to comply with XML specifications. In contrast to JPEG and GIFimages on the Web, which are bitmapped and always remain a specified size, SVG images are scalable to the size of the viewing window and will adjust in size and resolution according to the window in which it is displayed.

Benefits of SVG include:

  • smaller files size than regular bitmapped graphicssuch as GIF and JPEG files
  • resolution independence, so that the image can scaledown or up to fit proportionally into any size display on any type of Web device
  • text labels and descriptions that can be searched by search engines
  • ability to link to parts of an image
  • complex animation
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix54HthvzaiC_nUlLIPlVj5cjHAgiOxALWvgslHL80nHreITLarUv2_msJZl8j0YRksuUWYGwvn6WVI85gkCPqHON7tm0Y_t4ZfGW9FBoI1bCHKZ4fCQ70s_0vIe_IIUad3Ll1sWgXg8Q/s1600/svg-compare.jpg
Link to image
Bee Animated Gifs at | Animated bee, Animation, Bee

GIF - Graphics Interchange Format are most common in their animated form, which are all the rage on Tumblr pages and in banner ads. It seems like every other day we have a new Grumpy Cat or Honey Boo Boo animated GIF. In their more basic form, GIFs are formed from up to 256 colors in the RGB colorspace. Due to the limited number of colors, the file size is drastically reduced.This is a common file type for web projects where an image needs to load very quickly, as opposed to one that needs to retain a higher level of quality.

A TIF is a large raster file that doesn't lose quality. This file type is known for using "lossless compression," meaning the original image data is maintained regardless of how often you might copy, re-save, or compress the original file.

TIFF image file icon

Despite TIFF images' ability to recover their quality after manipulation, you should avoid using this file type on the web -- it can take forever to load. TIFF files are also commonly used when saving photographs for print.


PSDs are files that are created and saved in Adobe Photoshop, the most popular graphics editing software ever. This type of file contains "layers" that make modifying the image much easier to handle. This is also the program that generates the raster file types mentioned above.

PSD image file icon with Adobe Photoshop logo

The largest disadvantage to PSDs is that Photoshop works with raster images as opposed to vector images.






PDFs were invented by Adobe with the goal of capturing and reviewing rich information from any application, on any computer, with anyone, anywhere. I'd say they've been pretty successful so far.

PDF image file icon with Adobe Reader logo

If a designer saves your vector logo in PDF format, you can view it without any design editing software (as long as you have downloaded the free Acrobat Reader software), and they have the ability to use this file to make further manipulations. This is by far the best universal tool for sharing graphics.


EPS is a file in vector format that has been designed to produce high-resolution graphics for print. Almost any kind of design software can create an EPS.

EPS image file icon

The EPS extension is more of a universal file type (much like the PDF) that can be used to open vector-based artwork in any design editor, not just the more common Adobe products. This safeguards file transfers to designers that are not yet utilizing Adobe products, but may be using Corel Draw or Quark.

AI is, by far, the image format most preferred by designers and the most reliable type of file format for using images in all types of projects from web to print, etc.

AI image file icon with Adobe Illustrator logo

Adobe Illustrator is the industry standard for creating artwork from scratch and therefore more than likely the program in which your logo was originally rendered. Illustrator produces vector artwork, the easiest type of file to manipulate. It can also create all of the aforementioned file types. Pretty cool stuff! It is by far the best tool in any designer's arsenal.

INDDs (Indesign Document) are files that are created and saved in Adobe Indesign. Indesign is commonly used to create larger publications, such as newspapers, magazines and eBooks.

INDD image file icon with Adobe Indesign logo

Files from both Adobe Photoshop and Illustrator can be combined in Indesign to produce content rich designs that feature advanced typography, embedded graphics, page content, formatting information and other sophisticated layout-related options.

A RAW image is the least-processed image type on this list -- it's often the first format a picture inherits when it's created. When you snap a photo with your camera, it's saved immediately in a raw file format. Only when you upload your media to a new device and edit it using image software is it saved using one of the image extensions explained above.

File icons for CR2, CRW, NEF, and PEF raw image formats

RAW images are valuable because they capture every element of a photo without processing and losing small visual details. Eventually, however, you'll want to package them into a raster or vector file type so they can be transferred and resized for various purposes.

As you can see from the icons above, there are multiple raw image files in which you can create images -- many of them native to certain cameras (and there are still dozens more formats not shown above). Here's a brief description of those four raw files above:

  • CR2: This image extension stands for Canon RAW 2, and was created by Canon for photos taken using its own digital cameras. They're actually based on the TIFF file type, making them inherently high in quality.
  • CRW: This image extension was also created by Canon, preceding the existence of the CR2.
  • NEF: This image extension stands for Nikon Electric Format, and is a RAW file type created by (you guessed it) Nikon Cameras. These image files actually allow for extensive editing without changing file types, provided the editing takes place using a Nikon device or Nikon Photoshop plugin.
  • PEF: This image extension stands for Pentax Electronic Format, a RAW image file type created by Pentax Digital Cameras.


Comments