Html embed on web page - blurry images

Hi,

when I place the word cloud on my web page via html the image is blurry.
http://demo.altius.si/test/

If I upload the png image then all letters are sharp.
I have both options on my test web page (html embed and png picture).

Is there any other option for sharper images with html embedding?

It is because of built-in antialiasing in html canvas element. Unfortunatey there is nothing we can do about that.

Thank you for your answer.
Does the same happen if I use your API instead?

There is no difference if you use API or site. It is how HTML canvas element works.

Thanks.

One more question.

I would like to use the word cloud with responsive display.
If I set the div width to 100%, and the height to auto, the Word cloud is always smaller as the div.
It looks like canvas would always have left and right margins, regardless of how I set the height of the div.

How can I display the word cloud in the whole width of the div?

The word cloud with canvas display should look the same as the picture below on my test page - http://demo.altius.si/test/