Image tools for graphic design

The small conversions that sit between design apps: getting logos into the right format, pulling colours from references, and sending proofs clients can open.

Moving between vector and raster

Most design work ends up as pixels somewhere, and most client assets arrive as the wrong kind of file.

SVG to PNGRender a logo at 2× or 4× for slides, social posts and documents that will not accept SVG.
PNG to SVGRebuild a client’s low-resolution logo as a vector draft you can tidy, instead of redrawing from scratch.
SVG to JPGFor the odd platform that insists on JPG, with the background colour matched to where it will sit.
SVG to PDFHand printers a true vector PDF of a logo or diagram, not a picture of one.
AI to PDFGet a PDF anyone can open out of a client’s Illustrator file, vectors intact.

Colour

Getting colours out of reference images and mood boards, and into your swatches.

Image colour pickerRead exact HEX, RGB and HSL values from a screenshot, with a magnifier for single pixels.
Colour palette from imageTurn a photo or mood board into a palette of 3 to 12 colours, ready to paste as CSS.

Cut-outs and transparency

Logos on white, signatures on paper and flat artwork that needs to sit on any background.

Transparent backgroundKnock out a flat background, with soft edges so there is no halo on dark layouts.
PNG to WebPKeep transparency while shrinking cut-outs for websites.
Circle cropRound portraits for team pages, speaker bios and slide decks.

Proofs and handoff

Sending work to people who do not own your design software.

Add watermarkTile “PROOF” or your studio name across drafts before approval.
PNG to PDFBundle a set of artboards into one PDF in presentation order.
PSD to JPGSend light previews of Photoshop comps to people who do not have Photoshop.
Extract PSD layersPull every layer out of a supplied PSD when you only need a few elements.
Change DPITag files as 300 DPI when a printer’s checklist asks, without resampling a pixel.

A few habits that save time

Ask for vectors first. Before tracing a blurry logo, ask the client whether anyone has an SVG, EPS, AI or PDF version. Brand files often exist somewhere; tracing is the fallback, not the first step.

Export once, at the end. Keep masters in your design app's native format and export JPG or WebP only for delivery. Every lossy re-save chips away at quality.

Check colour space on handoff. Web deliverables should be sRGB. If a client says colours look dull in their browser, a wide-gamut export without a profile is the usual culprit; our article on why colours shift explains the mechanics.

Questions people ask

Can I turn a JPG logo into a vector?

Yes, with the image tracer. It works best on simple, high-contrast artwork, and the result is worth tidying in a vector editor.

What format should I send a logo to a client in?

SVG for anything digital and scalable, PNG with transparency for general use, and PDF for print suppliers. Send all three if unsure.

Are these tools safe for unreleased client work?

Yes. Files are processed in your browser and never uploaded.