How to load specific image from assets with Swift

Question

I'm new to Swift and I want to load a special image from assets. For example I have:

image 1 for iphone 4s = green-square@2x.png
image 2 for iphone 5/5s = green-square-Retina@2x.png
image 3 for iphone 6s = green-square@3x.png

and I want to load for iphone 6 a specific image like

self.GSquare = SKSpriteNode(imageNamed: "./Images.xcassets/green-square-Retina@2x.png")

Is it possible?

You only need it to be `"green-square-Retina"`. – AdamPro13 Mar 30 '15 at 21:25 — AdamPro13, Mar 30 '15 at 21:25
no it dosent load im using 3 image with different size – Ghost Mar 30 '15 at 21:28 — Ghost, Mar 30 '15 at 21:28
What is the name of your Image in the Images.xcassets? – Max B. Mar 30 '15 at 21:32 — Max B., Mar 30 '15 at 21:32

score 146 · Accepted Answer · edited Oct 10 '20 at 22:21

146

You cannot load images directly with @2x or @3x, system selects appropriate image automatically, just specify the name using UIImage:

UIImage(named: "green-square-Retina")

edited Oct 10 '20 at 22:21

Ely Dantas

705
11
23

answered Mar 30 '15 at 21:32

Azat

6,745
5
31
48

"green-square-Retina" doesn't load – Ghost Mar 30 '15 at 21:33
1

Make sure that it is there and have `png` extension – Azat Mar 30 '15 at 21:34
yes its there and it load automaticaly for iphone 5/5s but i want to use it also for iphone 6 because iphone 6 load iphone 4s image size, so i have done a detection for the current screen size so i can know that the current devise used is iphone 6 and then i load the retina image – Ghost Mar 30 '15 at 21:37
It is correct behavior, `@3x` loads only for iPhone 6 Plus. If you wish to force load other image, determine device type in runtime and use different image with another name, but this is not good approach – Azat Mar 30 '15 at 21:40
2

that's why i want to know if there is a possiblilty to do it directly because if i do for each image another one my application will get heavier – Ghost Mar 30 '15 at 21:43
You are following wrong approach in general. You may not use `Assets` and give each image personal name like `imageName-2x` and manually manage image loading. But it would be better to use it as intended – Azat Mar 30 '15 at 21:47
Thank you i will manage manually the iphone 6 only – Ghost Mar 30 '15 at 21:50

Maxim Kholyavkin · Answer 2 · 2018-04-11T20:33:06.273

88

Since swift 3.0 there is more convenient way: #imageLiterals here is text example. And below animated example from here:

edited Apr 11 '18 at 20:33

answered Mar 18 '17 at 13:50

Maxim Kholyavkin

4,463
2
37
82

1

The single answer that provides the good practice! – Rafa0809 Jan 17 '19 at 15:27
8

as for May 2019, you have to double click on the symbol inserted by Image Literal option. This will open your assets list – oluckyman May 24 '19 at 21:18
6

Maybe it's just me, but using #imageLiteral makes code totally unreadable – JOM Nov 14 '19 at 11:40

score 5 · Answer 3 · answered Nov 17 '17 at 12:46

You can easily pick image from asset without UIImage(named: "green-square-Retina").

Instead use the image object directly from bundle.
Start typing the image name and you will get suggestions with actual image from bundle. It is advisable practice and less prone to error.

See this Stackoverflow answer for reference.

How to load specific image from assets with Swift

3 Answers3

Linked