Resize images to exact dimensions or by percentage — free, private, no upload required. JPG, PNG, and WebP output. All processing happens in your browser.

RT-IMG-001 · Image & File

Image Resizer Tool

Drop image here or click to select

Accepts JPG, PNG, WebP, GIF

🔒 Your image never leaves your browser — all processing happens locally using the Canvas API.

Advertisement
After results · AD-W1 Responsive · Post-tool — peak engagement

How to Use the Image Resizer

Drop your image onto the drop zone or click to select a file

Drag and drop any JPG, PNG, WebP, or GIF image directly onto the drop zone, or click it to open your device's file picker. The tool instantly loads a thumbnail preview along with the original dimensions and file size.

Enter your target width and height — enable aspect ratio lock to avoid distortion

Switch between By Dimensions and By Percentage modes. In dimensions mode, enter your target width and height in pixels. Enable the aspect ratio lock (on by default) to automatically recalculate the other dimension and keep your image proportional. In percentage mode, simply enter a scale factor — e.g. 50 to halve the image size.

Choose your output format (JPG for photos, PNG for graphics, WebP for web) and adjust quality

Select JPG for photographs and general use, PNG for images requiring transparency or sharp edges (logos, screenshots), or WebP for the smallest file sizes on the web. For JPG and WebP, use the quality slider to balance file size against visual quality — 85 is a good default for most uses, while 60–70 is sufficient for web thumbnails.

Click Resize Image then Download to save your resized file

Hit the orange Resize Image button to process the image entirely in your browser. A preview of the result appears instantly along with a before-and-after file size comparison. Click Download to save the resized file to your device. The filename is automatically set to include the output dimensions for easy identification.

Advertisement
After how-to · AD-W2 Responsive

Image Optimisation — Why File Size and Dimensions Matter More Than Ever

Why Image Size Matters for Web Performance and Core Web Vitals

Google's Core Web Vitals — Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP) — have been a confirmed ranking factor since 2021. Of these, LCP is most directly affected by image loading speed: if the largest element on your page is an image (as it is on most product pages, blog posts, and landing pages), an oversized image file will directly push your LCP score into the red zone and suppress your search rankings.

Studies by Google and Akamai consistently show that a 1-second delay in page load time reduces conversions by 7% on desktop and significantly more on mobile. In ASEAN markets, this is especially acute. Shopee and Lazada — Southeast Asia's two largest e-commerce platforms — have both invested heavily in image CDN infrastructure and automatic resizing pipelines to serve optimised images to buyers on 4G/LTE connections across Singapore, Malaysia, Indonesia, Thailand, Vietnam, and the Philippines.

"A 1-second delay in page load time reduces conversions by 7% — and oversized images are the single biggest cause of slow-loading websites worldwide."

Mobile data costs remain significant across much of ASEAN. While Singapore's StarHub and Singtel offer generous data plans, Malaysian and Indonesian users on more budget-conscious prepaid plans still notice and abandon slow-loading pages. Serving correctly dimensioned images — rather than loading a 4,000 px wide photograph into a 400 px wide thumbnail container — is one of the highest-impact, lowest-effort optimisations available to any web developer or e-commerce seller. Correct sizing, combined with WebP format and lazy loading, can reduce total image payload by 80% or more without any perceptible quality difference.

JPG vs PNG vs WebP: Which Format Should You Use and When?

JPEG uses lossy compression, discarding high-frequency visual information that the human eye is less sensitive to. It supports 16.7 million colours, making it ideal for photographs and gradient-rich imagery. It does not support transparency. At quality 85, JPEG typically produces files that are 10–20x smaller than uncompressed equivalents with no perceptible quality loss. The key weakness: JPEG performs poorly on images with sharp edges, text, or flat colour areas — artefacts become visible at lower quality settings.

PNG uses lossless compression, preserving every pixel exactly. It supports full transparency (alpha channel), making it the correct choice for logos, UI elements, screenshots, and any image where precise edges matter. The tradeoff: PNG files are substantially larger than JPEG for photographic content. PNG was invented in 1995 to replace GIF, which was limited to 256 colours and encumbered by patents.

WebP is Google's modern image format, introduced in 2010 and now supported by all major browsers as of 2020. It delivers approximately 25–35% smaller files than equivalent JPEG at the same visual quality, and supports both lossy and lossless compression as well as transparency. For virtually all web use cases, WebP is the optimal format. The only remaining reason to prefer JPEG or PNG is legacy compatibility — for example, some older email clients or desktop applications that do not support WebP.

Looking further ahead, AVIF (AV1 Image File Format) offers even better compression than WebP — typically 50% smaller than JPEG — and is gaining browser support rapidly. However, as of 2026 it still lacks universal support in older devices common in emerging ASEAN markets. GIF, once ubiquitous for simple animations, is now largely superseded by WebP animation and video formats for anything beyond very short, simple motion graphics.

Image Dimensions for Every Platform: WhatsApp, Instagram, LinkedIn, and Shopee in 2026

Every major platform applies its own image compression and resizing on upload. Understanding the recommended input dimensions helps you prepare images correctly before uploading, avoiding quality loss from double compression or unnecessary bandwidth waste.

WhatsApp compresses shared images to a maximum of 1,600 px on the long edge. Uploading larger images simply wastes your data plan — WhatsApp will resize them anyway. For document-quality sharing without compression, use the "Document" send option instead.

Instagram recommends: square feed posts at 1,080 × 1,080 px, Stories and Reels at 1,080 × 1,920 px (9:16), and landscape feed posts at 1,080 × 566 px. Instagram compresses uploads aggressively, so starting with the correct dimensions reduces artefact introduction. For carousel posts, all images should use the same aspect ratio.

