Kingfisher 3.0 iOS swift RoundCornerImageProcessor white background

Question

This is the code that I am using to set the user image which works great to actually get and set the image. I get a white outline to the picture. Any idea how to make this transparent?

let processor = RoundCornerImageProcessor(cornerRadius: 50)
self.userPhoto.backgroundColor = Colors.accent
self.userPhoto.kf.setImage(with: url, placeholder: UIImage(named: "ic_camera_alt_48pt"), options: [.processor(processor)])

Example with 50

@KKRocks I don't see clipsToBounds on kingfisher only the image. I tried self.userPhoto.clipsToBounds = true with no luck. — ajonp, Jun 21 '17 at 13:56
The image has to be a PNG with alpha channel in order to achieve what you want. — Eric Aya, Jun 25 '17 at 09:31

score 6 · Answer 1 · answered Feb 01 '18 at 20:43

The format of the original image doesn't support transparency (i.e. JPEG). You must convert the image to one that does (i.e. PNG) prior to caching.

From the Kingfisher Cheat Sheet:

By default (DefaultCacheSerializer), Kingfisher will respect the input image format and try to keep it unchanged. However, there are some exceptions. A common case is that when you using a RoundCornerImageProcessor, you may always want the alpha channel. If your original image is jpg, you may want to set the png serializer instead:

let roundCorner = RoundCornerImageProcessor(cornerRadius: 20)
imageView.kf.setImage(with: url, 
    options: [.processor(roundCorner), 
              .cacheSerializer(FormatIndicatedCacheSerializer.png)]
)

This is accepted answer, and just an addition, you may have to use clipToBounds=true on your UIImageView if you're using ResizingImageProcessor along with RoundCornerImageProcessor. — bra.Scene, Jul 02 '20 at 14:55

score 2 · Answer 2 · answered Aug 04 '17 at 17:02

You don't need the RoundCornerImageProcessor

self.userPhoto.layerCornerRadius = 50
self.userPhoto.clipsToBounds = true
self.userPhoto.backgroundColor = Colors.accent
self.userPhoto.kf.setImage(with: url, placeholder: UIImage(named: "ic_camera_alt_48pt"))

Kingfisher 3.0 iOS swift RoundCornerImageProcessor white background

2 Answers2

Linked