15 min read

Source: Roblox Creator Hub · CC BY 4.0 · View source · Code samples: MIT Imported 2026-10-03. Formatting adapted for this site.

ImageLabel

Inherits from: GuiLabel → GuiObject → GuiBase2d → GuiBase → Instance → Object

An ImageLabel renders a rectangle, like a Frame does, with an image asset. The display of the image can be manipulated through the ImageColor3 and ImageTransparency properties. To display only the image and hide the rectangle, set GuiObject.BackgroundTransparency to 1.

Advanced ImageLabel usage includes:

Inherits from: GuiLabel

Memory category: Gui

Properties

NameType / ReturnsDescription
ImageLabel.ImageContentIdThe image content displayed by the UI element. Reads and writes to ImageContent.
ImageLabel.ImageColor3Color3Determines how a rendered image will be colorized.
ImageLabel.ImageContentContentThe image content displayed by the UI element. Supports asset URIs and EditableImage objects.
ImageLabel.ImageRectOffsetVector2The offset in pixels of the sub-area of an image to be displayed.
ImageLabel.ImageRectSizeVector2Determines the size in pixels of the sub-area of an image to be displayed.
ImageLabel.ImageTransparencyfloatDetermines the transparency of the rendered image.
ImageLabel.IsLoadedbooleanIndicates whether the image has finished loading from Roblox.
ImageLabel.ResampleModeResamplerModeSelects the image resampling mode for the label.
ImageLabel.ScaleTypeScaleTypeDetermines how an image will scale if displayed in a UI element whose size differs from the source image.
ImageLabel.SliceCenterRectSets the slice boundaries of a 9-sliced image.
ImageLabel.SliceScalefloatScales the 9-slice edges by the specified ratio.
ImageLabel.TileSizeUDim2Sets the tiling size of the ImageLabel.

Inherited from GuiObject

NameType / ReturnsDescription
GuiObject.ActivebooleanDetermines whether this UI element sinks input.
GuiObject.AnchorPointVector2Determines the origin point of a GuiObject, relative to its absolute size.
GuiObject.AutomaticSizeAutomaticSizeDetermines whether resizing occurs based on child content.
GuiObject.BackgroundColorBrickColorDetermines the color of the GuiObject background.
GuiObject.BackgroundColor3Color3Determines the GuiObject background color.
GuiObject.BackgroundTransparencyfloatDetermines the transparency of the GuiObject background and border.
GuiObject.BorderColorBrickColorDetermines the color of the GuiObject border.
GuiObject.BorderColor3Color3Determines the color of the GuiObject border.
GuiObject.BorderModeBorderModeDetermines in what manner the GuiObject border is laid out relative to its dimensions.
GuiObject.BorderSizePixelintDetermines the pixel width of the GuiObject border.
GuiObject.ClipsDescendantsbooleanDetermines if descendant GuiObjects outside of the bounds of a parent GUI element should render.
GuiObject.DraggablebooleanDetermines whether a GuiObject (and its descendants) can be dragged around the screen.
GuiObject.GuiStateGuiStateDetermines whether the player's mouse is being actively pressed on the GuiObject or not.
GuiObject.InputSinkInputSinkControls whether, and how, the GuiObject sinks input that occurs over it.
GuiObject.InteractablebooleanDetermines whether the GuiButton can be interacted with or not, or if the GuiState of the GuiObject is changing or not.
GuiObject.LayoutOrderintControls the sort order of the GuiObject when used with a UIGridStyleLayout.
GuiObject.NextSelectionDownGuiObjectSets the GuiObject which will be selected when the gamepad selector is moved downward.
GuiObject.NextSelectionLeftGuiObjectSets the GuiObject which will be selected when the gamepad selector is moved to the left.
GuiObject.NextSelectionRightGuiObjectSets the GuiObject which will be selected when the gamepad selector is moved to the right.
GuiObject.NextSelectionUpGuiObjectSets the GuiObject which will be selected when the gamepad selector is moved upward.
GuiObject.PositionUDim2Determines the pixel and scalar position of the GuiObject.
GuiObject.RotationfloatDetermines the number of degrees by which the GuiObject is rotated.
GuiObject.SelectablebooleanDetermine whether the GuiObject can be selected by a gamepad.
GuiObject.SelectionImageObjectGuiObjectOverrides the default selection adornment used for gamepads.
GuiObject.SelectionOrderintThe order of GuiObjects selected by the gamepad UI selection.
GuiObject.SizeUDim2Determines the pixel and scalar size of the GuiObject.
GuiObject.SizeConstraintSizeConstraintSets the Size axes that the GuiObject will be based on, relative to the size of its parent.
GuiObject.TransparencyfloatA mixed property of BackgroundTransparency and TextTransparency.
GuiObject.VisiblebooleanDetermines whether the GuiObject and its descendants will be rendered.
GuiObject.ZIndexintDetermines the order in which a GuiObject renders relative to others.

