![]() If the image has any raster (image) layers, you'll need to work on the Retina version first and export a 0.5x version of the image for standard displays to make sure every detail remains sharp. 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. Press K or Shift ⇧ + Command ⌘ + E on your keyboard.Ĭhoose a scale factor from the Scale Factor pop-up menu.Choose Tools > Export for Web (from the Tools menu at the top of your screen).Choose File > Export for Web (from the File menu at the top of your screen).Scale factors let you export a version of your image that is scaled up or down.Ĭhoose the Export for Web tool by doing one of the following: This is due to the fact that higher resolution displays usually have at least twice as many pixels. 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. Note that higher levels of compression can potentially reduce the image quality, but exporting between 75% to 85% quality can greatly reduce the image size without any noticeable drop in quality.īy default, images exported for the web are exported at 1x, which means they are exported at the original size of the image you created. With this software, you can easily create posters, enhance web pages, and design anything your heart desires. It allows you to not only edit photos but also to create designs, paint, create vector images, and more. Drag the quality slider or click the Quality pop-up menu to reduce the size of an image by increasing the level of compression. Pixelmator Pro is an image editing software that competes with big-name brands like Canva and Adobe Photoshop. If you need to keep the original file format, you can deselect this option in the More To avoid this, Pixelmator Pro converts the image color profile to sRGB and removes any previous color profile. Certain color profiles can make the image colors look dull or faded when displayed on the web. You can deselect this setting in the More menu to export images with all transparent areas filled with solid white.Ĭonvert to sRGB (PNG, JPG, GIF, and WebP). This option is selected by default for the file formats supporting transparency. Pixelmator Pro additionally manipulates ( dithers) pixels to simulate a greater color depth, so images optimized this way won’t look posterized or flat. To create a more lightweight image for the web, you can reduce it to only 256 colors in total. ![]() The greater the number of different colors in an image - the larger the file size. The size of a PNG image file largely depends on the number of uniquely-colored pixels in it (and how they’re arranged). Although slightly slower, these algorithms produce smaller PNGs compared to the ones exported regularly. Select this option to compress the image using advanced compression algorithms. Use the following settings to customize the image:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |