Your website logo appears on every page of your site — in the header, the footer, the browser tab, and in social media previews. Getting it sized correctly and exported as a transparent PNG ensures it sits cleanly on any background colour without an unsightly white box. At imgresizr.com, you can create and export website logos with full transparency, for free.
Website Logo Sizes by Placement
| Placement | Typical Width | Format |
|---|---|---|
| Website header | 150–250px wide | PNG (transparent) |
| Email signature | 150–200px wide | PNG (transparent) |
| Social media profile | 400×400px | PNG (transparent) |
| Watermark | 200–400px wide | PNG (transparent) |
| Business card | 1000px+ wide | PNG (transparent) |
How to Create Website Logos at imgresizr.com
Upload your logo to imgresizr.com. If your logo has a white background, use the Background Removal tool to make the background transparent. Export as PNG — PNG is the only format that supports full transparency, which is essential for website logos. For a website header logo, resize to approximately 200px tall at whatever width the aspect ratio dictates — this is the typical maximum header logo height. Create the master at a large size (1000px+ wide) and resize down to each use case as needed. Use the Compress tool to reduce PNG file size while maintaining transparency — a header logo should be under 50KB for fast page loading.
Website Logo Tips
- Always export logos as PNG with transparency — never JPEG, which cannot support transparent backgrounds
- Create both horizontal (wide) and stacked (square) versions for different layout contexts
- Include a white version of your logo for use on dark or coloured backgrounds
- Keep the file size small — logos load on every page, so a large logo file slows your entire site
- Test your logo on both white and dark backgrounds before publishing
Create transparent PNG website logos at the correct size for any placement, free at imgresizr.com.