Inherited from GuiBase2d

NameType / ReturnsDescription
GuiBase2d.AbsolutePositionVector2Describes the actual screen position of a GuiBase2d element, in pixels.
GuiBase2d.AbsoluteRotationfloatDescribes the actual screen rotation of a GuiBase2d element, in degrees.
GuiBase2d.AbsoluteSizeVector2Describes the actual screen size of a GuiBase2d element, in pixels.
GuiBase2d.AutoLocalizebooleanWhen set to true, localization will be applied to this GuiBase2d and its descendants.
GuiBase2d.LocalizebooleanAutomatically set to true when a localization table's LocalizationTable.Root targets this object, or an ancestor of this object.
GuiBase2d.RootLocalizationTableLocalizationTableA reference to a LocalizationTable to be used to apply automated localization to this GuiBase2d and its descendants.
GuiBase2d.SelectionBehaviorDownSelectionBehaviorCustomizes gamepad selection behavior in the down direction.
GuiBase2d.SelectionBehaviorLeftSelectionBehaviorCustomizes gamepad selection behavior in the left direction.
GuiBase2d.SelectionBehaviorRightSelectionBehaviorCustomizes gamepad selection behavior in the right direction.
GuiBase2d.SelectionBehaviorUpSelectionBehaviorCustomizes gamepad selection behavior in the up direction.
GuiBase2d.SelectionGroupbooleanAllows customization of gamepad selection movement.

Inherited from Instance

NameType / ReturnsDescription
Instance.ArchivablebooleanDetermines if an Instance and its descendants can be cloned using Instance:Clone(), and can be saved/published.
Instance.archivableboolean
Instance.CapabilitiesSecurityCapabilitiesThe set of capabilities allowed to be used for scripts inside this container.
Instance.IsInSandboxbooleanIndicates whether the instance is inside a sandboxed container.
Instance.NamestringA non-unique identifier of the Instance.
Instance.ParentInstanceDetermines the hierarchical parent of the Instance.
Instance.PredictionModePredictionModeReflects the client-side prediction mode applied to the instance under server-authoritative physics.
Instance.RobloxLockedbooleanA deprecated property that used to protect CoreGui objects.
Instance.SandboxedbooleanWhen enabled, the instance can only access abilities in its Capabilities list.
Instance.UniqueIdUniqueIdA unique identifier for the instance.

Inherited from Object

NameType / ReturnsDescription
Object.ClassNamestringA read-only string representing the class this Object belongs to.
Object.classNamestring

ImageLabel.Image

This property is a content-type property that should hold the asset ID of a decal or image uploaded to Roblox. It functions identically to Decal.Texture with regards to loading the image from Roblox. The rendered image can be modified using ImageColor3 and ImageTransparency.

FieldValue
typeContentId
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

ImageLabel.ImageColor3

This property determines how an image is colorized. When set to white, no colorization occurs. This property is very useful for reusing image assets; if the source image is completely white with transparency, you can set the entire color of the image at once with this property.

FieldValue
typeColor3
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

ImageLabel.ImageContent

This property should hold an asset URI or a reference to an EditableImage object.

The asset URI can reference a decal or image uploaded to Roblox. It functions identically to Decal.Texture with regards to loading the image.

The rendered image will be colorized using ImageButton.ImageColor3. It is possible to make the image render as tiled, scaled to fit, or 9-sliced, by adjusting the ImageButton.ScaleType property.

FieldValue
typeContent
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

ImageLabel.ImageRectOffset

Allows the partial display of an image in conjunction with ImageRectSize. This property determines the pixel offset (from the top-left) of the image area to be displayed.

FieldValue
typeVector2
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

ImageLabel.ImageRectSize

Allows the partial display of an image in conjunction with ImageRectOffset. This property determines the pixel size of the image area to be displayed. If either dimension is set to 0, the entire image is displayed instead.

FieldValue
typeVector2
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

ImageLabel.ImageTransparency

This property determines the alpha of a UI element's rendered image. A value of 0 is completely opaque and a value of 1 is completely transparent (invisible).

FieldValue
typefloat
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

Code samples: View on Creator Hub (Oscillate-ImageTransparency).

ImageLabel.IsLoaded

This property indicates if the ImageLabel.Image property has finished loading from Roblox. Images declined by moderation will never load.

