Skip to main content
TikTok Effect House Platform Logo
Latest
Download
Log in
2D

2D Image Preparation

This guide will show you how to prepare a 2D image in your Effect House project.

Import an Image

You can import an image by clicking + > Import > From Computer in the Assets panel. You can also drag the image into the Assets panel.

Note
Note

You can import images larger than 1024 x 1024 px, but the larger dimension will be resized to 1024 px. If the file is larger than 1 MB after resizing, the import will be stopped.

Image Requirements

  • Format: PNG and JPG
  • Resolution limit: 1024 x 1024 px
  • Single file size: Less than 1 MB
  • Total effect package: Less than 5 MB

Import Errors

If your file does not meet the import requirements, it will fail to import. You may encounter the following import errors:

Exceed resolution

Couldn’t import [file name] because file exceeds the size limit of 1024×1024. Check the image resolution and try again.

Exceed size

Couldn’t import [file name] because file exceeds the size limit of 1 MB. Check the image resolution and try again.

Image Properties

Resolution: The resolution of the image file. The maximum resolution should be less than or equal to 1024 x 1024 px.

Size: The file size.

Type: The file type.

Image Compression

You can compress your image size to keep your overall effect package within the 5 MB limit. Smaller file sizes and lower resolutions can increase performance.

Select an asset from the Assets panel to access Compression in the Inspector panel.

Compression Type: The resolution and size of the asset will automatically compress when you change the properties.

  • Automatic (default): Set the image’s maximum resolution to 512 px by default. The height and width will maintain their ratio as they scale.
  • Manual: Select Max Resolution and Quality values from their respective drop-downs.
    • Max Resolution: Choose between 1024, 512 (default), 256, and 128 px.
    • Quality: Compress the image size by choosing between High, Medium, and Low.
Tip
Tip

Set Max Resolution to the same or smaller than the original resolution of the image. Otherwise, the image quality will not improve and the file size will increase.

Tip
Tip

Setting the quality to High will not compress the image. Medium and Low will reduce the quality of the image.

  • None: The asset will be left as is.

Image Advanced Settings

Enable Mimap: If selected, define the following:

  • Filter Min
    • Linear (default)
    • Nearest
  • Filter Mag
    • Linear (default)
    • Nearest
  • Filter Mipmap
    • None (default)
    • Linear
    • Nearest

Wrap Mode: Determine how the texture is sampled when texture coordinates (in UV control) are outside of the typical 0-1 range.

  • Repeat (default): Tile the texture to create a repeating pattern.
  • Clamp: Clamp the texture to the last pixel at the edge.
  • Mirror: Tile the texture to create a repeating pattern by mirroring it at every integer boundary.

Premult: Pre-multiply, or pre-mask, the image by masking the color by its own alpha channel.