# Rendering differences between Figma and Weweb

**URL:** <https://community.weweb.io/t/rendering-differences-between-figma-and-weweb/19229>\
**Category:** Ask us anything\
**Created:** [July 15, 2025, 9:00am UTC](https://community.weweb.io/t/rendering-differences-between-figma-and-weweb/19229 "2025-07-15T09:00:35Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Theodore](https://avatars.discourse-cdn.com/v4/letter/t/c0e974/32.png) [@Theodore](https://community.weweb.io/u/Theodore)\
**Post date:** [July 15, 2025, 9:00am UTC](https://community.weweb.io/t/rendering-differences-between-figma-and-weweb/19229/1 "2025-07-15T09:00:35Z")

</div>

Hi everyone! 👋

Quick question: are there any best practices or recommendations regarding image resolution in WeWeb?

We noticed some differences in rendering between Figma and WeWeb, even when using the same resolution.

If anyone has experience or guidelines to share (ideal resolution, format, DPI, etc.), I’d really appreciate it!

Thanks in advance 🙏

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [July 15, 2025, 3:21pm UTC](https://community.weweb.io/t/rendering-differences-between-figma-and-weweb/19229/2 "2025-07-15T15:21:53Z")

</div>

Hi Theodore 👋

Can you tell us more about this differences?  
1- What is the exact resolution you are trying?  
2- What is the format of the file? (png,jpg)  
3- What seems to be the issue? (Is it blurry?)

Can you attach a screenshot of both cases so we can understand better?

---

<div class="post-metadata">

**Author:** ![Theodore](https://avatars.discourse-cdn.com/v4/letter/t/c0e974/32.png) [@Theodore](https://community.weweb.io/u/Theodore)\
**Post date:** [July 16, 2025, 9:54am UTC](https://community.weweb.io/t/rendering-differences-between-figma-and-weweb/19229/3 "2025-07-16T09:54:14Z")

</div>

Hi Agustin 👋

Thanks a lot for your response!

Unfortunately, I can’t share the Figma file or screenshots publicly since it’s client work, thanks for your understanding 🙏

But here are the details:

1. **Format:** We’re using PNG
2. **Issue:** The images don’t actually appear blurry — they appear _larger_ than in Figma.

- The **font sizes** , **image sizes** , and even **columns** look bigger in WeWeb.
- For example, a 4-column layout in Figma with images fits perfectly, but on WeWeb, with the same image dimensions, we can only fit 3 columns in the same width.

We’re trying to understand if this is due to pixel density, how WeWeb interprets scaling, or if there’s a best practice we should follow for consistent sizing between Figma and WeWeb (like ideal base resolution, DPI, or scaling guidelines).

Appreciate any advice you can share! 🙏

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [July 16, 2025, 4:43pm UTC](https://community.weweb.io/t/rendering-differences-between-figma-and-weweb/19229/4 "2025-07-16T16:43:59Z")

</div>

Hi Theodore, I haven’t heard anything like this before.

I’ll ask around our team.

Let me know if you end up finding a workaround.