Skip to content

Choosing a logo file format

SVG, PNG and PDF: choose the right file for a website, presentation, print job or icon, and check it before handover.

Who it is for
Designers, marketers and contractors
Author
SkiMobile team
Published

Start with the destination

Open the logo library and first choose a layout: horizontal, square, vertical or the standalone symbol. The colour version follows the surface; the file format follows its destination.

SVG retains vector geometry when resized. PNG contains a fixed pixel grid; avoid enlarging a small raster for a large placement.

If the table is wider than the screen, scroll it horizontally.

TaskFormatCheck
Website and UISVGTheme, clear space, proportions
Presentation and raster editorPNGPixel dimensions and transparency
Production handoverPDF / SVGThe contractor’s actual requirements
Favicon and app iconStandalone symbol · ICO / PNG / SVGLegibility at the final size

Background and size

Choose transparency for an overlay on photography or video. Choose an explicit background for a finished tile. Check the dark-surface version on a dark surface: white elements can disappear against white.

Choose raster dimensions for the final placement. For print, supply the size in millimetres and production requirements; pixel count alone does not specify the physical format. Screen HEX values do not replace a print proof.

Before handing over the file

  • Download the original library export rather than a screenshot.
  • Keep proportions, brand colours and clear space.
  • Check the mark at its actual size on the final background.
  • Give the contractor the file edition, dimensions and intended use.

Materials and sources

Read next

Colour roles in the interface

Apply accent, critical states and neutral surfaces while preserving meaning in both themes.

Design and assets

  • Tokens
  • Themes
  • Contrast

Making motion accessible

Control looping animation, pause and reduced motion without losing the interface’s meaning.

Digital products

  • Motion
  • Accessibility
  • SVG