About the Image Resize & Crop Tool
Resize and crop images to an exact size, with more than forty presets covering passport and visa photographs, every common social media dimension, standard print sizes and web formats — or type your own width and height. Crop mode gives you an interactive frame you can drag and zoom to choose exactly what to keep; fit mode scales the whole image to fit and fills the remainder with a background colour of your choosing.
The feature that most people actually come looking for is a target file size. Upload forms impose limits in kilobytes — a job portal wants a photograph under 100 KB, a government form wants 20 KB — and no quality percentage tells you which setting lands under the limit. Enter the number of kilobytes and the tool finds the right quality automatically, reducing the dimensions too if quality alone cannot get there. You get the largest, cleanest image that fits inside the limit.
Output as PNG, JPG or WebP. PNG keeps transparency and stays lossless; JPG gives the smallest universally accepted file; WebP is the best size for the web. Target file size applies to JPG and WebP only, since PNG is lossless and has no quality dial to trade away.
Everything happens in your browser using the Canvas API. Your photographs are never uploaded, never stored and never seen by anyone else — which matters rather a lot when the image in question is a passport or ID photograph.
How to use Image Resize & Crop Tool
- Upload your image — Drag and drop any image file (PNG, JPG, WebP, or other formats) into the upload area, or click to select it from your device.
- Choose a preset or set custom dimensions — Select from 40+ presets for passport photos, social media, web, and standard photo sizes — or enter custom width and height values.
- Crop or fit your image — Use Crop mode to visually select the area to keep with an interactive drag-and-zoom cropper, or Fit mode to fit the entire image with a customizable background fill.
- Download your result — Choose your output format (PNG, JPG, or WebP), adjust quality if needed, and click the download button to save.
Image Resize & Crop Tool FAQ
What does this image resize and crop tool do?
This free online image resize and crop tool lets you change the dimensions of any image quickly and easily — all within your browser. You can resize images to exact pixel dimensions, crop images to specific aspect ratios, use over 40 built-in presets for common sizes (passport photos, social media images, web banners, and more), choose between Crop mode and Fit mode depending on how you want to handle your image, select background fill options when fitting images to new dimensions, export in PNG, JPG, or WebP format with adjustable quality, and download the result instantly. The tool is designed to be the fastest and easiest way to get your images to the exact size you need — whether you are preparing a passport photo, creating a YouTube thumbnail, resizing images for Instagram, or optimizing graphics for your website.
What is the difference between resizing and cropping an image?
Resizing and cropping are two different operations that both change an image's dimensions, but they work differently. Resizing (scaling) changes the overall dimensions of the entire image. The full image content is preserved, but it is stretched or shrunk to fit the new size. If the aspect ratio changes, the image may appear distorted unless you use techniques like fitting with background fill. Cropping removes parts of the image to keep only a selected region. You choose which portion of the image to keep, and everything outside that selection is discarded. Cropping is ideal when you want to focus on a specific area. This tool offers both approaches: use Crop mode to select exactly which part of the image to keep, or use Fit mode to resize the entire image into your target dimensions with a customizable background fill for any empty space.
How do I resize an image to a specific size using this tool?
Resizing an image to a specific size is quick and straightforward. Follow these steps: First, upload your image by dragging and dropping it onto the upload area, or click to browse and select a file from your device. Second, choose your target size by selecting a preset from the categorized tabs (Passport/ID, Social Media, Standard Photos, Web/Screen) or click Custom to enter exact pixel dimensions. Third, select your mode — choose Crop if you want to select which part of the image fills the target size, or choose Fit if you want the entire image to fit within the target dimensions. Fourth, if using Crop mode, use the interactive cropper to drag, pan, and zoom to position your image exactly how you want it. If using Fit mode, choose a background fill option for any empty space. Fifth, select your output format (PNG, JPG, or WebP) and adjust the quality slider if needed. Finally, click Apply & Download to process and save your resized image. The entire process takes just seconds and works with any image format.
How do I crop an image to a custom area?
To crop an image to a specific area, follow these steps: First, upload your image using the drag-and-drop zone or file browser. Second, select your desired output size from the presets or enter custom dimensions. Third, make sure Crop mode is selected (it shows an interactive cropping area over your image). Fourth, use the interactive cropper to position your crop area — you can drag the image to reposition it within the crop frame, use the zoom slider to zoom in or out and include more or less of the image, and the crop frame automatically locks to the aspect ratio of your selected preset. Fifth, choose your output format and quality settings. Sixth, click Apply & Download. The tool will export only the selected crop area, scaled to your target dimensions. The interactive cropper gives you precise visual control over exactly which part of the image is included in the final output.
How do I resize a photo for a passport or visa application?
Creating a passport or visa photo with the correct dimensions is easy with the built-in presets. Here is how: First, upload your photo — use a well-lit, front-facing headshot against a plain background. Second, click the Passport / ID category tab in the preset bar. Third, select the appropriate preset for your country — US Passport (600×600 px / 2×2 inches), UK/EU Passport (420×540 px / 35×45 mm), Canada Passport (600×840 px / 50×70 mm), or Visa Photo (600×600 px / 2×2 inches). Fourth, the cropper will lock to the correct aspect ratio. Position your face centered in the frame following your country's passport photo guidelines (typically head centered, eyes at roughly the upper third). Fifth, use the zoom slider to adjust how much of the photo is visible. Sixth, select PNG or JPG as the output format (most passport applications accept both). Seventh, click Apply & Download. The resulting image will be exactly the right pixel dimensions for your passport or visa application. Always verify the specific requirements of your country's passport authority, as photo guidelines (background color, expression, head position) vary by country.
How do I create a YouTube thumbnail or social media image?
Creating perfectly-sized images for social media is one of the most popular uses of this tool. Follow these steps: First, upload your image or graphic. Second, click the Social Media category tab in the preset bar. Third, select the platform and format you need — YouTube Thumbnail (1280×720), Instagram Post (1080×1080), Instagram Story (1080×1920), Facebook Post (1200×630), Facebook Cover (820×312), Twitter/X Post (1200×675), Twitter/X Header (1500×500), LinkedIn Post (1200×627), LinkedIn Banner (1584×396), TikTok Video (1080×1920), Pinterest Pin (1000×1500), and more. Fourth, use Crop mode to select the best portion of your image for the platform, or use Fit mode to include the entire image with a background fill. Fifth, for thumbnails and social posts, JPG or WebP format at 80–90% quality provides the best balance of file size and visual quality. Sixth, click Apply & Download. The tool ensures your images are exactly the right dimensions for each platform, so they display perfectly without unwanted cropping or letterboxing by the platform itself.
How do I use the background fill feature when resizing?
The background fill feature is available in Fit mode and determines what fills the empty space when your image's aspect ratio does not match the target dimensions. Here is how to use it: First, upload your image and select a preset or custom size. Second, select Fit mode (the entire image is preserved and fitted within the target dimensions). Third, choose a background fill option from the controls panel. You have five options: White fills empty space with solid white — clean and professional, ideal for product photos and documents. Black fills with solid black — great for cinematic or dramatic looks. Transparent keeps empty areas transparent (only works with PNG output) — perfect for overlays and design assets. Blur creates a blurred version of your image as the background — this is the popular effect seen on Instagram and social media where the background is a soft, blurred extension of the image itself. Custom lets you pick any color using a color picker — match your brand colors or any specific requirement. Fourth, select your output format and quality. Fifth, click Apply & Download. The blur background option is particularly effective for making portrait or square images look great in landscape formats, which is why it is widely used on social media and video platforms.
What image presets are available and what are they for?
This tool includes over 40 presets organized into four categories to cover virtually any image sizing need. Passport / ID presets include US Passport (600×600), UK/EU Passport (420×540), Canada Passport (600×840), and Visa Photo (600×600) — all calibrated to official document requirements. Social Media presets cover Instagram Post (1080×1080), Instagram Story (1080×1920), Instagram Landscape (1080×566), Facebook Post (1200×630), Facebook Cover (820×312), Facebook Profile (170×170), Twitter/X Post (1200×675), Twitter/X Header (1500×500), YouTube Thumbnail (1280×720), YouTube Banner (2560×1440), LinkedIn Post (1200×627), LinkedIn Banner (1584×396), TikTok Video (1080×1920), and Pinterest Pin (1000×1500). Standard Photos presets include classic print sizes: 4×6 (1200×1800), 5×7 (1500×2100), 8×10 (2400×3000), A4 (2480×3508), and Square (1080×1080). Web / Screen presets include HD 720p (1280×720), Full HD 1080p (1920×1080), 2K QHD (2560×1440), 4K UHD (3840×2160), OG Image (1200×630), Web Banner (728×90), and Favicon (512×512). You can also enter completely custom dimensions for any size not covered by the presets.
What is the difference between Crop mode and Fit mode?
Crop mode and Fit mode are two different approaches to getting your image to the target dimensions, each suited to different situations. In Crop mode, the tool displays an interactive cropping area over your image locked to the target aspect ratio. You can drag to reposition and zoom to adjust how much of the image is visible. When you apply, only the selected portion of the image is exported at the target dimensions. Some parts of the original image are discarded. Use Crop mode when you want to fill the entire target area with image content (no empty space), you want to focus on a specific part of the image, you are creating social media posts or thumbnails where full-bleed imagery looks best, or you are making passport photos where specific framing is required. In Fit mode, the entire image is preserved and scaled to fit within the target dimensions. If the aspect ratio does not match, empty space is filled with your chosen background (white, black, transparent, blur, or custom color). Use Fit mode when you need to preserve the entire image without cutting anything, the aspect ratio of your image differs significantly from the target, you want the blurred background effect for social media, or you are preparing images for presentations or documents where the full image must be visible.
What background fill options are available?
When using Fit mode, five background fill options are available to handle empty space around your image. White background fills any empty area with solid white (#FFFFFF). This is the most common choice for product photography, e-commerce listings, professional documents, and clean minimalist designs. Black background fills with solid black (#000000). This works well for cinematic presentations, photography portfolios, dark-themed websites, and dramatic visual effects. Transparent background leaves empty areas completely transparent (only supported in PNG output format). This is essential for creating overlay graphics, design assets for layered compositions, logos that need to be placed on various backgrounds, and web elements with no visible background. Blur background creates a soft, blurred version of your original image that fills the entire target canvas, with the sharp original image centered on top. This popular effect is used on Instagram Reels, YouTube Shorts, podcast artwork, and social media where portrait images need to fit landscape containers. Custom color lets you pick any color using a color picker. This is ideal for matching brand colors, creating coordinated visual themes, and meeting specific design requirements where the background must be a precise color.
Which output format should I choose: PNG, JPG, or WebP?
Each output format has strengths suited to different use cases. Choose PNG when you need transparent backgrounds (PNG is the only format here that supports transparency), the image contains text, logos, or sharp edges that need to remain crisp, lossless quality is important and file size is secondary, or you are creating design assets, icons, or overlay graphics. Choose JPG when the image is a photograph or contains complex visual content, you want smaller file sizes (JPG compression is very effective for photos), the image will be used for social media, email, or web where smaller files load faster, or transparency is not needed. Choose WebP when you want the best balance of quality and file size (WebP typically produces files 25–35% smaller than JPG at similar quality), the image is for modern web use (WebP is supported by all major browsers), or you want to optimize page speed and Core Web Vitals scores. As a general rule: PNG for graphics and transparency, JPG for photos and sharing, WebP for web optimization. The quality slider (available for JPG and WebP) lets you fine-tune the trade-off between file size and visual quality — 80–90% is ideal for most uses.
What does the quality slider do and what setting should I use?
The quality slider controls the compression level when exporting in JPG or WebP format (it does not appear for PNG, which is always lossless). The slider ranges from 10% to 100%. At 90–100%, image quality is virtually indistinguishable from the original with minimal compression artifacts, file sizes are larger, and this is ideal for professional photography, portfolios, and print-ready images. At 75–90%, quality remains excellent with very slight compression, file sizes are significantly reduced, and this is the recommended range for most web images, social media posts, and general use. At 50–75%, noticeable but acceptable compression occurs, file sizes are small, and this is suitable for thumbnails, email attachments, and preview images. Below 50%, compression artifacts become clearly visible, file sizes are very small, and this should only be used when minimizing file size is the absolute priority. For most users, 85% provides the best balance — visually indistinguishable from the original while achieving meaningful file size reduction. For YouTube thumbnails and social media images, 80–90% is optimal. For web optimization where every kilobyte matters, 70–80% works well.
Is this image resize and crop tool private and secure?
Yes. This online image resizer and cropper runs entirely in your browser using client-side JavaScript and the HTML5 Canvas API. Your images are never uploaded to any server, are not stored or cached anywhere, are never shared with third parties, never leave your device at any point during the process, and are processed using only your local computing resources. Because the entire resize and crop operation happens locally on your device, your privacy is guaranteed. This makes the tool completely safe for processing personal photos, confidential documents, business assets, brand materials, passport photos, and any other sensitive visual content. Once the page has loaded, you can even use the tool without an active internet connection — the processing is entirely offline.
Is this image resize and crop tool free to use?
Yes. This image resize and crop tool is completely free to use with no limitations. There are no subscription fees or premium tiers, no hidden charges or in-app purchases, no watermarks added to your images, no registration or account creation required, no usage limits or daily quotas, and no ads that interfere with the tool. You can resize and crop as many images as you want, as often as you need, at any size, in any format. The tool is free because it runs entirely in your browser — there are no server costs associated with processing your images.
What is the maximum file size or resolution this tool supports?
Since this tool processes images directly in your browser, there are no server-imposed upload limits. The maximum file size and resolution depend on your device's available memory (RAM) and processing power. On most modern computers, images up to 50MB and 8000×8000 pixels process smoothly and quickly. Larger images (50–100MB or higher resolutions) will still work but may take a few seconds longer to process. On mobile devices, available memory is typically more limited, so very large images may process more slowly. For optimal performance with very high-resolution images (above 4000×4000 pixels), consider using a desktop or laptop computer. If you experience slow processing or errors with extremely large files, try reducing the source image size before uploading.
Does this tool work on mobile phones and tablets?
Yes. This image resize and crop tool is fully responsive and works on mobile phones and tablets. The interface automatically adapts to smaller screens, and the interactive cropper supports touch gestures including pinch-to-zoom and drag-to-reposition. On mobile devices you can upload images directly from your camera roll or photo library, use the same preset categories and custom dimensions, crop with touch-friendly controls, and download the result to your device. For the best mobile experience, use a modern browser such as Chrome, Safari, Firefox, or Edge. Processing speed on mobile depends on your device's capabilities — recent smartphones handle typical image sizes without any issues.
Will resizing an image reduce its quality?
Whether resizing affects quality depends on the direction and method of resizing. Downscaling (making an image smaller) generally preserves quality well because pixels are combined rather than created. A 4000×3000 photo resized to 1280×720 will look sharp and clear. Upscaling (making an image larger) can reduce perceived quality because the browser must interpolate (create) new pixels that did not exist in the original. A 200×200 icon resized to 1920×1080 will appear blurry. To minimize quality loss: start with the highest resolution source image available, avoid upscaling beyond 150–200% of the original size when possible, use PNG output for lossless quality preservation, use higher quality settings (85%+) when exporting as JPG or WebP, and in Crop mode, use the zoom slider to include only the area you need rather than cropping a tiny area and scaling it up. The tool uses the browser's built-in high-quality image scaling algorithm (bilinear interpolation), which produces smooth, clean results for both upscaling and downscaling.
Can I resize multiple images at once?
Currently, this tool processes one image at a time to provide the best interactive experience with precise control over cropping and positioning. To process multiple images, upload an image and select your preset, crop or fit as needed and download, click Start Over and repeat for the next image. Because the tool runs in your browser with no upload time, processing each image is very fast — typically just a few seconds per image. Batch processing with the same preset applied to multiple images may be added in a future update.
How do I resize an image to exactly 100KB?
Choose JPG or WebP as the output format, then enter 100 in the target file size box and convert. The tool searches for the quality setting that lands just under 100 KB, and if quality alone cannot get there it steps the dimensions down as well until it fits. The result is the largest and cleanest version of your image that stays inside the limit — which is what upload forms actually require.
Can I resize an image to 20KB for a government form?
Yes, and this is exactly what the target file size feature is for. Enter 20 and the tool will do whatever it takes to get under that — first reducing quality, then reducing dimensions if necessary. Very small targets like 20 KB usually mean the image has to shrink in pixel terms too; there is no way around that, and the tool shows you the size it achieved so you can confirm it fits.
Why is the target file size option greyed out for PNG?
Because PNG is lossless. There is no quality dial to trade away, so a byte target is not meaningful in the same way. Switch the output format to JPG or WebP and the option becomes available. If you need transparency and a small file, WebP is the one to pick — it supports an alpha channel and compresses well.
Can I resize images in bulk here?
Not in this tool — it processes one image at a time, deliberately, because cropping and target-size work need per-image control. If you want to convert many files at once, the format converters here do batch with a zip download. Resize one image, click Start Over and repeat for the next.
Does resizing lose quality?
Making an image smaller is generally fine, and if you keep the quality slider high you will not see a difference. Enlarging is the problem — there is no extra detail to invent, so an upscaled image looks soft. If you are using a target file size, the tool is deliberately trading quality for bytes, which is the whole point, but it always gives you the best result that fits.
What size should a passport photo be?
It depends on the country, which is why there are presets. US passport and most visa photographs are 2 by 2 inches, which is 600 by 600 pixels at 300 DPI. UK and most EU passports use 35 by 45 mm, which is 420 by 540 pixels. Canada uses 50 by 70 mm. Pick the preset and crop your face within the frame, then check the specific requirements of the authority you are submitting to, since rules on head size and background vary.
Is my photo uploaded to a server?
No. Everything happens in your browser using the Canvas API, so the image never leaves your device. That matters more than usual here — passport photographs, ID images and personal pictures are exactly the kind of file you should not be handing to an unknown server to resize.
This tool is a work sample. Same hands are available for your product.
▶ Start a project