---
title: "Page Sizes"
description: "Automatically adapt the same design or template to different page sizes and easily scale marketing campaigns and print materials across platforms."
url: "https://img.ly/demos/page-sizes/web/"
type: "demo"
demoId: "page-sizes"
starterkit: "starterkit-page-sizes-asset-source"
platforms: ["Web"]
tags: ["assets","web"]
relatedDemos: ["https://img.ly/demos/layouts/web/","https://img.ly/demos/unsplash-image-assets/web/","https://img.ly/demos/pexels-image-assets/web/"]
webDocumentation: "https://img.ly/docs/cesdk/js/starterkits/page-sizes-editor-pgsz01/"
webGithub: "https://github.com/imgly/starterkit-page-sizes-asset-source-ts-web"
webCodeSandbox: "https://stackblitz.com/github/imgly/starterkit-page-sizes-asset-source-ts-web"
---

> This is the markdown version of [Page Sizes](https://img.ly/demos/page-sizes/web/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

## Available platforms

**Web** — [Open the demo](https://img.ly/demos/page-sizes/web/)
- [Documentation](https://img.ly/docs/cesdk/js/starterkits/page-sizes-editor-pgsz01.md)
- [Source code on GitHub](https://github.com/imgly/starterkit-page-sizes-asset-source-ts-web)
- [Try it in StackBlitz](https://stackblitz.com/github/imgly/starterkit-page-sizes-asset-source-ts-web)

Design once, use anywhere. Automatically adapt the same design or template to different page sizes using CE.SDK's built-in resize panel. This allows your users to roll out the same design to different social media platforms or create multi-format designs for print and digital media.

## Predefined Sizes

The editor ships with built-in presets for the most popular sizes across print, social media, and video.

**Print sizes include:**

- DIN A series: A0, A1, A2, A3, A4, A5, A6
- American paper: Letter, Legal
- Business card (85 × 55 mm)
- Square format

**Social media sizes include:**

- Instagram: Photo (1:1), Story (9:16), Profile
- X (formerly Twitter): Header, Image, Profile
- Generic social: Feed (1:1), Story (9:16)

**Video resolutions include:**

- HD (720p), Full HD (1080p), QHD (1440p)
- 2K, 4K
- Common aspect ratios: 16:9, 16:10

You can also create custom sizes and formats that best suit your use case.

## Adapting Templates for Different Platforms

Once a template is created, simply open the resize panel from the toolbar and choose your preferred page size. The editor automatically adjusts the canvas size using content-aware resizing, intelligently repositioning and scaling elements to fit the new dimensions.

This allows you to quickly scale marketing campaigns across different platforms and remove design bottlenecks—no need to recreate designs from scratch for each format.

## How This Demo Works

This demo demonstrates how to integrate the native resize panel into your application. A custom dock button is added that opens CE.SDK's built-in resize panel, giving users access to all predefined formats and the ability to create custom sizes.

The resize panel provides:

- Quick access to popular preset formats
- Content-aware resizing that maintains design integrity
- Custom size input for unique dimensions
- Support for pixel, millimeter, and inch measurements

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.