Let’s Incorporate Some Image Assets

May 13th, 2020

Images are stored in Assets.xcassets directory. Open this directory, and drag an image in. Then when you go to edit your Image View component – you will see your newly placed image.

By default, when you place images without any postfixes in the name in this directory – It will be added into the 1x square. This will be low resolution. 2x is double the resolution, and 3x will be three times the resolution.

Example of image names for different resolutions

  • 1x – diamond.png
  • 2x – diamond@2x.png
  • 3x – diamond@3x.png


  1. Good progress with the app so far

  2. Cheers!

Leave a Reply