Media object resolution

Anvil Q&A
1

I read a response somewhere regarding how to get the resolution of an image to be true, but cannot locate it. Any thoughts, my .jpg is so blurry it’s pretty useless

2

It would be great if you could share a clone link and what you are aiming for so we can better help.

This might be the post you were thinking of:

What is the quality of images uploaded from the editor?

3

Here’s the app in progress, I’m trying to stub-out a portal for a maritime cybersecurity product I’m trying to get support for. Hm… so I’m on a Mac, looking at my .jpg, there is no size showing in getinfo so… perhaps that is the problem

4

That’s the link to the live app. If you go to share app you can generate a clone link so that we can make a clone of the full app.

5

Thanks for being patient. Here’s a clone link (I hope): https://anvil.works/build#clone:4CIBA67BEIWN2PVJ=RYPS5DDUBXE6SIFGFFNSBXWD

also, the size of my .jpg is 1459 X 824

6

I see you’ve created an Asset!

so now just change the image source to be the text: _/theme/OSAssets.jpg

Screen Shot 2020-03-05 at 11.53.56

The image will no longer display blurry.

p.s. I found that trying to edit the source wasn’t the fastest process. When I tried to edit the source box that already had a source uploaded… I had to wait about 10-20 seconds before it would let me type anything…

2 Likes
7

Funny how we never know how we’ve impacted a life. You just saved me, I cannot thank you enough.

2 Likes
8

p.s. to get @alcampopiano image suggestion to work on a custom html form use the style tags

<style>
  html{
  background: url(https://github.githubassets.com/images/modules/logos_page/Octocat.png) no-repeat center center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
</style>
2 Likes