Skip to main content

Asset transformations

Convert and download assets in the formats and sizes you need.

Updated over 2 weeks ago

Overview

Asset transformations in Frontify let you adapt assets to different channels and use cases at the moment of download. Instead of creating duplicates or editing files externally, you can transform assets directly in the platform — while keeping the original file intact.

This article focuses on in-platform asset transformations, available through the Frontify interface. Frontify also supports extensive transformations via its Media Processing API, which is documented separately.

What are asset transformations?

Asset transformations allow you to download assets in formats and sizes that fit your needs — without changing or duplicating the original file.

Depending on the asset, transformations may include:

  • Converting to alternative file formats

  • Resizing using predefined dimensions

  • Cropping images

  • Downloading predefined static renditions

  • Recoloring supported SVG icons using brand colors

  • Converting documents to PDF

These options help teams work faster while maintaining governance and brand consistency.

Asset transformation capabilities (at a glance)

Asset type

What users can do at download

What admins settings are available

Supported output formats

Images (Media Library)

  • Download original file

  • Convert to alternative file formats

  • Resize using predefined size options

  • Crop (if enabled)

  • Define download sizes

  • Enable cropping

JPEG, PNG, WebP, AVIF, HEIF

Logos (Logo Library)

  • Download original file

  • Download predefined static renditions

  • Download all static renditions as a package

  • Convert to alternative file formats

  • Define download sizes

AVIF, HEIF, JPEG, PNG, WebP (in addition to original and static renditions)

Icons (Icon Library)

  • Download original file

  • Download predefined static renditions

  • Download all static renditions as a package

  • Convert to alternative file formats

  • Recolor supported unicolor icons using brand colors

  • Define download sizes

  • Define downloadable colors

AVIF, HEIF, JPEG, PNG, WebP, SVG (for recolored exports)

Documents (Document Library)

  • Download original file

  • Convert single or multipage documents to PDF with selectable and accessible text

  • Define download document sizes

  • Enable cropping

PDF (All formats excluding .ai)

Note:

  • All transformations are available in the unified download flow for single-asset downloads.

  • Currently not supported: Bulk downloads and video files.

  • At the moment, admins can define which sizes are available for image downloads, but they can’t restrict which file formats appear. All supported formats are always available.


Downloading and transforming an asset

Asset transformations are available when downloading single assets from Library pages (the DAM frontend, ie Libraries embedded in Guidelines).

How it works:

  1. Open an asset on a Library page.

  2. Click Download.

  3. Choose Original file or Customize.

  4. If you choose Customize, select:

    1. One or more output file formats, and/or

    2. A predefined size (if available)

    3. Recolor (for icons)

  5. Download the transformed asset.

Note:

  • Asset transformations are available for single-asset downloads. Bulk downloads always deliver the original files.

  • Transformations follow the same permission rules as downloads.


Admin configuration

Overview

Admins manage asset transformation behavior at library and at asset level.

  • Defining custom download sizes for images

  • Enabling or disabling cropping in the consumer view

  • Locking aspect ratios for cropped images

Admins can't currently restrict output file formats. All supported formats are always available during download.

Media library settings: Download sizes

Admins can define custom download sizes for images in the Media Library in 'Usage settings'. These sizes appear as preset options when users download an image. Sizes that are larger than the asset is automatically hidden.

Sizes are defined in pixels and can be tailored to common channels (e.g., social media, web banners).

Asset transformations help article - 1.gif

On the bottom part of the appearing side panel, you find a section called ‘Add Download image size’. There, you’re able to predefine available download sizes for your assets which will ultimately be shown in the consumer view of your asset library.

Note that the width has to be documented in pixels.

When adding new download sizes you have to choose whether consumers can crop the asset based on:

  • Fit: Maintain the aspect ratio while scaling down to fit the desired dimensions.

  • Crop: Crop the image around it's focal point (default center) to achieve the desired dimensions. Requires both width and height to be set.

Asset transformation - 2.gif

image.png

Please keep in consideration that some image formats such as tiff does not support resizes, one of the other supported file format would need to be selected.

Once you’ve predefined various export sizes, your brand consumers can simply export assets in the right format by choosing the respective download size.

