FormatZ Blog

File formats, made simple

Guides, comparisons and how-tos about file formats and conversion — in plain language, with no fluff and real takeaways.

115 articles
PNG for Web and Design: When to Use It (and When SVG or WebP Wins)Design

PNG for Web and Design: When to Use It (and When SVG or WebP Wins)

When PNG is the right choice for web and design — and when SVG, WebP or AVIF wins instead. Practical rules for logos, icons, screenshots, retina ex…

10 minPNG
PNG Transparency: How the Alpha Channel Works (and How to Get It Right)Guide

PNG Transparency: How the Alpha Channel Works (and How to Get It Right)

How PNG transparency works: what the alpha channel is, why the checkerboard means empty, how PNG-8 differs from PNG-32, and how to fix that dark ed…

10 minPNG
PNG vs JPG: Which Format to Choose and Why It MattersFormat Comparison

PNG vs JPG: Which Format to Choose and Why It Matters

PNG or JPG — which should you choose? The simple rule: photos → JPG; graphics, text and transparency → PNG. We break down lossy vs lossless, file s…

9 minPNG
Layers, Masks and Smart Objects: How a PSD File WorksTech

Layers, Masks and Smart Objects: How a PSD File Works

How a PSD file works inside: layers, masks, smart objects, adjustment and text layers, channels and the header. A clear breakdown of the Photoshop…

9 minPSD
PSD vs PNG and JPG: Source File vs Final ImageComparison

PSD vs PNG and JPG: Source File vs Final Image

PSD vs PNG and JPG: how a layered source file differs from a final image, which format to choose, and what happens to transparency, file size and q…

9 minPSD
RAW vs JPEG: What to Choose and When to Shoot RAWComparison

RAW vs JPEG: What to Choose and When to Shoot RAW

RAW vs JPEG: how they differ in dynamic range, detail recovery and file size. When to shoot RAW, when to shoot JPEG, and what the RAW+JPEG mode is…

10 minRAW
SVG for the Web: Icons, Animation and Optimization in PracticeWeb Development

SVG for the Web: Icons, Animation and Optimization in Practice

SVG for the web in practice: how inline, <img> and CSS background differ and when to use each, sprites instead of icon fonts, CSS animation, SVGO o…

11 minSVG
SVG for Logos and Illustrations: Why Designers Choose VectorDesign & Branding

SVG for Logos and Illustrations: Why Designers Choose Vector

Why a logo must be vector: a single SVG file works from favicon to billboard and stays razor-sharp everywhere. Print, brand books, web logos, illus…

10 minSVG
SVG vs PNG: Vector vs Raster — Which Format to ChooseFormat Comparison

SVG vs PNG: Vector vs Raster — Which Format to Choose

SVG vs PNG — vector against raster. When SVG is tiny and perfect for logos and icons, and when you simply need PNG (photos, screenshots). A clear c…

9 minSVG
TIFF for Print and Scanning: How to Prepare Files RightGuide

TIFF for Print and Scanning: How to Prepare Files Right

How to prepare TIFF files for print and scanning: the 300 DPI rule and picking resolution by output size, converting to CMYK without surprises, bit…

10 minTIFF
TIFF vs JPG: When You Really Need LosslessComparison

TIFF vs JPG: When You Really Need Lossless

TIFF vs JPG in plain English: how lossless differs from lossy, why re-saving a JPG slowly destroys it (generation loss), why TIFF is 10–50× heavier…

9 minTIFF
WebP Animation and Transparency: Why It Replaces GIF and PNGGuide

WebP Animation and Transparency: Why It Replaces GIF and PNG

WebP animation and transparency: one format that replaces both GIF and PNG — 24-bit color instead of 256, smooth alpha, files many times lighter. W…

9 minWEBP