Images are not as sharp as icons

Questions
1

@emmanuel we have noticed that whenever we insert an image on the page it’s not as sharp as opposed to using a built-in icons. We tried high res, we tried different sizes etc but we could never achieve the same quality.

Please see the screenshot - the icons on the far left and far right are from Bubble, the 2 in the middle are inserted as images.

Hope you can see the difference,
Is there any way to improve this?
thanks,

^FAE991D703C887BAFFC6034AE634E37DEED9549A4D409F0962^pimgpsh_fullsize_distr.png1904×656 68.8 KB

Levon.

Founder at Bubblewits - Bubble Certified Partner

http://bubblestore.io – a place to buy Bubble templates for landing pages, workflows etc.
http://iambubble.com - one page Bubble demo
http://builtonbubble.com - Collection of apps built on Bubble

2

That’s a common thing on the web. Icon fonts work better than images, for any site, not just Bubble. Use icons when you can, it’s def better.

3

Thanks, i see. Would you consider adding more icon sets on a request or that would have to be sponsored?

4

We already have ionic, google material and fontawesome, so that’s quite comprehensive. For more that’d indeed would be on a sponsored basis I think.

5

If you can convert your images into .svg files, that will help with the fuzziness. I’ve got svg’s all over my app and it made a huge difference.

3 Likes
6

we’ll give it a try, thanks a lot!

7

yeah icon fonts use the same format.

1 Like
8

Convert image to SVG should do it?

1 Like
9

yes, in my experience, svg format is the best solution

2 Likes
10

svg worked great! thank you all for your advises!

2 Likes