Skip to main content
Question

Website screenshots added into Figma file appear pixelated


I’m adding in website screenshots of full webpages to a Figma file they appear very pixelated. (for example all are 1440px wide x 6000px tall x2) These are screenshots that are being taken on a retina macbook display so they are 2x resolution.

When I open them on my computer normally they are not pixelated.

What’s going on here?

There is no information or help for the issue that I can find.

This topic has been closed for replies.

10 replies

Stephane_Popout

There is already a blurry images discussion (link at bottom)

A user proposed to use the “Insert big image” plugin to avoid this


  • Author
  • 2 replies
  • April 6, 2023

This is a similar but different issue, the image added are pixelated right when I drop them into figma, they don’t become pixelated/blurry at a later date.


Yehia
  • 52 replies
  • April 6, 2023

@CR_chlo Have you followed these steps here in the Image loading and performance issues guide?


  • Author
  • 2 replies
  • April 7, 2023

So, I’ve found why this happens, Figma downsamples any images over 4096 px on any edge.

Was this always the case or is this new?


djv
Figmate
  • Community Support
  • 4799 replies
  • April 7, 2023

Hey there,

This was always the case. There’s also a feature request to disable image resizing here: Option to disable "Image resized" when large images are brought in


Kast_Bettina

I am adding screenshots with max 1920px into Figma and see everything pixelated. Another issue is that added screenshots in FigJam are not visible to all people I share boards with, forcing us to use traditional screen sharing which defeats the purpose of sharing boards.


djv
Figmate
  • Community Support
  • 4799 replies
  • April 25, 2023

Hi again,

The forums are primarily run by the community. You’ll get more specific help by reaching out to the support team directly: https://help.figma.com/hc/en-us/requests/new


Kelsey_Waara
  • New Participant
  • 8 replies
  • January 16, 2024

I found a work around for this: try the “Insert Big Image” plugin! It’s still a pain point to not be able to just drag an image into my Figma file, and instead I have to use the plugin, but it works.


Donji_Yamada-Dessert

You can also use this site to split up your image into smaller parts easily:

imgonline.com.ua

jamesjohnhenry73

Thank you. It’s very helpful.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings