Training - Working with Images

Types of Images

  • Bitmap Images - Images where information about each pixel is stored.
    • Photographs
  • Vector Images -  Images drawn with math creating shapes, gradients, and fonts.
    • Logos, Banners, Original Artwork

Common Bitmap Image File Types: 

  • .PNG - Portable Network Graphics (2004)
  • .JPG / .JPEG - Joint Photographic Experts Group
  • .GIF - Graphic Interchange Format (1987). In 1999 Unisys began enforcing .gif patents.

Other Image File Types: 

  • .TIFF (Bitmap) - Tagged Image File Format (1992) owned by Adobe
  • .AI (Program File) - Adobe Illustrator. Program file for designing vector artwork. 
  • .EPS (Vector Image) - Encapsulated Post Script. Vector images like original logo art, was the early file format for Illustrator. 
  • .SVG (Vector Image) - Scalable Vector Graphics. Open standard for vector images, mainly used for icons and animation. 

Resampling VS. Resizing

  • Resampling - Making an image a new size natively using a photo editing program. Can make the file size smaller when resizing down.  
  • Resizing - Changing the dimensions of an image in a website without changing the file size (bad practice). 

Yosemite_National_Park.jpg Yosemite_National_Park.jpg
Yosemite_National_Park.jpg

Click here for a popup