Image workflow
How to choose image size and aspect ratio
Plan image dimensions, aspect ratio, and rough file size before exporting web, social, or document images.
Start with where the image will appear
The right image size depends on the layout, platform, and final use. A blog hero, social post, PDF image, and thumbnail may need different dimensions.
Aspect ratio helps you resize without stretching or awkward cropping.
- Choose the final placement.
- Pick the aspect ratio.
- Resize dimensions before compressing.
- Keep an original copy.
Simple workflow
Calculate the aspect ratio, estimate image size, resize or convert if needed, then preview the final file before publishing.
Do
- Preserve aspect ratio when resizing.
- Check dimensions after export.
- Use compression only after size and crop look right.
Don't
- Do not stretch images to fit a layout.
- Do not use huge images where smaller ones work.
- Do not overwrite originals before checking output.
Aspect Ratio CalculatorCalculate missing width or height proportionally.Image Size ConverterEstimate raw image size from dimensions.Image ResizerResize images in the browser.Image CompressorReduce file size after resizing.Hex RGB ConverterUse when design specs include mixed color formats.Color contrast guideReview text readability around images.Image converter workflowConvert and compress images safely.
FAQs
Is aspect ratio the same as image size?
No. Aspect ratio is the relationship between width and height. Image size can mean dimensions, file size, or raw pixel data.
Should I resize before compressing?
Usually yes. Resizing dimensions first often gives compression a better starting point.