Export for Web

A modern way to easily prepare images for the web.

Pixelmator Pro gives you everything you need to prepare and optimize your images for the modern web. Compress images to the smallest size possible using advanced compression techniques. Use export presets to quickly optimize images with your favorite settings. And with an awesome Slice tool, Quick Export, and live previews of your optimized image right in Pixelmator Pro, preparing web-friendly images is faster and easier than ever before.

Watch the Export for Web film
  • Optimize for Web

    Optimize images for the web to dramatically reduce their file sizes.

    Learn more
  • Slice Tool

    Divide designs into individual images and optimize each one separately.

    Learn more
  • Advanced Compression

    Shrink image sizes to the smallest possible without losing quality.

    Learn more
  • Quick Export

    Quickly export images optimized with your favorite settings.

    Learn more
  • Export Presets

    Save your favorite export settings to speed up preparing images for the web.

    Learn more
  • SVG

    Open and export resolution-independent vector images.

    Learn more

Optimize for Web

Optimize images for the web to dramatically reduce their file sizes.

When preparing images for the web, you want them to be as small as possible so they load as quickly as possible. Pixelmator Pro lets you dramatically reduce the sizes of your exported images by adjusting export settings, reducing the number of colors used, and removing any embedded color profiles. As you adjust the export settings, you’ll see a live preview of your optimized images right in Pixelmator Pro.

  • Export Formats

    Export to every format used on the web — JPEG, PNG, GIF, and even SVG for ultra-lightweight icons and graphics.

  • Scale Factors

    Export the same image at multiple different sizes using scale factors, such as 0.5x, 1x, 2x, and 3x, to make sure they look great wherever they’re displayed.

  • Live Preview

    As you adjust any export settings, you’ll see a live preview of the optimized image right in the Pixelmator Pro window.

  • JPEG Quality

    Adjust the quality of JPEG images to dramatically reduce their file sizes. Adjusting the quality lets you balance quality against size — with a slightly reduced quality, you’ll get a much smaller file with no perceptible changes to the image.

  • Convert to sRGB

    Images on the web use the sRGB color profile. Pixelmator Pro lets you easily convert images to use sRGB colors and removes the color profile to reduce the size of the exported image.

  • Reduce Colors

    Reduce the number of colors in PNG images to greatly reduce file sizes. When reducing colors, Pixelmator Pro uses a technique known as dithering to create color depth with a limited color palette.

Slice Tool

Divide designs into individual images and optimize each one separately.

The Slice tool makes it much easier to prepare web designs by letting you divide entire designs into smaller images, optimizing each image separately. So any graphics, logos, or buttons can all be exported as separate images optimized with different formats — and even at different sizes. You can draw slices by hand or create them from objects in your image. And when you adjust any export settings, you’ll see a live preview showing what each optimized slice looks like, right in the Pixelmator Pro window.

  • Live Previews

    For each slice you create, Pixelmator Pro displays a live preview of the optimized slice right in your document. The preview instantly updates as you adjust its export settings.

  • Optimize Individually

    Optimize each slice individually using as many different formats as you want.

  • Scale Factors

    Export individual slices at different scale factors to prepare images optimized for standard and Retina displays.

  • Drag and Drop

    The Slice tool includes drag and drop, so you can drop layers from the Layers sidebar into the Tool Options pane to easily add slices. And you can drag slices and drop them onto your Desktop to quickly export any slice in one or multiple optimized formats.

  • Object Slices

    In addition to creating slices by drawing them with the Slice tool, you can also create them from specific layers and layer groups in your design.

Advanced Compression

Shrink image sizes to the smallest possible without losing quality.

Using modern image compression techniques, Pixelmator Pro can shrink the size of PNG images to the smallest possible without losing any quality. When you turn on advanced compression, Pixelmator Pro uses several different compression algorithms to reduce the file size of the image and chooses the smallest one.

Up to

70%

smaller images*

Quick Export

Quickly export images optimized with your favorite settings.

Quick Export gives you an incredibly quick way to export a web-friendly version of your entire image. Simply open up the Share menu and choose one of the options — with just a few clicks, an optimized image appears right on your desktop. And the Quick Export options are fully customizable, so you can quickly export images optimized with your favorite export settings.

Export Presets

Save your favorite export settings to speed up preparing images for the web.

If you find you’re often exporting to the same format with the same export settings, you can save them as a preset. Then simply click the preset and your export settings are instantly applied to your entire image or selected slice. The presets also appear as Quick Export options in the Pixelmator Pro Share menu, so you can export a web-friendly image optimized with your favorite settings in just a few clicks.

SVG

Open and export resolution-independent vector images.

SVG, short for Scalable Vector Graphics, is a vector file format. Unlike raster images, which are composed of colored points, vector images are drawn using geometric shapes. When creating images for the web such as logos, icons, and other simple graphics, exporting to SVG often makes those graphics smaller, so they load faster. And vector graphics are resolution-independent, so you can scale them up or down as much as you want without losing any sharpness.

.svg