Minimum logo size for different media

Reading time:
5
min
/
Publication date
06.08.2026
Minimum logo size for different media
In this article
The favicon in the browser tab is an icon of 16×16 pixels. But a designer who delivers a file of exactly this size to the client makes a mistake: for correct display on different screens and pixel densities, the source must be at least 512×512 px, from which the system will cut out both the 16 px tab icon and the 1024 px app icon. The same symbol lives in dozens of sizes at the same time — and there is simply no universal 'correct' logo size.

Why a logo does not have one size — only a range

A logo on packaging, on a website, and on a business card — these are different tasks with different physics of perception. Print is viewed from a distance of 20-30 cm, a screen is viewed from 40-60 cm, and a billboard — from dozens of meters. Therefore, the logical question 'what is the minimum size of my logo' does not have a clear answer: for GTLK the minimum is 4 mm in print and 14 px on screen, for Ural Federal University — 25 mm / 115 px for the full logo, but for the abbreviated version, 5 mm / 30 px is acceptable. For BKS, the threshold for digital media is 200 px. The wide range is explained not by designers' whims, but by the complexity of the symbol itself: the more details a logo carries, the higher the threshold at which it remains legible.

What file format saves from quality loss

The answer is short: vector. SVG, AI, or EPS store the logo not as a grid of pixels, but as mathematical curves — a line can be stretched to the size of a billboard advertisement, and the edges will remain perfectly smooth. PNG and JPG are raster formats, a fixed set of points. It is here that confusion arises between upload size and display size: a file sized 2000×2000 px inserted into a block 100×100 px on a website visually 'compresses', but weighs and loads as the original. And vice versa — if a raster logo 100×100 px is stretched across a monitor screen, the program simply multiplies the existing pixels, and instead of a clear sign, a blurred spot with a characteristic 'staircase' appears on diagonal lines.

Why you can't simply 'zoom in the editor'

Increasing the raster image does not add detail — it interpolates what was never there in the file. The program fills in the intermediate pixels by averaging the neighbors, and this visually reads as blur, jagged edges, and loss of contrast in fine lines. A vector file does not know this problem, but it has its own trap: even a perfect curve when reduced can visually merge into a mush if there are too many small elements in the logo. The issue is not with the file format, but with the design of the sign itself — ticks, thin strokes, and tight kerning only work starting from a certain size, below which they turn into a gray spot.

Adaptive version system instead of one image

Professional approach — do not scale one file, but design several versions of the logo with different levels of detail in advance, at the stage of developing the brand style.

LevelSizeWhat we show
Fullfrom 300 px / from 100 mmsymbol + name + slogan
Medium100-300 px / 30-100 mmsymbol + name
Small30-100 px / 10-30 mmsimplified combination
Microup to 30 px / up to 10 mmlogo or monogram only

This is exactly the logic according to which Ural Federal University has a separately drawn abbreviation next to the full logo — not a compressed copy, but a standalone, simplified drawing. When transitioning to each subsequent level, the designer does not reduce the image, but redraws it: removing the slogan, then the textual part, leaving only the symbol, optimized for small size separately.

Why 300 dpi — a harmful benchmark without context

The requirement '300 dpi for printing' is misleading because dpi is not an absolute measure of quality, but rather the ratio between the number of pixels and the physical size of the print. A logo that is 4 inches wide for clean printing without loss must contain at least 1200 pixels along this dimension (4 × 300). If you take a file labeled with '300 dpi' in its metadata but with a physical size of 200×200 px, when printed on a large format it will spread out just like a regular web screen. Pixel count, not the dpi number in the file properties, determines quality — this is something everyone sending a logo to a print shop should remember.

Color models are also not universal

RGB is suitable for screens because monitors physically emit light through three channels—72-96 dpi resolution is sufficient for this. CMYK is needed for printing because ink works on the principle of absorption rather than light emission and requires higher dot density—hence the standard 300 dpi. Sending an RGB file to a print shop will guaranteed result in duller and shifted hues on paper.

Safety margin and typical errors when reducing

Even a perfectly chosen minimum size will not save a logo if there is text or other graphics right next to it. A safety margin is the minimum free space around a mark, usually equal to the height of one letter of the logo or one-quarter of the symbol itself. Violating this margin destroys recognizability even with technically correct sizing.

  • Thin lines and strokes in fonts merge when reduced if the logo uses a typeface with contrasting strokes.
  • Small decorative details only work above a certain threshold; below it, they turn into a dirty spot.
  • Too tight kerning in the name—letters stick together before the symbol itself becomes unreadable.
  • Lack of a separate micro-version—instead, the designer manually compresses the main version, losing contrast.

Checking readability is simple: the logo is printed at actual minimum size (the same 4-10 mm) and viewed without magnification, with the naked eye, and on screens the layout is opened at 100% zoom on different displays — from retina to standard office monitor. If the mark starts to blur or merge already at this stage of testing, then the design needs a separate simplified version, not a more cautious scaling of the existing one.

Why a logo does not have one size — only a range

A logo on packaging, on a website, and on a business card — these are different tasks with different physics of perception. Print is viewed from a distance of 20-30 cm, a screen is viewed from 40-60 cm, and a billboard — from dozens of meters. Therefore, the logical question 'what is the minimum size of my logo' does not have a clear answer: for GTLK the minimum is 4 mm in print and 14 px on screen, for Ural Federal University — 25 mm / 115 px for the full logo, but for the abbreviated version, 5 mm / 30 px is acceptable. For BKS, the threshold for digital media is 200 px. The wide range is explained not by designers' whims, but by the complexity of the symbol itself: the more details a logo carries, the higher the threshold at which it remains legible.

