Skip to main content

Variable: Image

const Image: "Image"

Defined in: react/src/generated/jsx.ts:13067

Displays an image.

Various kinds of object can be displayed as an image; most typically, you would load a GdkTexture from a file, using the convenience function [ctor@Gtk.Image.new_from_file], for instance:

GtkWidget *image = gtk_image_new_from_file ("myfile.png");

If the file isn’t loaded successfully, the image will contain a “broken image” icon similar to that used in many web browsers.

If you want to handle errors in loading the file yourself, for example by displaying an error message, then load the image with an image loading framework such as libglycin, then create the GtkImage with [ctor@Gtk.Image.new_from_paintable].

Sometimes an application will want to avoid depending on external data files, such as image files. See the documentation of GResource inside GIO, for details. In this case, [property@Gtk.Image:resource], [ctor@Gtk.Image.new_from_resource], and [method@Gtk.Image.set_from_resource] should be used.

GtkImage displays its image as an icon, with a size that is determined by the application. See [class@Gtk.Picture] if you want to show an image at is actual size.

CSS nodes​

GtkImage has a single CSS node with the name image. The style classes .normal-icons or .large-icons may appear, depending on the [property@Gtk.Image:icon-size] property.

Accessibility​

GtkImage uses the [enum@Gtk.AccessibleRole.img] role.