Aznian2g Posted August 9, 2020 Share Posted August 9, 2020 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! Quote Link to comment Share on other sites More sharing options...
Fixx Posted August 9, 2020 Share Posted August 9, 2020 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. Aznian2g 1 Quote Link to comment Share on other sites More sharing options...
David in Яuislip Posted August 9, 2020 Share Posted August 9, 2020 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 BrowserImageError.htm Quote Microsoft Windows 11 Home, Intel i7-1360P 2.20 GHz, 32 GB RAM, 1TB SSD, Intel Iris Xe Affinity Photo - 24/05/20, Affinity Publisher - 06/12/20, KTM Superduke - 27/09/10 Link to comment Share on other sites More sharing options...
Aznian2g Posted August 9, 2020 Author Share Posted August 9, 2020 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'. Quote Link to comment Share on other sites More sharing options...
Fixx Posted August 9, 2020 Share Posted August 9, 2020 1 hour ago, Aznian2g said: How do you not set it not to resample? Just keep the export size same as the document size. Quote Link to comment Share on other sites More sharing options...
Aznian2g Posted August 9, 2020 Author Share Posted August 9, 2020 20 minutes ago, Fixx said: Just keep the export size same as the document size. That's what I've done and it still leads to: Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.