Skip to content
Au Fait Branding

Au Fait Branding

Manon's Guidelines & Tutorials

backups blocks brand browsers content management systems databases design domains emails hosting images includes screencast logos navigation pages performance plugins posts security SEO social media software SSL taxonomy themes web services websites wordpress

What is…

  • Branding
  • Cache
  • CDN
  • CMS
  • Domains
  • Email Hosting
  • SSL Certificates
  • Web Hosting
  • WordPress
  • WordPress Blocks

Difference between…

  • Block Patterns and Reusable Blocks
  • Image Formats
  • WordPress Pages and Posts
  • WordPress Taxonomies

How to…

  • Add Content Blocks to a WordPress Post/Page
  • Copy/Paste Blocks Between Pages/Posts
  • Navigate & Edit Blocks Within a Post or Page

Recommending…

  • Essential WordPress Plugins
  • Social Media Resources

OCM

  • How To Convert Posts to Blocks
View Categories
  • Home
  • Docs
  • Difference between…

Image Formats

1 min read

Raster Formats #

Raster images are made from tiny rectangular pixels whose grids form an image. Can be used for any project with imagery. Tendency to blurring or pixelation if an image is smaller than required in a project.

GIF

  • print/digital
  • (Graphics Interchange Format)
  • Best used for simple shapes, logos, diagrams, and cartoon-style imagery.
  • Features animation capabilities.

JPG/JPEG

  • print/digital
  • (Joint Photographic Experts Group)
  • Universally used because of its compression feature, which can significantly reduce file size.
  • Not recommended when a transparent background is needed.

JPEG XL

  • print/digital
  • Features reversible recompression of existing JPEG files, as well as high-resolution HDR.

PNG

  • print/digital
  • (Portable Network Graphics)
  • Supports 8-bit color palettes with optional transparency for all palette colors.
  • Best used when a transparent background is needed in both digital and print projects.

WebP

  • print/digital
  • Specifically created by Google to reduce digital image file size to speed up web page loading to replace JPEGs as the primary format for photographs.

TIF/TIFF

  • print only
  • (Tagged Image File Format)
  • Primarily for photographs in the printing business.

BMP

  • print only
  • (Windows bitmap)
  • One of the earliest forms of image format with a simple structure.

Vector Formats #

Vector images are made of points, lines, curves, and shapes that are based on mathematical formulas. Great for projects that require size reduction or enlarging without blurring, pixelation, or loss of sharpness, e.g., web fonts, signage, screenprinting, etc.

EPS

  • print only
  • (Encapsulated PostScript)
  • Created by Adobe, one of the earliest vector formats.

SVG

  • print/digital
  • (Scalable Vector Graphics)
  • Features scripting, so may be used in web applications, like font icons, or animation.

PDF

  • print/digital
  • (Portable Document Format)
  • Versatile format to present documents, text, and images. Now more universally preferred by printers.

Capture Formats #

Camera capture formats before they’re converted by software into output formats.

HEIC

  • (High Efficiency Image File)
  • Created by Apple, a new image container format that compresses photos in order to save space on Apple devices.

EXR

  • (OpenEXR bitmap)
  • An open-source high-dynamic-range image file format created by the Industrial Light & Magic visual effects company.

RAW

  • An unprocessed digital negative, a file originating from a camera, with more data than a JPEG.
  • They are much larger files, so they are best converted to smaller formats like JPEG or PNG.

Software Formats #

Image-editing software formats.

PSD

  • Adobe Photoshop
  • Raster graphics editor
  • https://www.adobe.com/products/photoshop.html

AI

  • Adobe Illustrator
  • Vector graphics editor
  • https://www.adobe.com/products/illustrator.html

AFDesign

  • Affinity Design
  • Vector graphics editor
  • https://affinity.serif.com/en-us/designer/

AFPhoto

  • Affinity Photo
  • Raster graphics editor
  • https://affinity.serif.com/en-us/photo/

Inkscape

  • Inkscape
  • Vector graphics editor
  • Open-source, free of charge
  • https://inkscape.org/

Lottie

  • Lottie
  • Animations editor
  • Free of charge
  • https://lottiefiles.com/
brand, images, software
Still stuck? How can I help?

How can I help?

Updated on Wednesday, March 22, 2023
Table of Contents
  • Raster Formats
  • Vector Formats
  • Capture Formats
  • Software Formats
© 2026 Au Fait Branding • Built with GeneratePress