Image management with Respresso

Respresso is a platform-independent resource management tool that allows your software product team to collaboratively edit all the contents they are responsible for. Images are only one of the supported resource categories. Learn more.

You can manage your images and icons in Respresso. It will generate all the necessary platform-specific files and automatically sync them to your source-code. This workflow improves your team's productivity, avoids human errors and guarantees consistency between multiple platforms.

How to start managing images in Respresso

  1. Setup or join a Respresso project.
  2. Go to the Image resource category.
  3. Upload the images you need. You can upload existing images from existing source code or from a Zeplin project.
  4. Setup build-time automatic resource sync. (You can also try the download option.)
  5. Add team members to the project to start collaborating. E.g.: Designers can directly import all images from their design tool, like Figma or Adobe XD .

Migrate images to Respresso from an existing app

You can easily migrate your app to use Respresso for image management. It does not require any changes in the business logic or any runtime dependency.

The required steps are similar to the How to start managing images in Respresso section. The only difference is that you need to import your existing images from your app's source code. It can be done in a few minutes by any developer who can access the source code.

Don't forget to setup automatic resource sync to save even more of your precious time. It requires less than 3 minutes of setup.

Manage image dimensions

You can use Respresso to manage platform-specific image size/dimensions for each image.
To make it obvious, Respresso will suffix any resized image key with the required image dimension so you can have multiple sizes of the same image.

How to override base size for image resources

Only the original size will use the provided key, others will get a similar suffix to _w480 that means the width of the image is fixed to 480 units (px, dp, pt - depending on the target format).

Please note that keys are transformed to platform/format specific variants. You can see how it looks on the right where the generated files are listed of 3 platforms.