Export an image for the web - Pixelmator Pro User Guide.

Export an image for the web - Pixelmator Pro User Guide.

Looking for:

Pixelmator logo export free -  













































     


Export an image for the web - Pixelmator Pro User Guide.Specify resolution when exporting for web - Pixelmator Community



 

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 export versions of your images optimized for the web using a range of optimization settings, reducing their file sizes. Exporting for the web removes the color profile, any unnecessary metadata, and lets you use advanced compression techniques to export images that load much faster online. In addition, you can export the same image in multiple formats or at different sizes at once.

Click Presets to select an export preset or choose a custom export format by changing the settings in the Format and the Scale Factor pop-up menus. Tip: You can also drag and drop the thumbnail in the Export for Web section of the Show or Hide Tool Options from the View menu at the top of your screen.

See Interface overview to learn more about the Tool Options pane. Adding an additional export format will mean that, once you export, you will have two versions of your image exported with the chosen settings. Note: If you add a few of the same file format, an additional number — 1, 2, 3, etc. Use advanced compression PNG. Select this option to compress the image using advanced compression algorithms.

Although slightly slower, these algorithms produce smaller PNGs compared to the ones exported regularly. Use color palette PNG. The greater the number of different colors in an image — the larger the file size. To create a more lightweight image for the web, you can reduce it to only colors in total.

This option is selected by default for the file formats supporting transparency. You can deselect this setting in the More menu to export images with all transparent areas filled with solid white.

Certain color profiles can make the image colors look dull or faded when displayed on the web. To avoid this, Pixelmator Pro converts the image color profile to sRGB and removes any previous color profile. If you need to keep the original file format, you can deselect this option in the More menu. Drag the quality slider or click the Quality pop-up menu to reduce the size of an image by increasing the level of compression.

By default, images exported for the web are exported at 1x, which means they are exported at the original size of the image you created. When preparing images to be displayed on high-resolution displays such as Retina, in addition to regular displays, you'll need to make sure the Retina image is twice as large as the standard image.

This is due to the fact that higher resolution displays usually have at least twice as many pixels. Scale factors let you export a version of your image that is scaled up or down.

Note: If your image contains vector and text elements only, you can work on the standard size of the image first and export a 2x version for Retina displays later. If the image has any raster image layers, you'll need to work on the Retina version first and export a 0. The optimized preview is only visible when using the Export for Web or Slice tools.

It simulates how the image will look when exported. Pixelmator Pro User Guide. Quick Links What's new? Pixelmator Pro basics. Create, open, and save images. Working with layers. Pixelmator Pro keyboard shortcuts. Table of Contents. Export an image for the web When preparing images for the web, you want them to be as small as possible so they load as quickly as possible.

Export an image for the web. Optional Customize the export options of your selected format. Click Export. Click Add Format, then click the Format pop-up menu to choose the desired format. Use the following settings to customize the image: Use advanced compression PNG.

Use scale factors to export a scaled version of your image. Choose a scale factor from the Scale Factor pop-up menu. Previous Export an image to a different file format. Next Slice designs into individual images.

   


Comments