Optimized Settings for TexturePacker
In the Output panel, we can change the default Texture Format setting from PNG to PVR.CCZ. The powerVR graphics format is the best format to use for iOS devices and the PVR.CCZ is a compressed version of this format.
Image Format and Dithering
The default Image Format is RGBA8888 which will give you a good quality image at the expense of file size. We can reduce the Image Format to RGBA4444 with some loss in quality. But we can make up for this loss by using the FloydSteinberg + Alpha Dithering setting. This combination of Image Format and Dithering will give us better results and reduce our files size to 2048 kb.
In the Geometry panel, the Autosize is checked by default. If we uncheck this option the size of our sprite sheet grows to 16384 kb. This Autosize feature tells TexturePacker to use the smallest size possible of the power of 2 for our sprite sheet. We need to keep this featured checked.
Fixed Width and Height
Depending on your target mobile device for your app, you may need to use a specific size for your sprite sheet. Here you have the option to set the width and height of the sprite sheet.
The Scale feature is nice if your target devices are both retina and non-retina display. With this option, you can use the images for the larger resolution device and TexturePacker will create a sprite sheet for each target resolution. Therefore there is no need to resize the larger images for the smaller device in an image editing program.
Algorithm, Trim and Rotation
In the Layout panel, we will use the default MaxRects setting for the Algorithm. MaxRects is the best algorithm especially with the Trim and Allow Rotation options checked. The Trim feature will automatically remove transparent pixels from around your sprites which allows the sprites to be packed closer together in the sprite sheet. The Allow Rotation feature will tell TexturePacker to rotate your sprites whenever it results in closer packing of the sprites.
As you would expect, the less padding used will give a smaller file size. But sometimes it is necessary to use a little padding. If you sprites contain pixels from neighboring sprites, you may wish to add a little padding to prevent this. On the other hand, if the edges of your sprites are being cut off, you may wish to increase the Extrude feature.
If you remember, Photoshop added a solid background to our exported PNGs. We can automatically remove this with the Heuristic Mask option. When we check this option, the individual images in the center panel are stacked into one small image and the colored background changes to transparent and therefore removed. The resulting file size is a small 8 kb.
Once you are ready to export the files, you will set the folder destination for both the Data and Texture files in the Output panel.
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.
Editor's Picks Articles
Top Ten Articles
Content copyright © 2018 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.