Skip to content

Images

imagedefault: empty image

An image is a rectangle of pixels: rows of width pixels each, and every pixel a color.[sls.type.image]

The default image is no image: it has no pixels, and its width and height are 0.[sls.type.image.none]

An image is created with an @image-url() image literal or set by the application.[sls.type.image.sources]

An image has the fields width and height, read with the . operator as in logo.width:[sls.type.image.properties]

The width of the image in pixels, as an int. An image without pixels has a width of 0.[sls.type.image.width]

The height of the image in pixels, as an int. An image without pixels has a height of 0.[sls.type.image.height]

export component Example inherits Window {
in property <image> logo;
out property <int> logo-width: logo.width;
}
slint

© 2026 SixtyFPS GmbH