Skip to main content
Question

Website screenshots added into Figma file appear pixelated

  • April 5, 2023
  • 10 replies
  • 3545 views

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
  • 5216 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
  • 3 replies
  • April 25, 2023

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
  • 5216 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.