Turn a messy client logo into clean, web-ready assets.
100% Free. No Sign-Up Required.
Drop an SVG, PNG, JPG, or WEBP. LogoPrep trims, centers, optionally vectorizes raster to SVG, and exports a favicon set, sized PNGs, social images, and a paste-ready code snippet — all in one zip. Everything runs in your browser.
What comes out the other side
Drop a logo above and you get a clean zip bundle in seconds.
-
Normalized source
SVG sanitized and scaled to a clean viewBox, or raster auto-trimmed to its content bounds.
-
Favicons + sized PNGs
A full favicon set plus 64 / 128 / 256 / 512 px PNGs, ready to ship.
-
Honest quality signal
If your raster is too small for a crisp 512 px mark, we say so.
Everything it does with a single file
-
Generate a complete favicon set
One upload produces a multi-size favicon.ico, the 16/32/180 px PNGs browsers and Apple Touch Icon expect, the 192/512 px PWA sizes, and a site.webmanifest wired up to reference them — plus a paste-ready head snippet with every link tag. No more hand-building the same favicon checklist on every project.
-
Dark mode logo variants, without redesigning
Turn on the dark + light variants toggle and LogoPrep renders your logo at 512 px twice: once for light backgrounds, once with the RGB channels inverted (alpha preserved) for dark. For vector sources, currentColor mode rewrites black and white fills to the CSS keyword currentColor, so the logo inherits the surrounding text colour and dark mode becomes a one-line CSS change. Covers email and web alike.
-
Vectorize a raster logo into a clean SVG
Open the Vectorize panel after uploading a PNG, JPG or WEBP. LogoPrep traces the bitmap with VTracer — compiled to WebAssembly and running entirely client-side, so the file never leaves your browser — using colour or line-art presets and the standard tracing parameters. Output is SVGO-minified, every other export re-renders from the new vector at full sharpness, and you can revert to the original raster at any time.
-
Remove a solid background from a logo
Toggle Remove solid background and LogoPrep samples the median edge colour, then erases pixels within a tolerance you control — soft edges fade out instead of leaving a hard, clipped ring. Built for the common case: a client sends a logo as a JPG on white and you need it transparent for a favicon or social image.
-
Every logo size and format your site needs
Web PNGs from 64 px up to 1024 px (plus an optional 2048 px), a cleaned source SVG, a multi-size favicon.ico, and OG images sized correctly for Facebook, Twitter, LinkedIn and Instagram — with a README explaining what each file is for. You are never scaling one file to fit every placement.
Six teams, one workflow.
Startups & MVPs
Drop the founder's logo in once and walk away with every asset your landing page, app shell, and social cards need.
Agencies & freelancers
Client sends a 600 px JPG on white? Trim it, get the favicon set, the OG images, the head snippet — all without leaving your browser.
Web developers
currentColor SVG, multi-size .ico, webmanifest, and a paste-ready head snippet. Stop hand-rolling the same favicon ritual on every project.
Brand designers
Honest quality signal calls out low-res sources. The tool won't pretend a soft input is sharp — so you can push back on bad assets with evidence.
Marketing teams
One-click OG images sized for Facebook, Twitter, LinkedIn, and Instagram. No more fighting canvas dimensions in a design tool.
PWA developers
Apple Touch Icon, web app manifest, and the link tags to wire it up. Install-ready out of the zip.
Common questions
-
Is my logo uploaded to your server?
No. Every step — analysis, trimming, favicon generation, OG rendering, zipping — runs in your browser. There is no upload server. You could disconnect from the internet after the page loads and the tool would keep working.
-
Does anything stay on this computer after I close the tab?
Yes, on purpose: your export settings and the last logo you opened are saved locally (in this browser's own storage) so a reload or a crash doesn't cost you the work. Nothing is sent anywhere. When a saved logo is waiting, the page offers to restore it and gives you a Discard button to erase it — and clearing the site's data in your browser removes it too. On a shared machine, use Discard when you're done.
-
What file formats can I upload?
SVG, PNG, JPG, and WEBP. SVGs are sanitized and tightened to a clean viewBox. Rasters are auto-trimmed to their content bounds before everything downstream is rendered.
-
What do I get in the zip?
A cleaned source SVG (or trimmed PNG); web PNGs at 64–1024 px (and an optional 2048 px); a full favicon set including a multi-size favicon.ico, 16/32/180 px PNGs, and a site.webmanifest; OG images for the social platforms you pick (Facebook, Twitter, LinkedIn, Instagram); a drop-in head-snippet.html with all the right link and meta tags; and a README explaining everything.
-
What favicon sizes do I need?
A modern favicon set covers more than the classic 16×16 and 32×32 icons. You also want 180×180 for Apple Touch Icon, 192×192 and 512×512 for the PWA manifest, and ideally an SVG favicon for browsers that support it. LogoPrep generates the full set — the multi-size favicon.ico, every PNG, and the manifest — from a single upload, so you don't have to track the list yourself.
-
What size should my logo be on my website?
It depends on where it's used. A header logo is typically 120–200 px wide, exported at 2x (240–400 px) for retina screens. Favicons need to read clearly down to 16 px, so simplify the mark before shrinking it that far. Social share images (Open Graph) are a separate asset entirely, usually 1200×630. LogoPrep exports web PNGs from 64 px up to 1024 px, plus an optional 2048 px, so you have the right file for each placement instead of scaling one image to fit everywhere.
-
Which logo file formats should I use on the web?
Three, generally: an SVG for anywhere the logo needs to scale sharply (nav bar, footer), PNGs at a handful of fixed sizes for favicons and app icons (SVG favicons still aren't reliably supported), and a JPG or WEBP only if the logo sits inside a photo-style social image. LogoPrep's zip includes all of these — a cleaned SVG, sized PNGs, a multi-size ICO, and ready-to-use OG images — so you're not guessing which format a given placement needs.
-
What is the quality signal?
Before exporting, we measure the source. Low-resolution rasters get a clear warning that downscales will look soft. SVGs get an unconditional pass. The grade isn't hidden behind jargon — it tells you exactly why, so you can decide whether to ask the client for a better source.
-
What is currentColor mode?
Toggle it on and the exported SVG's fills are rewritten to the CSS keyword currentColor. The logo then inherits whatever color the surrounding text is, so dark mode becomes one color change instead of a second export. Smart mode only converts pure black/white fills, leaving brand colors alone.
-
What about dark mode for a raster logo?
Turn on the dark + light variants toggle. LogoPrep renders the logo at 512 px and emits two files: one for light backgrounds (the original) and one for dark backgrounds (RGB inverted, alpha preserved).
-
Can I trace a raster logo into an SVG?
Yes. Open the Vectorize panel after uploading a PNG, JPG, or WEBP. LogoPrep uses VTracer (compiled to WebAssembly, MIT-licensed) to convert your bitmap into a clean vector with adjustable color or binary mode, spline or polygon paths, and the standard VTracer parameters — color precision, layer difference, speckle filter, corner threshold. Output is SVGO-minified. Once committed, every other export (favicons, social images, sized PNGs) re-renders from the new vector at full sharpness.
-
Can the tool remove a solid background?
Yes. Toggle 'Remove solid background'. LogoPrep samples the median edge color and erases pixels within a tolerance you control — soft edges fade out instead of clipping.
-
Do I need an account?
No. There's no sign-up, no auth, no billing. The tool is free and runs locally.
Prepping logo assets for client work all day?
We build the sites, you keep the client relationship. White-label web design and development for agencies and freelancers who need a partner that stays invisible.
See white-label partnershipsHave the logo, need the site?
Book a free 15-minute consultation and we'll talk through what a new site would actually take.