Image in "Process" block is blurry, not crisp

Apr 19, 2023

Hello Articulate Team,

I have an icon image named Toolbox_NOPROCESS_.png  ... size: 660x660 pixels. When I insert this image into a "Quote B" block, it is rendered perfectly.

I took the Toolbox_NOPROCESS_.png and reduced it in size to 65x65 pixels, so that it matched the image size that is rendered on the screen using a "Quote B" block. This new image is called Toolbox Small_NOPROCESS_.png

When I insert this image into a "Process" block, it is blurry and not crisp at all. (see attachment)

Does anyone know how to get a crisp image into the "Process" block?

Thanks in advance,

David

 

8 Replies
David Sean

Hi Phil,

The .svg file is rendering perfectly in the "Process" block. Thank you for this recommendation!

That being said, it took a lot of extra work to get the .svg image size to match perfectly with the other .png icons used in other blocks. 

One more question. Would there be any advantage to using .svg images for all of my icons, regardless of the block used?

Thanks in advance.