Assets
Upload media assets to use in your app
You can open the Assets panel from the left menu bar in the Builder.
Images
Here you're able to upload your own images to use in your app project. Any .png, .jpg, .jpeg, .gif, .svg, or webp file can be uploaded. The size of the file should not exceed 5MB.
How to prepare images for upload
- Optimize your images to decrease loading time and increase your app's performance. There are a variety of tools around the web like compressor.io and imageoptim that can help with this. Or you can use an image hosting service, like Cloudinary, that lets you serve optimized and edited images on demand.
- Make sure the file name doesn't include special characters like:
,,;,",',&,$,^. etc. Feel free to use hyphens and underscores. - Make sure the file name starts with a letter
- Avoid using long, alphanumeric file names. Instead, it's best to make the image file name descriptive.
Generating images using OpenAI's DALL·E
You can generate images using AI from within the Assets panel. To generate an image, click the Generate Image button in the top bar of the Assets panel.
Here you can select a model and image size then type in your prompt. Once you click Generate we'll send your request to OpenAI. When the image is returned, you can choose to save it to your project assets by giving it a name and clicking Save to Assets.
Model | Description | Image Sizes |
|---|---|---|
DALL·E 2 | The previous DALL·E model released in Nov 2022. The 2nd iteration of DALL·E with more realistic, accurate, and 4x greater resolution images than the original model. | 1024×1024 512×512 256×256 |
DALL·E 3 | The latest DALL·E model released in Nov 2023. DALL·E 3 understands significantly more nuance and detail than the previous systems, allowing you to easily translate your ideas into exceptionally accurate images. | 1024x1024 1024x1792 1792x1024 |
Each subscription plan will have a set number of images which can be generated per month. If you'd like to generate images beyond this limit, you can enter your own OpenAI API key in the Integrations section for the Settings of your app project.
Images with larger dimensions cost more to generate. Also, DALL·E 3 costs more than DALL·E 2. Keep this in mind when you are using your own OpenAI API key. See OpenAI pricing here.
Animations
Draftbit also supports rendering Lottie animations in your app. You can find free and premium Lottie animations on the Lottie site and other places around the web. Only the .json Lottie file type is supported with a max size of 5MB.
Using the Lottie component, you can render your uploaded Lottie animations or render one via a URL.
Updated 2 months ago