Using Vector Images In Xcode

Even better using this vector artwork has no performance cost ios and xcode do all the work for you. In previous xcode vector image generates pngs for different screen size in build time and then the vector data will be lost. With xcode 9 you can scale pdf images as much easy as checking two options for every image you need to scale.
using vector images in xcode

Xcode lets you use vector images for all your artwork which saves you having to worry about retina artwork super retina artwork and whatever apple dreams up in the future.

Using vector images in xcode. Xcode generates raster images that are based on the at1x pdf image instead of scaling a vector at run time. One important thing is that vector images will be scaled at runtime process which guarantees the quality for every image you display in your app. From there choose new image set from the editor menu. It is a convenient way to build the image assets at 1x 2x and 3x resolution without the pain of manually creating each file.

Xcode 12 introduced support for using scalable vector graphic svg image assets in ios macos and ipados. Save an image as apdf file at the proper at1x size eg. Svg assets in xcode for single scale images. Next youll simply use the xcode image catalog image set as you would with any other image either in code or through interface builder.

44x44 for a toolbar button. The image set will change to just one drop point labeled all universal drag and drop your vector pdf created above onto the drop point. Set the scale factors to single vector. In your imagesxcassets file create a new image set.

If you use xcode 63 or newer select the attributes inspector and pick single vector in the scale factors. What it did not do was give you truly scaleable vector images. As you can see when you create vector images for your xcode project you save app design time and development time and ensure predictable results in the user interface on all devices. Apple added pdf vector images to the xcode asset catalog in xcode 6.

How to use vectors in xcode 7 and 63. Its one of those changes that you might have missed during wwdc 2020 as its quite a small addition. Stretching an image above its base size left you with some ugly fuzzy results. Up until xcode 12 we were able to use single scale resources by using pdf assets.

Create an image set in your xcasset file. If you dont have an imagesxcassets file youll have to create it first. If you use the vector image again for other size the image will use.