Resizing by pixels is the most precise way to fit an image into a fixed slot, whether that is a 1200 pixel wide blog header or a 512 by 512 app icon.
Width, height, and aspect ratio
Every image has a ratio between its width and height. If you change only one value and keep the ratio locked, the other updates automatically and the picture stays undistorted. Unlock the ratio only when you truly need a specific width and height that do not match the original shape.
How to resize by pixels
- Open Resize Image by Pixels.
- Add your image.
- Enter the target width or height. Keep "lock ratio" on to avoid stretching.
- Download the resized file.
Common pixel sizes worth knowing
- Blog header: 1200 wide is a safe, sharp default.
- Favicon source: 512 by 512, then export smaller versions.
- Email signature image: 300 to 400 wide keeps it light.
- Profile picture: 400 by 400 square.
Resize then compress
Shrinking pixel dimensions is the single biggest way to reduce file size. After resizing, run the result through the Image Compressor for an even smaller file. If you think in percentages rather than exact pixels, use Resize by Percentage instead.
Frequently asked questions
How do I resize an image without stretching it?
Keep the aspect ratio locked and change only the width or the height. The other side updates automatically so the image keeps its shape.
Does resizing reduce image quality?
Making an image smaller is clean and usually improves sharpness on screen. Enlarging past the original size can look soft because there is no extra detail to add.
What size should a web image be?
For most blog and content images, 1200 pixels wide is a good balance of sharpness and file size.