Keep a logo background transparent when exporting

Export the logo as a PNG if its transparent background needs to remain transparent. MDN’s image format guide identifies PNG as a format that supports transparency. JPEG does not carry transparent pixels.

Start with the logo file that has the transparent background you want to keep. Open it in Mac Preview, choose File > Export, and select PNG from the Format menu. Save the export under a new name so you can compare it with the original. Apple’s Preview guide documents the export menu and its format choices, including PNG and JPEG.

Check the saved PNG itself. Place it against a light background and then a dark one in the page or document where you plan to use it. Look around the logo’s outer edge and through any open areas in the design. The background should show through those areas without a solid rectangular fill. Check the exported file rather than relying on how the original looked in Preview.

Before delivery, separate three possible requirements from a brand portal or design template: accepted file type, pixel dimensions, and whether a clear background is required. PNG answers the transparency part, but the receiving system may ask for a specific width or a different format. If the logo was supplied as vector artwork, keep that original for later exports at other sizes; the PNG is one raster output for this destination. Open the exact uploaded file afterward, when the destination gives you a preview, and check its edges there too.

If a solid rectangle remains, the transparency check has failed. PNG can carry transparent pixels, but choosing PNG does not turn an existing solid background into transparent pixels. Correct the source image before exporting again. If the destination requires JPEG, plan for an opaque background because JPEG cannot preserve the transparent one.

If the light-background check passes but the dark one reveals a pale halo, return to the source artwork or its cutout instead of changing only the filename or extension. The export should preserve the visual asset you need to deliver; the receiving page’s preview is the last place to confirm it.