Skip to main content
April 5, 2023
Question

Website screenshots added into Figma file appear pixelated

  • April 5, 2023
  • 10 replies
  • 4063 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
April 6, 2023

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

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

CR_chloAuthor
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
April 6, 2023

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

CR_chloAuthor
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
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
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
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
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
New Member
January 25, 2024

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

imgonline.com.ua
jamesjohnhenry73
November 1, 2024

Thank you. It’s very helpful.