Transparent background logos: the format decides
A transparent background logo is one saved in a format with an alpha channel: PNG and SVG support transparency, JPG does not and bakes in a solid background, usually white. Keep an SVG as the master and export a transparent PNG for uploads, and the white-box problem never appears.
See the difference on a real surface
The checkerboard below is the universal design-tool signal for nothing there. The first tile is a transparent file sitting on it; the second is the same mark saved as a JPG, carrying its white background along. Harmless on a white page, and then the brand goes dark:
That white box is the single most common logo mistake on the internet: pitch decks with white rectangles on navy slides, dark websites with pasted-on labels, sponsor walls where one brand floats in a box. Nothing was designed wrong; a JPG was simply used where a transparent file belonged.
Why JPG cannot do it
Every pixel in a JPG stores three values: red, green and blue. There is no fourth value to say how see-through the pixel is, so empty space has to be filled with a color before the file can be saved. PNG and SVG both carry that fourth value, the alpha channel, per pixel in PNG's case and by simply not painting the background in SVG's. This is a property of the formats, not of the design: the same logo is transparent or not depending entirely on the file it leaves in. The broader vector-versus-raster tradeoff between those two is shown live in the SVG vs PNG guide.
Getting one: export beats erase
If the logo exists as a vector file, transparency is free: export SVG, or PNG with the background layer switched off, and you are done. Export the PNG at twice the size it will display so it stays sharp on high-density screens.
If all that survives is a flattened JPG, a background remover can estimate which pixels were background and delete them. On a flat, high-contrast logo the estimate is often close; the tell is the edge. Pixels along the boundary were blended into the old background when the JPG was made, and after removal they keep a faint halo of it, invisible on white, obvious on dark. Erasing treats the symptom. Rebuilding the file as a vector treats the cause, and the vectorization guide covers when that is worth doing.
Where the transparent file earns its keep
Website headers, where the logo sits on whatever the page provides. Dark mode, where a baked white background is a searchlight. Slide decks and one-pagers with colored sections. Overlays on photos and video. Partner and sponsor walls, where your file is placed by someone else on a surface you never saw. The pattern is the same everywhere: you control the logo, someone else controls the background, and transparency is what makes that safe.
What the LogoRay kit ships
Every logo composed in LogoRay is vector-native, so transparency is the default, not a retouch. The kit ships the lockup and the bare mark as SVG plus transparent PNGs from 2048 down to 32 pixels, in light and dark versions for both kinds of background, and one deliberately filled file, logo-on-background, for the surfaces that want a solid card. No halos, because nothing was ever erased.
Common questions
How do I make my logo background transparent?
Export it from the original vector file as SVG or as PNG with transparency, and the background is simply absent. If all you have is a JPG, a background-remover tool can erase the pixels, but the result is an approximation: edges that were blended into the old background keep a faint fringe. Re-exporting from the source always beats erasing.
Which file formats support a transparent background?
PNG and SVG are the two that matter for logos, and both handle partial transparency through an alpha channel. WebP supports it too but many upload forms still reject it. GIF only offers hard-edged on-or-off transparency, which leaves jagged outlines around curved marks. JPG has no transparency at all.
Why does my logo appear inside a white box?
Because the file is a JPG, or a PNG that was exported with a background layer left on. JPG cannot store transparency, so whatever sat behind the logo at export time, usually white, is baked into the image and travels with it onto every colored surface.
Is a transparent PNG or an SVG better for my logo?
Keep both. The SVG is the master: transparent by nature, infinitely scalable, and tiny. The transparent PNG is the delivery format for the many upload forms, documents and email clients that cannot take SVG. Export the PNG at twice its display size so it stays sharp on high-density screens.
What is an alpha channel?
A fourth value stored per pixel alongside red, green and blue, describing how opaque that pixel is, from fully transparent to fully solid. It is what lets a PNG logo keep smooth, softly blended edges on any background. JPG stores only the three color values, which is the entire reason it cannot do transparency.
Compose a vector-native logo and own transparent SVG and PNG files in every size, plus dark-mode versions. Free to design, $39 once for the files.