تخطي إلى المحتوى الرئيسي
FreeOnlineTools Go
العربية

غيّر حجم الصور

غيّر حجم الصور في متصفحك. اضبط الأبعاد المخصصة أو حافظ على نسبة العرض إلى الارتفاع. حمّل الصورة المعدّلة.

Local processing

What is غيّر حجم الصور?

An image resizer changes an image's pixel dimensions — upscaling or downscaling — to fit a target width and height. Resizing is essential for thumbnails, social-media crops, retina assets, and conforming to platform size limits. The tool can lock the aspect ratio to avoid distortion or allow free-form resizing. All processing is local via the Canvas API; the original image is never uploaded.

How It Works

The input image is loaded into an Image element, then drawn onto a <canvas> sized to the target dimensions. The browser's built-in resampling (bilinear by default, higher-quality via imageSmoothingQuality = 'high') interpolates pixels. The resized canvas is exported via toBlob() in the chosen format. When the aspect ratio is locked, changing one dimension updates the other proportionally.

Common Use Cases

  • Creating thumbnails — downscale large product photos to 200×200 preview images
  • Generating social-media assets — resize to exact platform dimensions (e.g., 1200×630 for OG images)
  • Producing retina assets — export @2x and @3x versions from a single source image
  • Fitting images into fixed-size slots — conform photos to a layout grid without distortion

Technical Details

Engine: Canvas API with imageSmoothingEnabled and imageSmoothingQuality = 'high' for downscaling. Resampling: browser-dependent (typically bilinear or bicubic). Upscaling beyond 2-3× produces visible blur — the tool cannot invent detail. Output formats: JPEG, PNG, WebP (browser-dependent). EXIF orientation is honored when the browser applies it on load.

How to Use

Enter your input above. The result updates automatically. Use the copy button to copy the result.

Privacy

All processing happens in your browser. Your data is never uploaded to any server.

FAQ

Is my image uploaded?

No, all processing happens locally in your browser using Canvas API.

What output formats are supported?

JPEG, PNG, and WebP output are supported (WebP depends on browser support). The input format can differ from the output format — for example, you can resize a PNG and export as JPEG.

Can I resize by percentage or by exact dimensions?

Both. You can enter exact width and height in pixels, or use a percentage scale factor. When aspect ratio lock is enabled, changing one dimension automatically updates the other to maintain proportions.

Related Tools