Image Format & Size Cheatsheet

About Image Format and Size Cheatsheet

Common dimensions and ratios

The reference groups common web, social, print, and presentation image sizes with their pixel dimensions and aspect ratios. It also includes a custom size calculator so you can enter width and height, see the simplified ratio, and copy the result.

Format notes and DPI conversion

The format guide compares JPEG, PNG, WebP, AVIF, and SVG by typical use, compression, transparency, and vector support. Unit controls convert pixel sizes to inches, centimeters, or millimeters using the selected DPI, which is helpful for production notes but not a proof of final print quality.

Platform specs still change

Image requirements vary by platform, template, device density, compression pipeline, and upload workflow. This tool does not validate image files, convert formats, estimate file size, or guarantee acceptance by social networks, ad platforms, print vendors, or app stores.

FAQ

Common questions and answers about this topic.

What is the difference between JPG and PNG, and which should I use?

JPEG uses lossy compression and balances file size with quality for photos and gradients, but it does not support transparency. PNG uses lossless compression, keeps sharp edges clear, and supports transparency, so it suits UI assets and screenshots.

Which is better for web images: WebP, AVIF, or JPEG?

There is no single best choice. JPEG is a balanced option for photos. WebP supports lossy or lossless compression and transparency for mixed web content. AVIF also supports both compression modes and transparency, with very efficient compression plus HDR use cases. Check the target platform and upload workflow before choosing.

Which image formats support transparent backgrounds?

PNG, WebP, AVIF, and SVG support transparency in this guide. JPEG does not. PNG, WebP, and AVIF are bitmap formats, while SVG is vector based and scales independently of resolution.

Why is SVG commonly used for logos, icons, and illustrations?

SVG is vector based, so it is independent of resolution and can scale without losing edge sharpness. That makes it a good fit for logos, icons, and illustrations. If a platform requires a bitmap, export the asset to PNG, WebP, or AVIF.

What is the difference between lossy and lossless compression?

Lossy compression, used by JPEG, trades away some image data to balance file size and visible quality. Lossless compression, used by PNG, preserves the encoded image data and suits sharp edges. WebP and AVIF can use either mode, so the format name alone does not tell you which mode was used.

Does the image format determine the final file size?

No. This guide compares compression modes and typical uses, but it does not estimate the final file size. Platform, template, device density, compression pipeline, and upload workflow can all change the result, so check the exported file against the target platform's requirements.

Data Sources

This tool's data is compiled from the authoritative sources below.

Data last maintained 2026-06-20