🖼️1.
Raster (Bitmap) Image Formats
Raster images are made of pixels. They lose quality when scaled up.
1. JPEG / JPG (Joint Photographic Experts Group)
Extension: .jpg, .jpeg
Type: Raster
Compression: Lossy
Best For: Photography, web images, social media
Advantages:
o Small file size
o Good for complex color images
Disadvantages:
o Quality reduces after editing & saving repeatedly
o No transparency support
2. PNG (Portable Network Graphics)
Extension: .png
Type: Raster
Compression: Lossless
Best For: Logos, UI design, web graphics
Advantages:
o Supports transparency
o High quality
Disadvantages:
o Larger file size than JPEG
3. GIF (Graphics Interchange Format)
Extension: .gif
Type: Raster
Compression: Lossless (limited to 256 colors)
Best For: Simple animations, web graphics
Advantages:
o Supports animation
o Small file size
Disadvantages:
o Limited color range
4. TIFF (Tagged Image File Format)
Extension: .tif, .tiff
Type: Raster
Compression: Lossless (optional lossy)
Best For: Professional printing, scanning
Advantages:
o Very high quality
o Supports layers (in some cases)
Disadvantages:
o Very large file size
5. BMP (Bitmap)
Extension: .bmp
Type: Raster
Compression: None
Best For: Windows-based applications
Advantages:
o High quality
Disadvantages:
o Very large file size
o Not web-friendly
6. WebP
Extension: .webp
Type: Raster
Compression: Lossy & Lossless
Best For: Modern web design
Advantages:
o Smaller than JPEG & PNG
o Supports transparency & animation
Disadvantages:
o Limited support in older software
7. HEIF / HEIC (High Efficiency Image Format)
Extension: .heif, .heic
Type: Raster
Compression: Advanced lossy
Best For: Mobile photography (especially Apple devices)
Advantages:
o Very small file size
o High quality
Disadvantages:
o Compatibility issues
8. RAW (Camera RAW Formats)
Extension: .raw, .cr2, .nef, .arw (varies by camera brand)
Type: Raster
Compression: Minimal or none
Best For: Professional photography editing
Advantages:
o Maximum image data
o Best for color correction
Disadvantages:
o Very large files
o Requires special software
✏️2. Vector Image Formats
Vector images are made of mathematical paths. They can be scaled infinitely without losing
quality.
1. SVG (Scalable Vector Graphics)
Extension: .svg
Type: Vector
Best For: Logos, icons, web illustrations
Advantages:
o Scalable without quality loss
o Small file size
o Web-friendly
Disadvantages:
o Not ideal for complex photos
2. AI (Adobe Illustrator Artwork)
Extension: .ai
Type: Vector
Best For: Professional graphic design
Advantages:
o Fully editable
o Industry standard
Disadvantages:
o Requires Adobe Illustrator
3. EPS (Encapsulated PostScript)
Extension: .eps
Type: Vector (can contain raster)
Best For: Print design
Advantages:
o Print industry standard
Disadvantages:
o Limited transparency support
4. PDF (Portable Document Format)
Extension: .pdf
Type: Vector + Raster
Best For: Print-ready files, sharing designs
Advantages:
o Preserves layout
o Cross-platform compatible
Disadvantages:
o Editing may require special software
5. CDR (CorelDRAW)
Extension: .cdr
Type: Vector
Best For: CorelDRAW users
Advantages:
o Highly editable
Disadvantages:
o Requires CorelDRAW software
🎞️3. Layered & Working File Formats
These are project files used during editing.
1. PSD (Photoshop Document)
Extension: .psd
Software: Adobe Photoshop
Features:
o Supports layers
o Supports masks, effects, transparency
Best For: Editing & compositing
2. PSB (Large Photoshop Document)
Extension: .psb
Use: Very large images (over 2GB)
3. XCF (GIMP Format)
Extension: .xcf
Software: GIMP
Best For: Open-source image editing
🖨️4. Formats Used in Printing
TIFF
PDF (Print-ready)
EPS
AI
Preferred color mode: CMYK
🌐 5. Formats Used for Web
JPEG
PNG
WebP
SVG
GIF
Preferred color mode: RGB
📊 Quick Comparison Table
Format Type Compression Transparency Animation Best Use
JPEG Raster Lossy ❌ ❌ Photos
PNG Raster Lossless ✅ ❌ Web graphics
GIF Raster Lossless Limited ✅ Simple animations
TIFF Raster Lossless ✅ ❌ Printing
SVG Vector N/A ✅ ❌ Logos
PSD Raster Lossless ✅ ❌ Editing
WebP Raster Both ✅ ✅ Modern web
🎯 Conclusion
As a graphics student:
Use JPEG for photos.
Use PNG for transparent web graphics.
Use SVG for scalable logos.
Use TIFF/PDF for print.
Use PSD/AI while working on projects.
Mastering these formats will help you choose the right file type for every design situation.