I have symbol that contains a profile photo that is masked into a circle shape. And to create a list of them, I would use the Override Image feature. However, if the image is not of the same aspect ratio, then it will stretch. Is there a way to retain 100% width throughout all images?

  • Is it not possible to crop the images to the same aspect ratio, to avoid the problem? – Billy Kerr Sep 4 '18 at 10:32

You can do this by adding an image fill to your shape.

Make sure you select Fill (and not Fit, Stretch or Tile).

You can then override the image just like you would any other.

enter image description here

  • 2
    Awesome, thanks! In my case it was useful the Fit option to contain the image into a specific canvas – Fred K Apr 27 '20 at 8:10

No, Sketch (51.2) doesn't provide option to retain 100% width for overriding images in symbols. As Billy said in comments, to avoid squished images you should crop your profile pictures to same aspect ratio.

If you are fine with random profile pictures in your prototype, you can use Tiny faces sketch plugin to generate random profile pictures.


If you want to use an image in a symbol while preserving its height, you can try this in the symbol master (i'm using 52.5):

Sketch: Replace image with fill

When you make an instance of the symbol, it will replace the image with a black/white grid by default, and you can override the image used.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.