Media library settings: Cropping images

Cropping lets users adjust an image before downloading it — without editing the original file. This can be enabled underneath the size settings in 'Usage settings' of a Media Library.

For detailed instructions, see Custom Crop & Focal Point.

Asset level settings: Download sizes

For each individual asset, you can select and deselect what sizes should be available for download. This does not currently exist for file formats, but is being considered.

Asset transformations 3.gif

Icon library settings: Download colors

For icon and logo libraries, you can predefine what colors an icon can be converted into upon download. This is done in the usage settings of the Library backend.

You can all colors under: Library settings ⟶ Usage settings ⟶ Icon settings ⟶ Assign downloadable colors.

Note: Recoloring is only possible for SVG and PNG files. If the user selects a file extension that does not support recoloring, the color will change back to the original icon color.

SVG Requirements for Recoloring

Frontify can automatically recolor single-color SVG icons to match your brand color. For recoloring to work correctly, your SVG file needs to meet the following requirements.

  • Use a single color throughout.
    The icon must use exactly one color across all shapes. If the file contains multiple different colors, Frontify will treat it as a multi-color illustration and recoloring will be disabled.

  • Set colors as direct attributes.
    Every colored shape must have its color defined as a direct XML attribute (fill="#fff" or stroke="#fff"), not through CSS classes or <style> blocks. CSS-based color definitions — especially when using grouped selectors like .class-a, .class-b { fill: #fff; } — are not reliably detected.

  • Each shape should have either a fill or a stroke — not both
    Frontify's recoloring engine replaces one color property per shape element. If a shape has both a colored fill and a colored stroke, only one will be recolored and the other will remain as-is, producing unexpected white artifacts.

    • Filled shapes (solid areas): use fill="#fff" and either omit the stroke or set stroke="none"

    • Outlined shapes (lines, borders): use stroke="#fff" and set fill="none"

  • Use fill="none" for transparent areas
    Shapes that should appear transparent must use fill="none". Using fill="white" or fill="#ffffff" is treated as a real color and will either prevent recoloring or produce white shapes that don't change with the rest of the icon.

  • Export as a clean SVG
    Some design tools (notably Adobe Illustrator) offer a "preserve editing capabilities" option that embeds the native source file inside the SVG. This makes the file significantly larger and can prevent Frontify from parsing it correctly. Always export with this option disabled.

    • In Adobe Illustrator: use File → Export As → SVG and uncheck Preserve Illustrator Editing Capabilities in the options dialog.

    • In Figma and Sketch: standard SVG export produces clean files by default.

Logo library settings: Static renditions

In the Logo Library, admins can upload predefined static renditions of a logo directly to the logo asset. These renditions can be provided in multiple file formats and are made available to users as fixed download options.

Static renditions differ from asset transformations. This gives teams additional control and ensures that specific, approved logo versions are always available exactly as intended.


A note on file sizes and quality

When exporting assets, file quality is set by the pixel dimensions — not DPI.

DPI is not read by screens, it's information to the printer turning pixels into dots through a through a process called raster image processing that the printer normally handles.

  • For vector files (e.g., SVG), does not contain pixels. SVGs are resolution-independent and scale without losing quality. The pixel dimensions shown in Frontify reflect the viewport at which the SVG is initially rendered for — not a quality limitation. When exporting a vector file to PNG or another raster format, the output quality depends on the pixel size selected at download.

  • For raster images (e.g., JPEG, PNG), quality is determined by the number of pixels. A 100 × 100 px image will look blurry if printed large, while a 1000 × 1000 px image will retain much better quality at the same print size. To print an image at A4 the image should be at least 2400X3500px for a good quality.

Best practice:
Upload high-resolution images whenever possible, and use vector formats (SVG, AI) for logos, icons and illustrations that may need to scale to different sizes.


Good to know

  • Asset transformations don’t modify the original file stored in Frontify.

  • Transformed files are created on demand at download time.

  • Supported transformation options depend on asset type and library configuration.

  • Additional transformation capabilities may become available over time.

  • Bulk download of transformed assets is planned for H2 2026

  • Please be aware that if you're transforming an asset, the quality of it might change depending on it's size..

Did this answer your question?