FieldValue
typeboolean
tags["ReadOnly","NotReplicated"]
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":false,"can_save":false}
capabilities["UI"]

Code samples: View on Creator Hub (Image-Load-Time).

ImageLabel.ResampleMode

Determines how the image looks when it is scaled. By default, the image smooths out texturing when displayed on the screen larger or smaller than its size in texture memory. When set to Enum.ResamplerMode.Pixelated, the image preserves the sharp edges of pixels.

FieldValue
typeResamplerMode
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

ImageLabel.ScaleType

This property determines in what way an ImageLabel.Image is rendered when the UI element's absolute size differs from the source image's size.

By default, this property is ScaleType.Stretch which will simply stretch/compact the image dimensions so it fits the UI element's space exactly. Since transparent pixels are set to black when uploading to Roblox, transparent images should apply alpha blending to avoid a blackish outline around scaled images.

For ScaleType.Slice, the SliceCenter property will be revealed in the Properties window. This is for nine-slice UI: when scaling up, the corners will remain the source image size. The edges of the image will stretch to the width/height of the image. Finally, the center of the image will stretch to fill the center area of the image.

Finally, for ScaleType.Tile, the TileSize property will be revealed in the Properties window. This is for tiled images, where the size of each image tile is determined by the TileSize property.

FieldValue
typeScaleType
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

ImageLabel.SliceCenter

This property sets the slice boundaries of a 9-sliced image when ScaleType is set to Enum.ScaleType.Slice. Please note that this property is only visible in the Properties window under this condition.

To learn more about 9-slice images, see UI 9 Slice Design.

FieldValue
typeRect
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

ImageLabel.SliceScale

Scales the 9-slice edges by the specified ratio. This means that the edges around the 9-slice will grow as if you'd uploaded a new version of the texture upscaled. Defaults to 1.0.

See also ScaleType, SliceCenter, and SliceScale.

FieldValue
typefloat
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

ImageLabel.TileSize

This property sets the tiling size of the ImageLabel with a default of

UDim2.new(1, 0, 1, 0) . Tiling starts at the top-left corner of the image. This property is only active if the ScaleType for the ImageLabel is set to ScaleType.Tile.

FieldValue
typeUDim2
security{"read":"None","write":"None"}
thread safetyReadSafe
categoryImage
serialization{"can_load":true,"can_save":true}
capabilities["UI"]

Code samples: View on Creator Hub (Image-ScaleType-Demo).

Methods

Inherited from GuiObject

NameType / ReturnsDescription
GuiObject:TweenPositionbooleanSmoothly moves a GUI to a new UDim2.
GuiObject:TweenSizebooleanSmoothly resizes a GuiObject to a new UDim2.
GuiObject:TweenSizeAndPositionbooleanSmoothly moves a GUI to a new size and position.

Inherited from Instance

NameType / ReturnsDescription
Instance:AddTag()Applies a tag to the instance.
Instance:childrenInstancesReturns an array of the object's children.
Instance:ClearAllChildren()This method destroys all of an instance's children.
Instance:CloneInstanceCreate a copy of an instance and all its descendants, ignoring instances that are not Archivable.
Instance:cloneInstance
Instance:Destroy()Sets the Instance.Parent property to nil, locks the Instance.Parent property, disconnects all connections, and calls Destroy() on all children.
Instance:destroy()
Instance:FindFirstAncestorInstance?Returns the first ancestor of the Instance whose Instance.Name is equal to the given name.
Instance:FindFirstAncestorOfClassInstance?Returns the first ancestor of the Instance whose Object.ClassName is equal to the given className.
Instance:FindFirstAncestorWhichIsAInstance?Returns the first ancestor of the Instance for whom Object:IsA() returns true for the given className.
Instance:FindFirstChildInstance?Returns the first child of the Instance found with the given name.
Instance:findFirstChildInstance
Instance:FindFirstChildOfClassInstance?Returns the first child of the Instance whose ClassName is equal to the given class name.
Instance:FindFirstChildWhichIsAInstance?Returns the first child of the Instance for whom Object:IsA() returns true for the given className.
Instance:FindFirstDescendantInstance?Returns the first descendant found with the given Instance.Name.
Instance:GetActorActor?Returns the Actor associated with the Instance, if any.
Instance:GetAttributeVariantReturns the value which has been assigned to the given attribute name.
Instance:GetAttributeChangedSignalRBXScriptSignalReturns an event that fires when the given attribute changes.
Instance:GetAttributesDictionaryReturns a dictionary of the instance's attributes.
Instance:GetChildrenInstancesReturns an array containing all of the instance's children.
Instance:getChildrenInstances
Instance:GetDebugIdstringReturns a coded string of the debug ID used internally by Roblox.
Instance:GetDescendantsInstancesReturns an array containing all of the descendants of the instance.
Instance:GetFullNamestringReturns a string describing the instance's ancestry.
Instance:GetStyledVariantReturns the styled or explicitly modified value of the specified property, or else the default property value if it hasn't been styled/modified.
Instance:GetStyledPropertyChangedSignalRBXScriptSignalReturns an event that fires when the given style property changes on the instance.
Instance:GetTagsArrayGets an array of all tags applied to the instance.
Instance:HasTagbooleanCheck whether the instance has a given tag.
Instance:IsAncestorOfbooleanReturns true if an Instance is an ancestor of the given descendant.
Instance:IsDescendantOfbooleanReturns true if an Instance is a descendant of the given ancestor.
Instance:isDescendantOfboolean
Instance:IsPropertyModifiedbooleanReturns true if the value stored in the specified property is not equal to the code-instantiated default.
Instance:QueryDescendantsInstancesReturns an array containing all descendants of the instance that match the selector string.
Instance:Remove()Sets the object's Parent to nil, and does the same for all its descendants.
Instance:remove()
Instance:RemoveTag()Removes a tag from the instance.
Instance:ResetPropertyToDefault()Resets a property to its default value.
Instance:SetAttribute()Sets the attribute with the given name to the given value.
Instance:WaitForChildInstanceReturns the child of the Instance with the given name. If the child does not exist, it will yield the current thread until it does.

