Supplying images

Welcome to the Blocklet Development Guide. This document is designed to help developers understand what images are required and how to add them to your Blocklet.

You need to provide the following two types of images for use in the Blocklet Store: Blocklet Logo and Screen Screenshots. Be sure to use high quality images to help increase use engagement and the overall experience for your Blocklet.

Blocklet Logo#

You must provide the Blocklet Logo image in the Bundle file of the Blocklet. Here are the requirements:

• Size: Greater than or equal to 256 x 256;
• Format: PNG;
• Size: Less than 500KB;
• Other suggestions:
• • The Logo should be unique and recognizable, use symbolic elements, and focus on color, simplicity, and font consistency.
  • Try to avoid adding borders around the image, as the UI may add edges;
  • The Logo should be clear and recognizable in both light mode and dark mode;
  • If most of your Logos are dark in color, consider adding a subtle white outer glow so that it will look good on a dark background;
  • Avoiding large shadows, UI may add shadows; using small shadows for comparison is acceptable;
  • Make the Logo face the audience rather than having an embedded perspective; subtle angle adjustments can give a tangible feel, but avoid dramatic angles;
  • Ensure that the Logo does not contain sensitive content or elements that do not comply with community standards (such as violence, pornography, illegal symbols, etc.).

Blocklet Screenshot#

Use screenshots to convey the appearance, type, functionality, and experience of the application in the Blocklet store. Here are some requirements for screenshots:

• Number of images: You must add at least 1, but no more than 5 images to your listing. (In some cases, we allow for exceptions such as a single display page, where 1-2 may be provided depending on the actual situation);
• Image Aspect Ratio and Dimensions: 16:10. The recommended dimensions are 1440 x 900, 1280 x 800, 800 x 500, 640 x 400, etc.;
• Format: PNG / JPG / JPEG / WEBP / GIF are all acceptable;
• Size: less than 5MB;
• Other suggestions:

• • The first screenshot will be used as the cover image on the store recommendation page, so it is recommended to be more distinctive and aesthetically pleasing;
  • Screenshots should showcase the actual user experience, focusing on core functionalities and content so that users can have a general idea about the blocklet;
  • If your Blocklet supports multiple language environments, you can provide screen screenshots of specific language environments, such as English interface screenshots and Chinese interface screenshots, separately.