Free Online Image Tools — Compress, Resize and Convert Images

Most image editing tasks don't require Photoshop or Lightroom. Compressing a JPEG before uploading to a website, resizing a banner to exact pixel dimensions, extracting a brand color from a logo, converting a set of photos to a single PDF — these are tasks that a browser handles in seconds. The tools below cover the full workflow of image optimization and conversion, from raw files to compressed web assets, document archives, and visual identity elements. Nothing is uploaded to a server. No account, no subscription, and no limit on the number of files you process.

Image Compression — Reduce File Size Without Visible Quality Loss

Unoptimized images are the single most common cause of slow-loading web pages. A photo from a DSLR or a recent iPhone is typically 4–8 MB. When that image is displayed on a webpage at 800 pixels wide, the browser downloads every one of those megabytes — and the visual difference between the 8 MB original and a well-compressed 200 KB version is invisible at screen resolution. The savings in page load time, however, are substantial: Google's Core Web Vitals scoring penalizes pages where Largest Contentful Paint (LCP) is slow, and oversized images are the most frequent cause.

The Image Compressor reduces JPEG and PNG files with a quality slider you control. The default quality setting produces output that is visually indistinguishable from the original at typical screen sizes while achieving 70–90% file size reduction. For images that will be displayed on mobile devices — where data costs and render times matter even more — moderate compression produces meaningful improvements that compound across every image on the page.

Format guidance: JPEG is the right choice for photographs and images with smooth color gradients. PNG should be used for graphics with sharp edges, text, logos, or transparent backgrounds. Compressing a PNG to JPEG may dramatically reduce file size but will introduce compression artifacts on hard edges and remove any transparency. Use the format that matches the content type, not just the smallest output size.

Image Resizing — Fix Dimensions Before You Upload

Browsers download the full resolution of the original image even when displaying it at a fraction of its actual dimensions. A 4,000 × 3,000 pixel photo displayed at 400 × 300 pixels on a blog post forces every visitor to download ten times more data than the layout actually renders. Resizing images to their display dimensions before uploading is one of the highest-value, lowest-effort optimizations available to anyone managing web content.

The Image Resizer accepts JPEG, PNG, WebP, and GIF files. Specify exact pixel dimensions for both width and height, or lock the aspect ratio and set one dimension — the other calculates automatically. The aspect ratio lock is the important feature here: manually entering mismatched dimensions produces distorted, stretched images that undermine the quality of any design.

Standard dimensions that come up repeatedly: Open Graph and social sharing preview images require exactly 1200 × 630 pixels. Instagram square posts are 1080 × 1080. Twitter card images are 800 × 418. Blog post thumbnails vary by CMS theme but 800 × 450 (16:9) is a safe standard. Standardizing thumbnail dimensions before upload produces consistent layout rendering across all posts without relying on CSS workarounds to mask size inconsistencies.

Extracting Colors from Images — Build Palettes from Real Assets

Brand consistency in digital design requires exact color values — not approximations. If a client provides a PNG logo and asks for a website that matches it, eyeballing the color in an image editor and manually entering approximate hex values is error-prone and slow. Extracting the value directly from the image takes ten seconds and produces the correct answer.

The Color Extractor analyzes any uploaded image and returns the dominant colors as hex codes, RGB values, and HSL values. The output is ready to paste directly into CSS custom properties, a Tailwind configuration file, or any design tool color palette. The tool identifies multiple dominant colors in rank order — useful when an image contains both a primary brand color and secondary accent colors that all need to be matched.

For cases where you need a full palette rather than individual extracted colors — when building a complete color system from a brand's primary hue — the Color Picker generates complementary, analogous, and triadic palettes from any starting hex value. The typical workflow: use the color extractor to identify the primary brand color, then use the color picker to derive the secondary and tertiary colors that will complete the design system.

Converting Images to PDF — Combine Multiple Photos Into One File

