# Stories size

The StorySDK editor is built on a **vector grid principle** with a **base size of 360x640**. This ensures full compatibility with popular design tools like Figma and Sketch. By using this approach, designers no longer need to manually calculate button sizes and spacing, streamlining workflows and simplifying the creation process.

<figure><img src="/files/OGtbinYYufDF4E8tWlpA" alt=""><figcaption></figcaption></figure>

For story player, StorySDK employs vector scaling. This method dynamically adjusts the story size to fit the user's screen without compromising quality, ensuring sharp and visually appealing results across all devices.

When working with raster images, we recommend using a resolution of **1080x1920** — the standard adopted by Instagram. This format strikes the perfect balance between high-quality visuals and fast loading speeds. Additionally, like Instagram, StorySDK automatically centers stories on larger screens, ensuring a comfortable viewing experience.

With StorySDK, you get a seamless blend of design efficiency and top-tier content quality for users.

<figure><img src="/files/NNb9eALeYZvOQNTlSUmM" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.storysdk.com/tutorial/stories-size.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
