High-resolution logo: sizes, DPI and exports to plan
A practical guide to logo pixel sizes, DPI, vector masters, web exports, print files and social media variants.
A logo can look perfect in a mockup and turn blurry as soon as it is placed on an invoice, a sign, a slide deck or a profile image. The drawing is not always the issue. Most quality problems come from the files delivered with the logo: pixel dimensions, resolution, DPI, PPI, SVG, PNG, PDF, retina exports and naming conventions.
The practical rule is simple: a professional logo needs a vector master and carefully prepared bitmap exports. The vector file is the source of truth because it can scale without losing sharpness. PNG, JPG or WebP exports are not replacements for that master; they are convenient versions for social channels, documents, presentations, thumbnails and tools that do not accept vector artwork.
Current best practices point in the same direction. Google Search Central recommends standard HTML image elements, a fallback src and responsive image variants when relevant. Print-production guides still ask for roughly 300 DPI at final size for raster artwork. Design tools such as Illustrator, Affinity Designer and Figma are used to export the same logo cleanly for several channels.
This guide explains which sizes, DPI settings and exports to plan so your brand stays sharp across a website header, a favicon, a business card, a pitch deck, a textile print or a large sign.
1. Pixels, DPI, PPI and vector files
Pixel dimensions describe raster images: 1024 × 1024 px, for example. Those pixels are fixed colored squares. If you stretch the image too far, software must invent intermediate pixels, and the edges become soft or stair-stepped. That is why a logo copied from a screenshot cannot become a clean shop sign without being redrawn.
DPI means dots per inch and mainly relates to print. It is often used as a shortcut for image resolution, but the number is meaningless without a physical size. A 3000 px wide file can print cleanly at about 10 inches wide at 300 DPI. The same file printed much larger will have lower density. The real question is not just “how many DPI?” but “how many pixels at which printed size?”.
PPI, or pixels per inch, describes pixel density in a digital image or display. Everyday software often mixes DPI and PPI labels, so do not get stuck on terminology. For web, think in pixels and file weight. For print, think in final size and density. For the logo master, choose vector whenever possible.
A vector logo is different because it is built from paths, curves and shapes rather than fixed pixels. It can be reduced on a card or enlarged on a banner without becoming blurry. That is why our guide Logo PNG vs SVG vs AI: which format should you choose? separates source files, scalable files and everyday exports.
2. Useful sizes for web
For websites, SVG is usually the cleanest choice when the logo is not overly complex. It stays sharp on high-density displays, adapts to different layout sizes and often weighs less than a large PNG. It works well for headers, footers, SaaS interfaces, landing pages and navigation bars.
When a PNG is required, prepare several sizes instead of one oversized file. If a horizontal logo is displayed at 180 px wide in a header, a 360 px or 540 px version can cover 2x or 3x screens. For a square app mark or icon, keep 512 px, 1024 px and 2048 px exports ready. Loading a 4000 px logo into a tiny header slows the page without making it look better.
Responsive images exist to send the right asset to the right screen. Google recommends keeping a fallback URL in src even when using srcset or picture. A logo does not always need a complex responsive setup, but it should never be a tiny PNG stretched by CSS or a huge bitmap used everywhere.
Transparency also matters. A transparent PNG is useful in tools that cannot use SVG, but it must be exported without a white halo, unwanted background or huge empty margin. SVG can also be transparent and is better for many modern interfaces. Our responsive logo guide explains why brands need simplified versions rather than one mark blindly reduced across all screens.
3. Print requirements
For print, vector artwork is almost always safer. A printer, sign maker, embroiderer or merchandise supplier will often prefer a vector PDF, EPS or source file. These formats keep edges sharp and allow production teams to adjust colors, size and technical separations when needed.
If you must provide raster artwork, the classic benchmark is 300 DPI at final size. A logo printed 4 inches wide should therefore be at least 1200 px wide. At 8 inches, it should be around 2400 px. Large signage viewed from far away may allow lower density, but that decision belongs to the supplier and the viewing distance.
Simply changing the DPI value in Photoshop does not solve a low-resolution logo. If the original image is too small, switching metadata from 72 to 300 DPI mostly changes the possible print size or asks the software to interpolate. It does not recreate vector detail. The better solution is to export again from the source file or redraw the logo as vector artwork.
Color mode matters as well. Web assets usually live in RGB, while professional print often uses CMYK or a specific profile requested by the vendor. Bright colors can shift between screen and paper. Our article on logo files for print materials covers those production checks in more detail.
4. Social media, documents and email
Social platforms often crop assets into squares, circles or banners. A full horizontal logo may become unreadable in a profile image, so you usually need an icon, monogram or simplified mark. Prepare at least a 1024 × 1024 px square export with safe margins, then let the platform scale it down.
Sharpness on LinkedIn, Instagram, YouTube, TikTok or marketplaces depends on cropping as much as resolution. A mark too close to the edge can be cut by a circular mask. A logo with fine text may disappear in a thumbnail. A social version should be designed for avatar conditions, with fewer details and more breathing room.
Office tools have their own constraints. Word, PowerPoint, Google Slides and email signature builders accept transparent PNGs more easily than source files. Provide PNG exports at 512 px, 1024 px and 2048 px, plus a white version for dark backgrounds. JPG is useful only for simple previews where transparency is not required.
Email signatures need discipline. A huge logo can be blocked, compressed or displayed at the wrong size. A version around 300 to 600 px wide, optimized and tested in several mail clients, is usually enough. The goal is legibility and consistency, not maximum file size.
5. Recommended export kit
A solid kit starts with the source file: AI, editable SVG, Affinity, Figma or another design format. This file may not be shared with every stakeholder, but it protects the future of the brand. If you need to change a color, build a new layout, prepare embroidery or create a special campaign version, the source file saves time and quality.
Next come vector delivery formats: SVG for web, vector PDF for sharing and print, EPS when a supplier asks for it. A PDF should preserve paths, not merely contain a placed raster image. If you zoom deeply and the edges remain perfectly crisp, you are probably looking at a usable vector export.
Then prepare raster exports: transparent PNG in several sizes, JPG preview when useful and WebP for specific web performance cases. Name each file by variant and use: main-color, main-white, icon-color, horizontal-black, vertical-cmyk and so on. Clear naming prevents mistakes when a team is under deadline.
The kit should include logo versions, not just formats. Main lockup, horizontal version, stacked version, icon, monochrome version and reversed version cover many real situations. The logo delivery kit article explains how to organize those files so non-designers can choose correctly.
6. File checks before use
First, zoom in strongly. At 800% or 1600%, vector artwork stays sharp. A large PNG may still look acceptable, but bad exports, screenshots and fake vector PDFs become obvious. This quick check catches many problems before the file reaches a supplier.
Second, place the logo on light, dark and colored backgrounds. Look for white boxes, halos, excessive empty margins or colors that disappear. Many issues are invisible in a viewer with a white canvas but appear instantly in a real layout.
Third, test both small and large use. A logo can look good on a desktop screen and become unreadable on a business card. The opposite also happens: a detailed version may look fragile on signage. Strong brand systems provide simplified small-size versions and technical production files for large formats.
Fourth, ask the supplier what they actually need. Some printers accept vector PDF, others request EPS, a color profile or a template. The perfect file depends on the support, size, production method and software in the chain. Asking early prevents rushed conversions later.
7. What to mention in the brief
To receive the right exports, describe where the logo will be used: website, app, social profiles, sign, vehicle, textile, packaging, invoices, presentations, ads or events. Those channels directly affect sizes and variants. A logo built only for an Instagram avatar is not prepared the same way as a brand that will print on windows and uniforms.
Also explain reading constraints. Must the logo work very small? On dark backgrounds? In one color? Inside a square? In a horizontal banner? With or without a tagline? These answers influence the design itself, not just the final export folder.
Finally, ask clearly for vector files, high-definition PNGs, monochrome versions and usage notes. With Wilogo, the brief is where those constraints become clear instructions for the AI graphic designers. The more precise your future use cases are, the more useful the final delivery can be.
A high-resolution logo is not a magic file. It is a system: one vector master, adapted exports, coherent sizes, readable file names and simple quality checks. With that foundation, your identity remains sharp from favicon to storefront sign.
Prepare a logo that stays sharp everywhere
Describe your web, print, social and document needs in a clear brief. Wilogo helps frame the expected formats so you receive a usable logo system, not just a nice image.
Useful sources
FAQ
What logo size should I request for a website?
Request an SVG for the main website logo, plus transparent PNG exports such as 512, 1024 and 2048 px for tools that do not handle vector files. The displayed website asset should still be lightweight and close to its real rendered size.
Does 300 DPI automatically mean high quality?
No. DPI only matters with a physical output size. A small raster logo changed from 72 to 300 DPI will not gain missing detail. Use a vector source whenever the logo may be enlarged.
What resolution is best for print?
For raster artwork, use 300 DPI at the final printed size. For signage or large formats, suppliers may accept lower density depending on viewing distance, but a vector PDF, SVG or EPS remains safer.
Which files should a logo kit include?
A practical logo kit includes the source file, SVG, vector PDF, transparent PNGs in several sizes, color/black/white variants and horizontal, vertical or icon versions when the design supports them.
