Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Server-Side Resizing

v
v

The original image file size is 328KB (1200 x 900 px), the resized image file size is KB for ().

This demo illustrates the ASPxBinaryImage editor's ability to resize and crop images on the server. The editor is able to display images from a binary stream. The editor’s content (an array of bytes) can be accessed by the ContentBytes property.

You can specify the height (Height) and width (Width) of the image. By default the image is sent to the server in its original size and resized by the browser. Setting the EnableServerResize property to true activates image resizing on the server. In this use-case, you can specify how the image fits via its ImageSizeMode property. Server resizing allows you to reduce the amount of data sent to the client.

Use the combo boxes above the editor to change image sizes and associated size mode.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxEditorsDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxEditorsDemos