Vizura Studio
EN
EnglishHrvatskiDeutschNederlandsFrançaisEspañol
Book 15 minutes
Brand OS Portal

SVG vs PNG for logos: use SVG as the master and PNG where a site asks for it.

SVG stays sharp at any size. PNG is a picture with fixed pixels. Keep both, and know which one goes where.

Get Brand OS in your brand, freeTry it now

Free: your brand in 3 real designs, in 48 hours.

SVG is a vector file. It stays sharp at any size, from a tab icon to a big sign. PNG is a picture made of pixels. It looks good at the size you saved it and gets blurry when you stretch it.

Use SVG for your website and for anything that must scale. Use PNG for email, social profiles, slides and any place that does not accept SVG. Keep the SVG as the master and export PNG from it.

By Vedran Obradović · Updated 7 November 2026

The whole Brand OS Portal in two minutesFilm A. Sound on.
See Logo Studio at workA real tool on a real brand.

Get Brand OS in your brand, free

SVG and PNG, in plain words.

Both are fine. They do different jobs.

Vector

SVG

Made of lines and shapes, not pixels. Scales to any size with no blur. Small file for a simple logo. Great for websites and print.

Pixels

PNG

A picture with a fixed size. Works almost everywhere, keeps a see-through background. Blurs if you make it bigger than it was saved.

Not sure which files you own? Read which logo files you need to start. Then come back and pick the right one for each job.

Logo Studio in a Brand OS Portal, showing logo versions for different backgrounds and sizes
Logo Studio: the right logo for each background and size.

Which logo file for which job.

Find your job in the left column.

Where you use itUse thisWhy
Your websiteSVGSharp on every screen, including big and sharp displays.
Email signaturePNGMany email programs do not show SVG. Save PNG at twice the display size.
LinkedIn and other social profilesPNGUpload forms usually want a picture. See logo for social profile pictures.
Slides and documentsPNG, or SVG if the app takes itCheck the app. PNG is the safe choice for a deck you send out.
Print, signs, merchSVG or PDFPrinters need a vector file so edges stay clean at any size.
Tab icon (favicon)PNG or SVGSmall and simple. See favicon from logo.
Sending to a partnerA pack: SVG plus PNGOne folder, clear names. See how to share logo files.

One note. A very detailed logo with soft gradients can make a heavy SVG. If it loads slowly, ask your designer for a lighter version.

Free tool

Check the space around your logo.

Upload your logo and see the clear space it needs. A good logo file helps most when people leave room around it. It is free and runs right here.

Open the full tool: Logo clear space generator

How to export a sharp PNG from your SVG.

Most blurry logos are a small PNG that someone stretched. Do this instead.

Step 1

Know the size you need

Look at the box where the logo will sit. Say it shows at 200 px wide.

Step 2

Export at twice that size

Save a 400 px wide PNG. It stays sharp on sharp screens.

Step 3

Keep the background clear

Choose a see-through background, not white. Then it works on light and dark pages.

Step 4

Make a light and a dark version

Do not recolour by hand. Ask for a white logo and a dark logo from the master.

Step 5

Name the files clearly

For example: company-logo-dark.png, company-logo-white.png, company-logo.svg.

Step 6

Never stretch it

If you need bigger, go back to the SVG and export again.

Never stretch is the oldest rule of logo use. See more mistakes in logo misuse examples.

Brand OS Portal

Get 3 templates in your brand. Free.

Leave your email. I design them by hand and send them to you within 48 hours. It costs you nothing.

Copy this message when you ask for logo files.

Send it to your designer, or to whoever made the logo. It saves a week of back and forth.

Logo file request
Hi [name],

Please send me the full logo pack for [company]. I need:

1. Master logo as SVG (colour)
2. SVG in white and in one dark colour
3. PNG with see-through background at 2000 px wide (colour, white, dark)
4. A square version for profile pictures, SVG and PNG at 1000 x 1000 px
5. PDF version for printers
6. A one-page note with the clear space and the smallest size

Please name the files so I can tell them apart.

Thank you,
[your name]

Smallest size is a real question. I answer it in logo minimum size for web and print.

What if nobody had to ask at all?

The real cost of a logo file is the waiting.

In many teams, someone asks for the logo every week. A designer answers. The file is the wrong one. They ask again. That is a lot of waiting for a PNG.

In a Brand OS Portal, the team picks a background and a size and gets the right logo. Colour, light, dark, white or black. For tab icon, profile, slide or big sign. The files include SVG, PNG and PDF in the full demo.

A designer is still the right person for a new logo or a new identity. The portal is for the daily work after that. See Brand OS Portal or what a brand portal is.

MTG brand, main image

MTG

Brand OS Pro Portal. The team makes its own posts. No waiting.

Deepsea Networks brand, main image

Deepsea Networks

Brand OS Core Portal. The CEO writes and designs an on-brand LinkedIn post in about 3 minutes.

Does your logo pack pass?

Tick what is true today. Your ticks stay on this device.

0 of 8 done

Fewer than six ticks? Start with the free brand check, then fix the files.

Logo Studio

Try one Brand OS Portal tool

Stop asking for the right logo file.

This is a real tool from a real Brand OS Portal, on the MTG brand. Pick a background and a size. The portal gives you the right logo, and a logo that breaks a rule fixes itself.

Watch

Watch me show every tool.

I made short videos of the tools. Hear me explain them, then scroll through every one at work. Real tools, on a real brand.

Hear me explain

Social StudioPick a design, change the words, download.
Motion PostsType one line, get a video.
Sales docs and decksDocs and decks in your brand, this week.
Email signaturesYour brand in every email.
Voice CheckCheck words against your voice.

Every tool at work

Social StudioPosts people stop to read. Change the words, keep the look.
Motion PostsType one line. Get a video.
Logo StudioThe right logo, any size, any colour, any file.
Pattern LabPatterns drawn from your own logo.
Pitch deck made in Brand OS Portal for MTG
Pitch Deck BuilderTell it your story. Get the slides in your brand. This deck was made for MTG.
Campaign BuilderPlan a campaign in your brand.
Print docsDocuments that look like you.
Image GraderCheck photos against your brand.
Voice CheckCheck your words against your voice.
Signature BuilderYour brand in every email.
AI to templateBring an AI result into your brand look.

See yours for free

Brand OS Portal

Try more Brand OS Portal tools.

Logo Studio, Motion Posts, Pattern Lab, Social Studio and LinkedIn banners. Real tools on a real brand. No email needed.

Try more Brand OS Portal tools

Straight answers.

Is SVG better than PNG for a logo?

SVG is better as a master because it scales with no blur. PNG is better in places that do not accept SVG, like many email programs and upload forms.

Can I turn a PNG logo into SVG?

Not by simply renaming it. A PNG is pixels. To get a true SVG, the logo has to be redrawn as shapes, ideally by the person who made it. Read which logo files you need.

Which logo file should I use on my website?

SVG for the logo in the header and footer. Use PNG for the social share image and where a tool asks for a picture.

What size should a PNG logo be?

Export it at twice the size it shows on screen. A logo shown at 200 px wide should be saved at 400 px wide.

Which logo format do printers want?

A vector file, such as SVG or PDF, so the edges stay clean at any size.

Read next.

Logo file formats: which files you need and when to use each

How to share logo files with your team and partners.

How to make a favicon from your logo.

One more thing.

Death List Five. Five headaches, one portal. Sound on.

Film B. Made for your phone.

Get Brand OS in your brand, free

Does AI get your brand right? Check it free.

See what ChatGPT says about your company, and how to fix it.

Check it freeBook 15 minutes

Rather write to me?