The most common scenario: you have multiple scanned document photos on your phone, each saved as a JPEG, and need to submit them as a single PDF. Converting each image individually and then merging the resulting PDFs involves at least two separate tools and several file management steps. This is unnecessary friction for a routine task.

The Image to PDF converter accepts multiple images in a single upload session. You can reorder them by dragging before conversion — the order in the tool is the order in the PDF. Page size options include A4, Letter, A3, and fit-to-content, and the tool handles mixed portrait and landscape orientations. Output quality preserves the resolution of the source images.

Beyond the obvious use case: photographers assembling a PDF portfolio from a shoot, designers consolidating multiple screen exports into a single review file, anyone archiving physical paperwork using a phone camera rather than a flatbed scanner. The converter handles all of these without requiring any software installation or an account on a conversion service.

Favicon Generation — The Required Step Before Any Launch

Favicons are the small icons that appear in browser tabs, bookmark bars, and mobile home screen shortcuts when users save a site. Browsers look for favicon files at multiple specific sizes: 16×16 for browser tabs, 32×32 for high-DPI tabs, 180×180 for Apple touch icons, and 192×192 for Android home screen shortcuts. Generating all required sizes manually from a single source image — while also looking up and writing the correct `<link>` tags — is a routine but time-consuming step in launching any web project.

The Favicon Generator takes any image and exports all required sizes simultaneously. The tool also outputs the `<link>` tags for the HTML `<head>` — copy and paste, no syntax lookup required. For the best results, the source image should be at least 512×512 pixels and should be a square PNG with a transparent background. Favicons with complex details — gradients, multiple colors, fine text — become unreadable at 16×16 pixels. Simple, high-contrast icons with a single recognizable shape work at every size.

QR Codes and Barcodes for Physical-to-Digital Links

QR codes bridge print and digital. A product package, business card, event poster, restaurant menu, or physical flyer can link to a URL, a contact card, a video, or any text payload — a smartphone camera reads the code and opens it. The technology is now universal enough that QR codes on marketing materials are expected rather than novel.

The QR Generator creates downloadable PNG QR codes from any URL or text input. QR codes include built-in error correction — a standard QR code can be partially obscured, printed on an uneven surface, or slightly damaged and still scan correctly. For higher reliability on printed materials, use the PNG at a minimum print size of 2 cm × 2 cm.

For retail and inventory contexts where standardized linear barcode formats are required, the Barcode Generator supports CODE128 (the most versatile format — full alphanumeric, variable length, used in logistics and shipping), EAN-13 and EAN-8 (the international retail standard used on products sold globally), UPC-A (the US retail standard), and CODE39 (used in automotive, government, and defense). Both PNG and SVG outputs are available — SVG is preferred for print because it scales without pixelation at any size.

When preparing image assets for a product launch, generating QR codes and barcodes at the same time as other image deliverables keeps all assets together in a single workflow session — no switching between applications or accounts.

The Complete Image Workflow

The tools above are not isolated utilities — they represent a complete image preparation pipeline. A typical web product launch workflow looks like this:

1. Resize product photos to standard dimensions with the Image Resizer.
2. Compress the resized files to web-appropriate sizes with the Image Compressor.
3. Extract the primary brand color from the product imagery with the Color Extractor.
4. Build the full design color palette from that color with the Color Picker.
5. Generate the site favicon from the brand logo with the Favicon Generator.
6. Create a QR code for the product URL with the QR Generator and a barcode for the product SKU with the Barcode Generator.
7. Compile physical product spec sheets — combining multiple image exports — with the Image to PDF converter.

Each step takes less than a minute. The entire sequence — for a typical product with a few photos, a logo, and product codes — takes under ten minutes in a browser with no software installed and no files stored anywhere.

All tools are in the Image Tools category. For broader coverage — text processing, calculators, developer utilities, and full design tools — the Nutilz homepage indexes all 80+ free tools by category with a live search function.