LinkedIn recommends post images at 1,200 × 627 px (1.91:1 ratio), profile photos at 400 × 400 px minimum, and company banner images at 1,128 × 191 px. LinkedIn applies its own compression to JPEGs, so consider uploading PNG for graphics where sharpness matters.

Shopee requires product images to be at least 500 × 500 px, with a recommended minimum of 1,000 × 1,000 px for zoom functionality. Maximum file size is 2 MB per image. Lazada has similar requirements. For ASEAN e-commerce sellers listing across both platforms, the standard workflow is: photograph at full resolution, resize to 1,000 × 1,000 px with aspect ratio lock, export as JPG at quality 85, confirm file is under 2 MB. This tool handles every step of that workflow in seconds.

10 Facts About Image Formats and Web Performance

01

The average web page contains approximately 1.5 MB of images — making images the single largest contributor to page weight.

02

WebP images are 25–35% smaller than equivalent JPEG images at the same visual quality — without any perceptible difference to human eyes.

03

Shopee requires product images to be at least 500 × 500 pixels and under 2 MB — driving high demand for image resizing tools among ASEAN sellers.

04

PNG was invented in 1995 specifically to replace GIF, which was limited to 256 colours and subject to patent issues.

05

JPEG compression works by discarding high-frequency visual information — which is why JPEG works well for photos but badly for text and sharp edges.

06

Instagram compresses uploaded images to a maximum width of 1,080 px — uploading larger images wastes bandwidth without improving quality.

07

The Canvas API (used in this tool) was introduced in HTML5 in 2004 and is now supported in every major browser — enabling client-side image processing without server uploads.

08

A full-resolution iPhone 16 Pro photograph is approximately 50 MB — but a web-optimised version for a product listing needs to be under 500 KB, a 100× reduction.

09

Google Lighthouse penalises images that are more than 25% larger than their displayed size — making precise image resizing crucial for SEO.

10

Singapore's MyInfo and SingPass photo requirements specify exact pixel dimensions and file sizes — driving regular demand for image resizing among Singapore residents.

Frequently Asked Questions

  • No. This tool is 100% client-side. Your image is loaded and processed entirely in your browser using the HTML5 Canvas API. No image data is ever transmitted to any server — not to RECATOOLS, not to any third party. You can use it entirely offline once the page has loaded.
  • Input: JPEG, PNG, WebP, and GIF. Output: JPEG, PNG, or WebP. Note that GIF animation is not preserved — only the first frame of an animated GIF is resized. For animated output, consider a dedicated GIF editor. HEIC/HEIF (iPhone photos) is not currently supported; convert to JPEG first using your device's Photos app.
  • Aspect ratio is the proportional relationship between an image's width and height — for example, 16:9 for widescreen or 1:1 for square. When aspect ratio lock is enabled, changing the width automatically recalculates the height (and vice versa) to maintain the original proportions. Disabling the lock allows you to stretch or squish the image to any custom dimensions — useful for platform-specific crops, but it may distort faces and objects.
  • The default of 85 is a good starting point for most use cases and produces files that are visually indistinguishable from the original. For web thumbnails and e-commerce listing images where file size is critical, 70–80 usually provides an excellent balance. For print or archival use, keep it at 90–95. Below 60, compression artefacts become clearly visible on most content types.
  • JPEG — lossy compression, best for photographs. Small file sizes, no transparency support.
    PNG — lossless compression, best for logos, screenshots, and images needing transparency. Larger file sizes for photos.
    WebP — Google's modern format, 25–35% smaller than JPEG at the same quality, supports transparency, supported by all modern browsers. The best choice for web publishing in 2026.
  • Not with this tool. The HTML5 Canvas API processes a single image frame, so animated GIFs are rendered as a single still image (the first frame) when resized. If you need to resize an animated GIF while keeping the animation, use a dedicated tool such as ezgif.com or Adobe Express, or convert the animation to WebP format.
  • Shopee requires product images to be at least 500 × 500 pixels, with a recommended minimum of 1,000 × 1,000 pixels to enable zoom. Maximum file size is 2 MB per image. Lazada has similar requirements. For the best results, resize your product images to 1,000 × 1,000 px using this tool, export as JPG at quality 80–85, and verify the file size is under 2 MB before uploading.
  • WhatsApp compresses images to a maximum of 1,600 px on the long edge before sending. To avoid double compression (which degrades quality), resize your image to 1,600 px wide (or 1,600 px tall for portrait images) with aspect ratio lock enabled before sending. Set the output format to JPG and quality to 85. This ensures the image arrives at the maximum quality WhatsApp allows.
  • Downscaling (making an image smaller) generally has minimal perceptible quality impact when done correctly — this tool uses high-quality interpolation (imageSmoothingQuality "high") for the best results. Upscaling (making an image larger than the original) will always reduce sharpness because no new visual information can be created. For the best upscaling results, use specialist AI upscaling tools such as Topaz Gigapixel or waifu2x, which use machine learning to reconstruct detail.
  • 100% free, forever. No account required, no subscription, no file size limits imposed by the tool (beyond what your browser can handle). RECATOOLS is funded by contextual advertising, not paywalls. Because all processing happens in your browser, there are also no server costs associated with your image — the tool works identically whether you process one image or one thousand.

Related News

You may be interested in these recent stories from our newsroom.

View all news →
Advertisement
Pre-footer · AD-W3 728 × 90

75 more free tools

Calculators, converters, security tools — no signup.