Which Image Tool Do You Need?
PixelHub has 10 focused image tools instead of one do-everything editor, split across five categories. Most of those categories are small — one to three tools each — so instead of a thin guide per category, this one page maps every tool to the situation it actually solves, then walks through a real task that chains several of them together.
Resize & Crop
- Need an image at exact pixel dimensions or a percentage smaller? Use the Image Resizer — it can lock to the original aspect ratio so nothing looks stretched.
- Need to cut away part of the image or change its framing? Use the Image Cropper — a custom box or a common preset ratio like square, 16:9, or 4:3.
- Not sure what dimensions a target ratio actually works out to? Use the Aspect Ratio Calculator first, to find the missing width or height before you crop.
Convert
- Need a smaller, more web-friendly file, or a different format entirely? Use the Image Format Converter to switch between PNG, JPEG, and WebP with a quality slider.
- Need to embed an image directly in HTML, CSS, or JSON? Use the Image to Base64 Converter to get a copyable data URI — the image format itself doesn't change.
Generators
- Need a favicon for your site? Use the Favicon Generator to turn any image into a full set of standard favicon sizes plus a ready-to-paste HTML snippet.
- Need a CSS gradient for a background? Use the CSS Gradient Generator to design a linear or radial gradient visually and copy the code.
- Need the exact color used somewhere in an image? Use the Image Color Picker to click a pixel and read it as HEX, RGB, and HSL.
Creative
- Want to add bold captions to an image? Use the Meme Generator — top and bottom text, auto-sized, downloadable as a finished PNG.
Analyze
- Want to see a photo's hidden metadata before sharing it? Use the EXIF Viewer to check camera details, date taken, and GPS location if present — before you publish or send the file anywhere.
Worked scenario: getting images ready for a site launch
Launching even a small site usually means touching several of these tools in sequence, not just one:
- Run your original photos through the EXIF Viewer first, before anything else — check whether they carry embedded GPS location data you'd rather not publish. If they do, converting or resizing the image (steps below) strips that metadata as a side effect, since neither tool carries EXIF data forward.
- Use the Image Resizer to bring your hero photo down to web-friendly dimensions — there's no reason to ship a 4000px-wide camera photo when the page only displays it at 1600px.
- Run the resized photo through the Image Format Converter to save it as WebP instead of a heavy PNG — usually a large reduction in file size for the same visual quality, which matters directly for page load speed.
-
Use the Favicon Generator to
turn your logo into a full set of favicon sizes, plus the
HTML snippet to drop straight into your site's
<head>. - Use the CSS Gradient Generator to design a CSS gradient for your hero background — no image file needed at all for that part of the page, which keeps it fast.
None of these steps depend on the others finishing in a specific order except the EXIF check, which is worth doing first simply so you know what you're starting with.
All image tools
- Image Resizer Resize an image to exact pixels or a percentage, with an option to keep it locked to the original aspect ratio.
- Image Cropper Crop an image to a custom box or a common preset ratio like square, 16:9, or 4:3.
- Aspect Ratio Calculator Find the missing width or height that keeps an image or video at a target aspect ratio.
- Image Format Converter Convert an image between PNG, JPEG, and WebP instantly, with a quality slider for lossy formats.
- Image to Base64 Converter Convert an image to a Base64 data URI, or paste a data URI to preview and download the image.
- Favicon Generator Turn any image into a full set of favicon sizes, ready to download and drop into your site.
- CSS Gradient Generator Design a linear or radial CSS gradient visually and copy the ready-to-use CSS code.
- Image Color Picker Click anywhere on an uploaded image to read its exact color as HEX, RGB, and HSL.
- Meme Generator Add bold top and bottom captions to any image and download the finished meme.
- EXIF Viewer See a photo's hidden EXIF metadata — camera model, date taken, exposure settings, and GPS location if present.
Frequently asked questions
What's the difference between the Image Resizer and the Image Cropper?
They change different things. Resizing scales the whole image up or down — to exact pixel dimensions or a percentage — while keeping all of the original content visible. Cropping cuts away parts of the image entirely, changing its framing or aspect ratio rather than its scale. They're genuinely different operations, often used together: crop first to fix the framing or aspect ratio, then resize the result to the exact dimensions you need, or the other way around depending on which constraint matters more for your case.
Should I use the Aspect Ratio Calculator before or after cropping?
Before. The Aspect Ratio Calculator tells you the target dimensions for a given ratio — like 16:9 or 4:3 — before you touch the image, so you know exactly what to crop to. Cropping first and hoping the math works out usually means guessing at a box, checking the result, and redoing it. Working out the target dimensions first turns cropping into one precise pass instead of trial and error.
Is Image to Base64 the same as converting the image format?
No — they solve different problems. Format conversion (the Image Format Converter) changes the actual image encoding, like PNG to WebP, which changes the file's compression and often its size. Image to Base64 just re-encodes whatever image bytes you already have into a text string, so it can be embedded directly in HTML, CSS, or JSON. The underlying image format is unchanged; only its representation as text is different. If you want a smaller file, convert the format first — Base64 encoding actually makes the data larger, by design.
Does the EXIF Viewer remove the metadata it shows, or just display it?
Just display it — the EXIF Viewer is read-only by design and doesn't modify or strip anything from your file. There's no dedicated "strip metadata" tool on this site. That said, because every tool here processes images through the browser's Canvas API, running a photo through the Image Format Converter or Image Resizer re-encodes it from scratch, and canvas output doesn't carry EXIF data forward — so converting or resizing a photo has the practical side effect of stripping its metadata, including GPS location, even though that isn't either tool's stated purpose. If you specifically need to confirm metadata is gone, check the result in the EXIF Viewer afterward.
Do the Image Color Picker and CSS Gradient Generator do the same job?
No, they're complementary, not overlapping. The Color Picker reads an exact color out of an existing image — click a pixel and get its HEX, RGB, and HSL values. The Gradient Generator builds a new linear or radial CSS gradient from scratch by combining colors you choose. A common combo: pick a couple of colors out of a photo with the Color Picker, then feed those exact hex codes into the Gradient Generator to build a background gradient that matches.
Why use the Favicon Generator instead of just resizing my logo to 32×32 myself?
Because a real favicon setup needs more than one size. Browsers, iOS home screens, and PWA manifests each expect a different pixel size — the Favicon Generator produces all six standard sizes (16×16 up to 512×512) from one upload, plus a ready-to-paste HTML snippet with the correct tags for each. Doing that by hand with the Image Resizer means resizing the same image six separate times and writing the link tags yourself.