Asset Tools - Web Utilities

About Asset Tools

Asset Tools is a comprehensive web-based utility platform designed for developers, designers, and content creators who need to optimize and manipulate digital assets quickly and securely.

Why Asset Tools?

✓

100% Client-Side Processing

All operations happen directly in your browser. Your files never leave your device, ensuring complete privacy and security.

✓

Free & No Limits

No file size restrictions, no upload limits, no registration required. Use all features completely free.

✓

Professional Quality

Powered by industry-standard libraries like pdf-lib and PDF.js for reliable, high-quality results.

✓

Works Offline

Once loaded, the tools work without an internet connection, perfect for sensitive projects.

What Can You Do?

Image Tools

• Optimize and compress images
• Crop and resize with precision
• Format conversion (JPEG, PNG, WebP)
• Batch processing support

Color & Design

• Extract color palettes from images
• K-means clustering algorithm
• HEX and RGB color codes
• Export palette as PNG
• Click-to-copy functionality

PDF Tools

• Merge, split, and rotate PDFs
• Compress and optimize
• Convert to/from images
• Add custom watermarks

Utilities

• Generate QR codes instantly
• Base64 encode/decode files
• Format and validate JSON
• Optimize SVG graphics

About the Developer

This project is maintained by Jojo. Visit my personal site for more projects and tools:

🌐 jojo-in-runtime.vercel.app

Built with modern web technologies to provide a fast, secure, and reliable experience for all your asset optimization needs.

Image Optimizer

Compress and optimize your images for web use

✨

Drag & drop your images here

or click to browse (JPG, PNG, WebP supported - multiple files OK)

Output Format

Format

Convert & optimize in one step

Compression Quality (JPEG/WebP)

Quality (%)

Lower Quality
(Smaller file) Higher Quality
(Larger file)

Good Quality

Dimensions

Width (px)

Height (px)

Scale (%)

🔗

Drag & drop PDF files to merge

or click to browse (multiple PDFs will be merged in order)

✂️

Drag & drop a PDF to split

or click to browse (select one PDF file)

🔄

Drag & drop a PDF to rotate

or click to browse (select one PDF file)

📦

Drag & drop a PDF to compress

or click to browse (reduce file size)

🖼️

Drag & drop a PDF to convert to images

or click to browse (each page will be converted to PNG)

📑

Drag & drop images to create PDF

or click to browse (JPG, PNG supported - multiple files OK)

💧

Drag & drop a PDF to add watermark

or click to browse (add text watermark to all pages)

Watermark Options

Watermark Text

Style

Position

Rotation (-45°)

Opacity (20%)

Font Size

Color

Live Preview

👁️

Adjust settings to see live preview

Preview updates automatically as you adjust settings

How to Use

Simple guides to help you get started with Asset Tools

✨

Image Optimizer

1.

Click or drag & drop your image into the upload area

2.

Choose your preferred format (Original, JPEG, PNG, or WebP)

3.

Adjust the quality slider to balance between file size and image quality

4.

Click "Compress & Download" to get your optimized image

✂️

Image Cropper

1.

Upload your image to the crop area

2.

Select aspect ratio or choose free crop

3.

Adjust the crop area by dragging

4.

Download your cropped image

📄

PDF Tools

Merge PDFs

Combine multiple PDF files into a single document. Drag to reorder pages before merging.

Split PDF

Extract specific pages or split into separate files. Perfect for creating excerpts.

Compress PDF

Reduce file size with adjustable compression levels while maintaining quality.

Rotate Pages

Fix page orientation by rotating them 90°, 180°, or 270° clockwise.

PDF to Images

Convert each page to PNG or JPEG images with custom resolution settings.

Images to PDF

Create a PDF from multiple images. Drag to reorder before conversion.

Add Watermark

Protect your documents with customizable text watermarks and positioning.

📱

QR Code Generator

1.

Enter text, URL, or any data you want to encode

2.

Customize size, colors, and error correction level

3.

Preview your QR code in real-time

4.