What file format saves from quality loss

The answer is short: vector. SVG, AI, or EPS store the logo not as a grid of pixels, but as mathematical curves — a line can be stretched to the size of a billboard advertisement, and the edges will remain perfectly smooth. PNG and JPG are raster formats, a fixed set of points. It is here that confusion arises between upload size and display size: a file sized 2000×2000 px inserted into a block 100×100 px on a website visually 'compresses', but weighs and loads as the original. And vice versa — if a raster logo 100×100 px is stretched across a monitor screen, the program simply multiplies the existing pixels, and instead of a clear sign, a blurred spot with a characteristic 'staircase' appears on diagonal lines.

Why you can't simply 'zoom in the editor'

Increasing the raster image does not add detail — it interpolates what was never there in the file. The program fills in the intermediate pixels by averaging the neighbors, and this visually reads as blur, jagged edges, and loss of contrast in fine lines. A vector file does not know this problem, but it has its own trap: even a perfect curve when reduced can visually merge into a mush if there are too many small elements in the logo. The issue is not with the file format, but with the design of the sign itself — ticks, thin strokes, and tight kerning only work starting from a certain size, below which they turn into a gray spot.

Adaptive version system instead of one image

Professional approach — do not scale one file, but design several versions of the logo with different levels of detail in advance, at the stage of developing the brand style.

LevelSizeWhat we show
Fullfrom 300 px / from 100 mmsymbol + name + slogan
Medium100-300 px / 30-100 mmsymbol + name
Small30-100 px / 10-30 mmsimplified combination
Microup to 30 px / up to 10 mmlogo or monogram only

This is exactly the logic according to which Ural Federal University has a separately drawn abbreviation next to the full logo — not a compressed copy, but a standalone, simplified drawing. When transitioning to each subsequent level, the designer does not reduce the image, but redraws it: removing the slogan, then the textual part, leaving only the symbol, optimized for small size separately.

Why 300 dpi — a harmful benchmark without context

The requirement '300 dpi for printing' is misleading because dpi is not an absolute measure of quality, but rather the ratio between the number of pixels and the physical size of the print. A logo that is 4 inches wide for clean printing without loss must contain at least 1200 pixels along this dimension (4 × 300). If you take a file labeled with '300 dpi' in its metadata but with a physical size of 200×200 px, when printed on a large format it will spread out just like a regular web screen. Pixel count, not the dpi number in the file properties, determines quality — this is something everyone sending a logo to a print shop should remember.

Color models are also not universal

RGB is suitable for screens because monitors physically emit light through three channels—72-96 dpi resolution is sufficient for this. CMYK is needed for printing because ink works on the principle of absorption rather than light emission and requires higher dot density—hence the standard 300 dpi. Sending an RGB file to a print shop will guaranteed result in duller and shifted hues on paper.

Safety margin and typical errors when reducing

Even a perfectly chosen minimum size will not save a logo if there is text or other graphics right next to it. A safety margin is the minimum free space around a mark, usually equal to the height of one letter of the logo or one-quarter of the symbol itself. Violating this margin destroys recognizability even with technically correct sizing.

  • Thin lines and strokes in fonts merge when reduced if the logo uses a typeface with contrasting strokes.
  • Small decorative details only work above a certain threshold; below it, they turn into a dirty spot.
  • Too tight kerning in the name—letters stick together before the symbol itself becomes unreadable.
  • Lack of a separate micro-version—instead, the designer manually compresses the main version, losing contrast.

Checking readability is simple: the logo is printed at actual minimum size (the same 4-10 mm) and viewed without magnification, with the naked eye, and on screens the layout is opened at 100% zoom on different displays — from retina to standard office monitor. If the mark starts to blur or merge already at this stage of testing, then the design needs a separate simplified version, not a more cautious scaling of the existing one.

Recent articles

Employee training and development as an argument for the employer brand

Employee training and development as an argument for the employer brand

24.09.2026
Work-life balance in employer brand communications

Work-life balance in employer brand communications

24.09.2026
Psychological support programs as an element of EVP

Psychological support programs as an element of EVP

24.09.2026
HR brand and employee wellbeing: wellbeing programs

HR brand and employee wellbeing: wellbeing programs

24.09.2026
HR and marketing: how to build joint work on the employer brand

HR and marketing: how to build joint work on the employer brand

24.09.2026
Outsourcing vs in-house in HR brand management

Outsourcing vs in-house in HR brand management

24.09.2026
Employer branding team: roles, composition, KPI

Employer branding team: roles, composition, KPI

24.09.2026
HR brand budget: how to calculate and defend before management

HR brand budget: how to calculate and defend before management

24.09.2026
Load more

MegaFon, BMW, VTB and more 240+ companies. See how it looks in the showcase reel:

Logotype Megafon Branding Agency
Gromov Branding Agency
VK Video logo Branding Agency
Branding agency Gromov Branding
Gromov Branding Agency
Gromov Branding Agency
Through interviews, surveys and workshops, our branding agency identifies the true needs of the business, motivations and pain points. Based on this data, we determine the tools that will effectively solve your brand's tasks.

Our branding agency is approached to order:

Branding agency services

Design outsourcing

You get a team of experienced designers to create a truly original design. We work with a wide range of industries and never think conventionally. We look at your business from a different angle, offer new ideas and unconventional solutions. And quickly implement them.
Branding Agency

Websites

We create attractive modern websites. Functional and user-friendly. Aesthetics, analytical approach, and functional design intuitively inspire trust in your company. And with it — the number of clicks on buttons, orders, and inquiries increases.
Branding Agency

Choose your city