Category: Image Guides

Website image guides covering dimensions, file formats, compression and visual checks before publishing.

How to Prepare a Web Image from a 300 DPI Export

Prepare a web image from a 300 DPI export by separating print metadata, pixel dimensions and CSS size, then checking the resized file.

Choose useful alt text for informative, decorative and linked website images, then check the published HTML in its page context.

Prepare a 600 by 400 image for a 300 by 200 CSS layout, offer 1x and 2x files, and check the result in the actual page.

Learn what JPEG to PNG conversion changes, why lost detail stays lost, and how to check a converted image before using it.

Convert a transparent PNG to JPEG with a white background, then check the downloaded file for margins, edges and readable text.

Convert a transparent PNG to WebP, choose quality settings, and check the downloaded image's edges and alpha transparency.

Resize images to the right pixel dimensions without stretching them. Learn aspect ratio calculations, square-image options and export checks.

Reduce website image size with a practical workflow for dimensions, JPEG, PNG and WebP. Compare exports and keep important details clear.