Download as PNG image

🔐

Base64 Encoder/Decoder

Encode Files

Upload any file to convert it to Base64 string. Perfect for embedding in HTML/CSS.

Encode Text

Convert plain text to Base64 encoded string.

Decode

Paste Base64 data URL or string to decode and download the original file.

{ }

JSON Formatter

1.

Paste your JSON data in the input area

2.

Choose Format (beautify), Minify, or Validate

3.

View formatted output with syntax errors highlighted

4.

Copy to clipboard with one click

🎨

SVG Optimizer

1.

Upload your SVG file or paste SVG code

2.

Tool automatically removes unnecessary metadata

3.

See file size reduction in real-time

4.

Download optimized SVG file

🌈

Color Palette Generator

1.

Upload an image - your photo will appear on the left side (desktop)

2.

Choose number of colors (3-10) using the slider

3.

Click "Generate Palette" - colors will appear on the right side

4.

Click any color to copy its HEX code to clipboard

5.

Use export buttons to copy all codes or download palette as PNG

💡 Pro tip: Desktop users get a side-by-side view with image on left and colors on right for easy comparison!

💡 General Tips

✓

Privacy First

All processing happens in your browser. Your files never leave your device.

✓

Works Offline

Once loaded, all tools work without an internet connection.

✓

No Limits

Process as many files as you need without restrictions or watermarks.

✓

Dark Mode

Toggle dark mode in the header for comfortable viewing anytime.

QR Code Generator

Generate QR codes from text, URLs, or any data instantly

Enter Text or URL

Quick templates:

Customization

Size: 256px

Error Correction

Foreground Color

Background Color

Image Cropper

Crop and resize your images with precision

🖼️

Click to upload or drag and drop

PNG, JPG, GIF, WEBP up to 10MB

How to use:

• Drag the box corners to resize the crop area
• Drag inside the box to move it
• Use mouse wheel to zoom in/out
• Select aspect ratio or use free crop
• Click "Download Cropped Image" when ready

Crop Settings

Aspect Ratio

Output Format

Base64 Encoder/Decoder

Encode text/files to Base64 or decode Base64 strings back to original format

Encode Text

Encoded Result:

Encode File

📁 Drop a file here or click to browse

Any file type supported

Encoded Result:

Decode Base64

Decoded Result:

Decode to File

Paste a Base64 data URL (e.g., data:image/png;base64,...) or raw Base64 string

JSON Formatter

Format, validate, and beautify JSON data

Input JSON

Output JSON

How to use:

• Paste your JSON in the input field
• Click "Format & Beautify" to make it readable with proper indentation
• Click "Minify" to remove all whitespace and compress
• Click "Validate" to check for syntax errors
• Click "Copy Output" to copy the formatted result

SVG Optimizer

Clean up and optimize your SVG files by removing unnecessary metadata and whitespace

🎨

Drop SVG file here

or click to browse

Supports .svg files only

Color Palette Generator

Extract beautiful color palettes from your images

🎨

Click to upload or drag and drop

PNG, JPG, GIF, WEBP supported

Optimize Your Assets

About Asset Tools

Why Asset Tools?

What Can You Do?

Image Tools

Color & Design

PDF Tools

Utilities

About the Developer

Image Optimizer

Optimization Summary

Split Options

Rotation Options

File Information

Conversion Options

PDF Options

File Information

Watermark Options

Live Preview

How to Use

Image Optimizer

Image Cropper

PDF Tools

QR Code Generator

Base64 Encoder/Decoder

JSON Formatter

SVG Optimizer

Color Palette Generator

💡 General Tips

QR Code Generator

Customization

Your QR Code

Image Cropper

Error

How to use:

Crop Settings

Base64 Encoder/Decoder

Encode Text

Encode File

Decode Base64

Decode to File

JSON Formatter

JSON Error

How to use:

SVG Optimizer

Drop SVG file here

Optimization Options

Optimization Results

Original

Optimized

Color Palette Generator

Settings

Uploaded Image

Color Palette