NIXX/DEVv1.14.0
ArticlesFavorites
Sign In
Sign In
50+ Free Tools

Simple Online Tools for Everyday Work

Free, fast, no-signup tools for developers and everyday tasks.

Crop a Profile Picture Online

Profile pictures on most platforms are displayed as squares or circles. Cropping your photo to a 1:1 square before uploading ensures it looks sharp on every platform, with no awkward auto-cropping cutting off your face or subject. Use the tool below to crop and download your profile picture in seconds.

Tips

  • Recommended sizes by platform

    Twitter/X: 400×400px minimum. LinkedIn: 400×400px (displays at 200×200px). Facebook: 170×170px on desktop. GitHub: any square, displays at 200×200px. Uploading at 400×400px or larger works well across all of them.

  • Crop tight on the face

    Profile pictures display at small sizes in feeds and comment threads — sometimes as small as 32px. Crop to head and shoulders at minimum, or just the face for maximum recognizability at small sizes.

  • Platforms apply their own circle crop

    Most platforms (Twitter, LinkedIn, Facebook) display profile pictures as circles. Make sure your subject is centered within the square crop with adequate padding on all sides — the corners will be cut off when the platform renders it as a circle.

  • Use PNG for illustrations, JPEG for photos

    For photographic profile pictures, JPEG at quality 90 produces excellent results at a small file size. For illustrated avatars, logos, or images with flat colors and sharp edges, PNG preserves quality better.

Image Cropper

AI & Productivity

Crop images with drag handles, fixed aspect ratios, or social media presets. Export as JPEG, PNG, or WebP — free, browser-based.

About this tool

What is the Image Cropper?

The Image Cropper lets you cut out any region of an image and save it as a new file. Upload a photo, drag the crop handles to select the area you want to keep, and download the result as a JPEG, PNG, or WebP. Everything runs in your browser — no files are uploaded to any server.


How to Crop an Image

  1. Upload your image. Drag and drop a file onto the upload area, or click to browse. JPEG, PNG, and WebP are supported.
  2. Set a crop mode. Choose Free crop to drag any shape, pick an aspect ratio to constrain proportions, or select a social media preset to lock in an exact platform dimension.
  3. Drag the crop overlay. Click and drag inside the crop box to move it, or drag the corner and edge handles to resize it. A rule-of-thirds grid appears inside the selection to help with composition.
  4. Fine-tune with numeric inputs. The X, Y, Width, and Height fields stay in sync with the crop overlay. Type exact pixel values to set a precise crop region.
  5. Choose output format and quality. Select JPEG, PNG, or WebP. Adjust the quality slider for JPEG and WebP to balance file size and visual fidelity.
  6. Download. Click Crop Image, then download the result.

Crop Modes

Free crop

No constraints. Drag any corner or edge handle to set any width and height independently. Use this when you need a specific shape that does not match a standard ratio.

Fixed aspect ratio

Lock the width-to-height ratio while keeping dimensions flexible. Dragging any handle adjusts the crop box while maintaining the chosen ratio. Available ratios include 1:1, 4:3, 3:4, 16:9, 9:16, 3:2, and 2:3.

Social media presets

Select a platform preset to instantly apply the exact aspect ratio for that platform's image format. Presets include:

  • Instagram Post — 1080 × 1080px (square)
  • Instagram Story — 1080 × 1920px (9:16 portrait)
  • Twitter/X Post — 1200 × 675px
  • Twitter/X Header — 1500 × 500px
  • Facebook Cover — 820 × 312px
  • LinkedIn Cover — 1584 × 396px
  • YouTube Thumbnail — 1280 × 720px
  • OG Image — 1200 × 630px

The preset sets the crop aspect ratio and positions the crop box centered on the image. You can then drag to reposition it before cropping.


Output Formats

JPEG — Best for photographs. Uses lossy compression to produce small files. Does not preserve transparency.

PNG — Best for screenshots, graphics, and images with transparent backgrounds. Lossless — quality is always fully preserved. Files are typically larger than JPEG for photographic content.

WebP — A modern format that combines the best of JPEG and PNG. Supports both lossy compression and transparency, with file sizes typically 25–35% smaller than JPEG at equivalent visual quality. Supported by all major browsers.


Rule-of-Thirds Grid

The crop overlay displays a faint rule-of-thirds grid — two horizontal and two vertical lines that divide the crop region into nine equal sections. Placing the main subject at one of the four intersections is a classic composition technique that tends to produce more visually engaging results than center-cropping.


Privacy

Your images are processed entirely within your browser using the HTML5 Canvas API. Nothing is uploaded to any server. Your files are never stored, logged, or transmitted.

Discussion

Join the discussion

Sign in to share your thoughts and engage with the community.

Sign In
Loading comments…

More helpful tools

  • JSON to CSV Converter
  • SSL Checker
  • Currency Converter
  • Text to Binary Converter
  • Favicon Generator
  • Radius Generator
🇺🇸USD ACCOUNTOpen a free US-based USD accountReceive & save in USD — powered by ClevaSponsoredInterserver Hosting#1 VALUEAffordable, reliable hosting from $2.50/mo99.9% uptimeSponsored

More AI & Productivity tools

8

JSON to CSV Converter

Convert JSON data into CSV for easy spreadsheet analysis.

Data ConversionConvert JSON to CSV →

SSL Checker

Analyze and verify SSL certificates for any domain.

SecurityCheck SSL Certificate →

Currency Converter

Convert between 150+ currencies with live exchange rates. Fast and free.

Finance & BusinessConvert Currency →

Text to Binary Converter

Convert text into binary code representation.

Data ConversionConvert Text to Binary →

Favicon Generator

Create custom favicons from your image with real-time preview and export.

DesignGenerate Favicon →

Radius Generator

Generate custom CSS border-radius values visually.

DesignGenerate Border Radius →

Text Diff Checker

Compare two texts side-by-side and spot every difference.

ContentCompare Texts →

JavaScript Obfuscator

Protect your JavaScript code by making it difficult to read or reverse-engineer.

DeveloperObfuscate JavaScript →
|Made with · © 2026|TermsPrivacy
AboutBlogContact

Free, open-source tools for developers and creators · Community driven