Image Resizer Free Online
Free online image resizer. Resize images to any custom width and height. Maintain aspect ratio.
Drop image here or click to upload
Supports JPG, PNG, WebP
Every digital platform - social media, websites, email, presentations, print - has different optimal image dimensions. Uploading images at the wrong size wastes storage, slows page loads, or produces poor visual results. This free online image resizer lets you resize any JPG, PNG, or WebP image to exact pixel dimensions in your browser, with optional aspect ratio locking and preset sizes for common platforms.
How to Resize an Image Online
Upload your image
Click the upload area or drag and drop your image file. The resizer accepts JPG, JPEG, PNG, and WebP formats. After upload, the original image dimensions are shown so you can see the current size before making changes.
Set your target dimensions
Enter the target width and/or height in pixels. If you want to resize while maintaining the original proportions (recommended), enable the "Lock Aspect Ratio" option - when you change the width, the height updates automatically to preserve the ratio, and vice versa. Alternatively, choose from the preset dimensions for common social media and web image sizes.
Download the resized image
Click Resize to apply the dimensions, then Download to save the resized image. The output format matches your input - JPG inputs produce JPG outputs, PNG inputs produce PNG outputs. The resized image maintains good quality using high-quality bicubic interpolation for smooth downscaling.
Standard Image Dimensions for Social Media and Web
Here are the most important image dimensions for common platforms in 2026:
Instagram - square posts: 1080×1080px. Portrait posts: 1080×1350px. Landscape posts: 1080×566px. Stories and Reels: 1080×1920px. Profile photo: 110×110px (upload at 320×320px for best quality).
Facebook - profile photo: 170×170px (upload at least 180×180px). Cover photo: 820×312px (851×315px on desktop). Post images: 1200×630px. Event cover: 1920×1005px.
Twitter / X - profile photo: 400×400px. Header: 1500×500px. Post images: 1600×900px (16:9 ratio).
LinkedIn - profile photo: 400×400px. Banner: 1584×396px. Company logo: 300×300px. Post images: 1200×627px.
YouTube - channel art: 2560×1440px (safe area 1546×423px). Thumbnail: 1280×720px.
Web and email - hero images: 1920×1080px or 1440×810px. Email header: 600px wide maximum. Blog post featured image: 1200×628px (also the standard Open Graph size for social sharing).
Upscaling vs Downscaling - What to Expect
Downscaling (making smaller) - reducing an image's dimensions almost always preserves or improves perceived quality. When you have more pixels than you need and reduce them, the algorithm averages nearby pixels together, producing a smaller but crisp image. Downscaling also significantly reduces file size - a 4000×3000px photo downscaled to 1200×900px will be roughly one-ninth the pixel count and proportionally smaller in file size.
Upscaling (making larger) - increasing an image beyond its original dimensions does not add detail - it cannot, because that detail was never captured. The algorithm must interpolate (guess) what pixels to fill in between existing ones. The result looks blurry or blocky. For good results, always work with images that are larger than your target size and downscale. If you must upscale, AI-powered upscaling tools (like Topaz Gigapixel or Photoshop's Preserve Details AI) do a much better job than standard interpolation algorithms.
Understanding Aspect Ratios and Why They Matter
Aspect ratio is the proportional relationship between an image's width and height, expressed as width:height. Common aspect ratios include 16:9 (widescreen), 4:3 (traditional TV), 1:1 (square), and 4:5 (portrait). Maintaining the correct aspect ratio prevents distortion - squashing or stretching that makes faces look wide or tall, objects appear unnatural, and compositions feel wrong.
How to maintain aspect ratio when resizing: Enable the "Lock Aspect Ratio" option (default on most resizers including this one). When locked, changing width automatically recalculates height to preserve the original proportions, and vice versa. For example, a 1600×1200px image (4:3 ratio) resized to 800px width becomes 800×600px, not 800×1200px.
When you need to change aspect ratio: Social media platforms have specific aspect ratio requirements - Instagram stories require 9:16 (vertical), while YouTube thumbnails require 16:9 (horizontal). Changing aspect ratio means either cropping the image (removing parts of the top/bottom or sides) or adding padding (letterboxing or pillarboxing). Resizing alone cannot change aspect ratio without distortion - you must crop the image first to the target ratio, then resize to the target dimensions.
Common aspect ratios and their uses:
1:1 (Square) - Instagram feed posts, profile pictures, icons, album covers, product thumbnails. Dimensions like 1080×1080, 1000×1000, 800×800.
4:5 (Portrait) - Instagram portrait posts (takes more vertical screen space in feed). Dimension: 1080×1350px.
9:16 (Vertical/Stories) - Instagram/Facebook/TikTok stories and reels, mobile-first content. Dimensions like 1080×1920px.
16:9 (Widescreen) - YouTube videos, YouTube thumbnails, website hero images, blog banners, HD monitors. Dimensions like 1920×1080, 1280×720, 1600×900.
4:3 (Traditional) - Presentations, older monitors, some tablets. Dimensions like 1024×768, 800×600.
3:2 (DSLR photo) - standard output from DSLR cameras. Dimensions like 3000×2000, 1500×1000.
2:3 (Portrait photo) - vertical photographs. Dimensions like 2000×3000, 1000×1500.
Resolution Recommendations by Use Case
Choosing the right pixel dimensions depends on where the image will be displayed. Here are recommended sizes for common use cases:
Website hero images (full-width banners) - 1920×1080px for standard HD displays, 2560×1440px for larger/retina displays. Displays responsively resize the image to fit the viewport, but starting with at least 1920px width ensures sharpness on desktop monitors. Use larger dimensions (2560px) only if your audience skews toward high-end displays and you are willing to accept larger file sizes.
Blog post images - 1200×630px for featured images that appear in social media link previews (Open Graph standard). For in-content images, 800-1200px width is sufficient for most blog layouts. Larger images waste bandwidth without improving visual quality since most blog content areas are 600-900px wide.
Product photography for e-commerce - 1000×1000px to 1500×1500px for main product images with zoom capability. 2000×2000px for very high-quality zoom. Thumbnails can be 300×300px to 500×500px. Use consistent dimensions across all products for a polished, professional appearance. Square aspect ratio (1:1) is standard for product catalogs.
Profile pictures and avatars - 400×400px to 800×800px. Social platforms display profile pictures at small sizes (typically 50-150px on screen) but request higher-resolution images (200-400px) for retina displays and zoomed views. Upload at least 2x the display size to ensure sharpness.
Email newsletter images - Maximum 600px width. Most email clients render content at 600-650px maximum width even on desktop. Larger images are automatically downscaled by the client, wasting bandwidth. For header images, use exactly 600px wide. For in-content images, 400-600px wide.
Print resolution - 300 DPI (dots per inch) at final print size. For a 4×6 inch photo print, you need at least 1200×1800 pixels (4 × 300 = 1200, 6 × 300 = 1800). For an 8×10 inch print, you need 2400×3000 pixels. For large format printing (posters, banners), 150-200 DPI is acceptable since viewers stand farther away. A 24×36 inch poster at 150 DPI requires 3600×5400 pixels.
Presentation slides (PowerPoint, Google Slides, Keynote) - 1920×1080px for widescreen presentations (16:9), 1024×768px for standard presentations (4:3). Images embedded in slides should be sized to match the presentation resolution for best quality when projecting.
Responsive Images - Serving Different Sizes to Different Devices
Modern websites serve different image sizes to different devices to optimize performance and visual quality. Here is how to implement responsive images:
HTML srcset attribute: Use the srcset attribute to provide multiple image sizes, and the browser automatically selects the most appropriate version based on screen size and resolution.
<img src="image-800.jpg"\n srcset="image-400.jpg 400w,\n image-800.jpg 800w,\n image-1200.jpg 1200w,\n image-1600.jpg 1600w"\n sizes="(max-width: 600px) 400px,\n (max-width: 1000px) 800px,\n 1200px"\n alt="Description">
The browser downloads only the size it needs, saving bandwidth on mobile devices and ensuring sharp images on high-resolution displays.
Picture element for art direction: Use the <picture> element when you need different crops or compositions for different screen sizes (for example, a horizontal landscape image on desktop and a vertical portrait crop on mobile).
Automatic responsive images with frameworks: Next.js (next/image), Gatsby (gatsby-plugin-image), WordPress (automatic srcset generation since 4.4), and other frameworks automatically generate and serve multiple image sizes. Upload a single high-resolution source image, and the framework creates optimized derivatives at multiple sizes.
Common Resizing Mistakes and How to Avoid Them
Here are frequent pitfalls when resizing images and how to prevent them:
Mistake 1: Resizing without locking aspect ratio - unlocking aspect ratio and entering arbitrary width and height values distorts the image, making faces look wide or stretched. Always lock aspect ratio unless you are deliberately creating a specific effect or filling a fixed-ratio container (in which case, crop first, then resize).
Mistake 2: Upscaling low-resolution images - enlarging a 500×500px image to 2000×2000px does not improve quality; it makes blurriness more visible. If you need a larger image, find a higher-resolution source or use AI upscaling tools specifically designed for enlargement (Topaz Gigapixel, Photoshop Super Resolution).
Mistake 3: Resizing without compressing afterward - reducing dimensions reduces pixel count but does not automatically optimize the file encoding. A 4000×3000px image at 5MB downscaled to 1200×900px may still be 1.5MB if not recompressed. After resizing, also compress the image (using the Image Compressor tool) to achieve optimal file size.
Mistake 4: Using the wrong dimensions for social media - each platform has specific optimal dimensions. Instagram feed posts should be 1080×1080px (square) or 1080×1350px (portrait), not 1920×1080px. YouTube thumbnails should be 1280×720px (16:9), not square. Using incorrect dimensions results in automatic cropping by the platform, often cutting off important parts of the image. Use the preset buttons in this tool to instantly set correct dimensions for each platform.
Mistake 5: Resizing only once at the largest size needed - if an image is used in multiple places (thumbnail, medium, large), create separate resized versions for each use rather than letting the browser downscale a large version. A 1600px image downscaled to display at 300px wastes bandwidth and slows page load. Generate a dedicated 300px thumbnail version.