Inherited from Object

NameType / ReturnsDescription
Object:GetPropertyChangedSignalRBXScriptSignalGet an event that fires when a given property of the object changes.
Object:IsAbooleanReturns true if an object's class matches or inherits from a given class.
Object:isAboolean

Events

Inherited from GuiObject

NameType / ReturnsDescription
GuiObject.DragBeginFired when a player begins dragging the object.
GuiObject.DragStoppedFired when a player stops dragging the object.
GuiObject.InputBeganFired when a user begins interacting via a Human-Computer Interface device (Mouse button down, touch begin, keyboard button down, etc).
GuiObject.InputChangedFired when a user changes how they're interacting via a Human-Computer Interface device (Mouse button down, touch begin, keyboard button down, etc).
GuiObject.InputEndedFired when a user stops interacting via a Human-Computer Interface device (Mouse button down, touch begin, keyboard button down, etc).
GuiObject.MouseEnterFires when a user moves their mouse into a GUI element.
GuiObject.MouseLeaveFires when a user moves their mouse out of a GUI element.
GuiObject.MouseMovedFires whenever a user moves their mouse while it is inside a GUI element.
GuiObject.MouseWheelBackwardFires when a user scrolls their mouse wheel back when the mouse is over a GUI element.
GuiObject.MouseWheelForwardFires when a user scrolls their mouse wheel forward when the mouse is over a GUI element.
GuiObject.SelectionGainedFired when the GuiObject is being focused on with the Gamepad selector.
GuiObject.SelectionLostFired when the Gamepad selector stops focusing on the GuiObject.
GuiObject.TouchLongPressFires when the player starts, continues and stops long-pressing the UI element.
GuiObject.TouchPanFires when the player moves their finger on the UI element.
GuiObject.TouchPinchFires when the player performs a pinch or pull gesture using two fingers on the UI element.
GuiObject.TouchRotateFires when the player performs a rotation gesture using two fingers on the UI element.
GuiObject.TouchSwipeFires when the player performs a swipe gesture on the UI element.
GuiObject.TouchTapFires when the player performs a tap gesture on the UI element.

Inherited from GuiBase2d

NameType / ReturnsDescription
GuiBase2d.SelectionChangedFires when the gamepad selection moves to, leaves, or changes within the connected GuiBase2d or any descendant GuiObjects.

Inherited from Instance

NameType / ReturnsDescription
Instance.AncestryChangedFires when the Instance.Parent property of this object or one of its ancestors is changed.
Instance.AttributeChangedFires whenever an attribute is changed on the Instance.
Instance.ChildAddedFires after an object is parented to this Instance.
Instance.childAdded
Instance.ChildRemovedFires after a child is removed from this Instance.
Instance.DescendantAddedFires after a descendant is added to the Instance.
Instance.DescendantRemovingFires immediately before a descendant of the Instance is removed.
Instance.DestroyingFires immediately before (or is deferred until after) the instance is destroyed via Instance:Destroy().
Instance.StyledPropertiesChangedFires whenever any style property is changed on the instance, including when a property is set to nil.

Inherited from Object

NameType / ReturnsDescription
Object.ChangedFires immediately after a property of the object changes, with some limitations.