How can I add JPEGs to an asset catalog in Xcode?

Question

Is it possible to add assets other than PNG files to an Xcode Asset Catalog?

When I drag JPEG files into an Asset Catalog they aren't accepted by the UI.

Answer 1

You can add non-PNG assets by editing the JSON representation of the asset manually. The easiest way is to copy an existing asset and modify it:

1. Right click on an existing asset and choose Show in Finder
2. Copy and paste the existing .imageset item and rename it, e.g. my_image.imageset
3. Double-click the new .imageset
4. Delete any existing images in the folder
5. Copy in your JPEG files
6. Edit the Contents.json file, replacing the values for the filename key with your JPEG filenames

Your Contents.json will look something like this:

{   "images" : [     {       "idiom" : "universal",       "scale" : "1x",       "filename" : "my_image.jpg"     },     {       "idiom" : "universal",       "scale" : "2x",       "filename" : "[email protected]"     }   ],   "info" : {     "version" : 1,     "author" : "xcode"   } } 

Be sure to refer to your image by name, without extension:

[UIImage imageNamed:@"my_image"] 

This approach will work for GIFs and other assets as they are just copied into the App's main bundle at build time. It is worth noting that the images end up with a png extension when copied to the bundle, but they still load correctly.

Answer 2

As of Xcode 6.1 JPG images can now be added to an asset catalog. The steps to add are:

1. Export your JPG at the desired quality using the same naming conventions as for PNGs (i.e. heart.jpg [email protected] [email protected])
2. Drag the JPGs into your asset catalogue from Finder and add any splicing or device specific settings to the asset
3. Change the 'Render As' to be 'Original Image' for all JPGs (otherwise they'll appear blank in the simulator and on the device)