Jump to content

Recommended Posts

I've created a logo where the dimension is supposed to be is 540 x 147. When I upload it to my website it is way bigger than those dimensions. I thought it was the platform I was uploading the image to but not I'm suspecting it's something with exporting. When I open the image (original file) in the web browser from my computer it is showing the same what's uploaded on my website. I'm not sure what's going on here. I thought the size what it's supposed to be is what I am seeing in designer when my zoom is at 100%. Any input would be appreciated! 

image.thumb.png.efdfc59350c09ccbd9f868e10c78f2ce.png

 

image.png.21c408709987b5b0131b1c78ecfcf09e.png

 

 

 

Share this post


Link to post
Share on other sites

I have just noticed this since switching to a 4K screen recently and it's driven me nuts. Affinity is properly exporting the file at the correct dimensions but the browser doesn't display it as you'd expect. There is a property called devicePixelRatio which the image dimensions must be divided by - at least in theory.

Chrome reports 1.100000023841858 which doesn't work. Edge reports 1.25 which does. I've attached a quick, dirty html file which may help to explore further. I've hard coded the ratios but they'd need to be found for each particular browser by javascript then set the image rule accordingly

BrowserError.png

BrowserImageError.htm


Microsoft Windows 10 Home, Intel i7-9750H CPU @ 2.60GHz, 16 GB RAM, 500GB SSD, 1TB Whirlygig, NVIDIA GeForce RTX 2060
Affinity Photo - 24/05/20, Affinity Publisher - 06/12/20, KTM Superduke - 27/09/10

Share this post


Link to post
Share on other sites
8 hours ago, Fixx said:

There is no need to worry about zoom ratio. Just make sure the document size is 540 x 147 pixels and export that without resample.

@Fixx thanks for the input. How do you not set it not to resample? I don't have the option to not resample. Here is what it looks like when I'm trying to 'export'.

image.png.f3d618a8f68f76a28e2e3483f8a56d55.png

Share this post


Link to post
Share on other sites
1 hour ago, Aznian2g said:

How do you not set it not to resample?

Just keep the export size same as the document size.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.