Jump to content
You must now use your email address to sign in [click for more info] ×

Affinity Designer (Mac) Not exporting images at the correct pixel sizes


Recommended Posts

Hi,

Operating system Macintosh 10.10.05

Affinity Designer is not exporting images like jpeg, png etc pixel dimensions as expected. 
For example, I use 320x240px for my small LCD displays.
This corresponds exactly to the LCD screens dimensions in pixels.

Process..
I would normally open an image,  jpeg , png etc then resize it to my requirements 320x240px then use
"New From Clipboard" the image size stated in the editor is as expected 320x240px. 

Then using "Export Persona" I select the required format normally jpeg. 
When I check the size of the image it reads 319x240, sometimes 318x240px (On Mac its "get Info" for file details)
I import this to my LCD graphics editor and it reads the same 319x240 or the 318x240px so I lose 
1 or so pixel widths down the side of the LCD screen.

I tried the same technique with gimp2.10, open an image resize it, export it and it works perfectly. 
Whatever size the image states in the editor the exported size is identical.

Affinity Designer hasn't always exported pixels less than whats shown in the editor.
I have images that I have exported previously that have had the correct size as stated in the editor.

Can you please tell me why Affinity Designer is acting in this way? 
And what I can do to remedy this situation.

Best Regards
Martin 

Link to comment
Share on other sites

Background is transparent? Are there any non-transparent pixels up to the edges? Does the same do APhoto, which is an image editing application?

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

Hi@Pšenda


Regardless of transparacy of background , I have opened the same images in Gimp and it has no issues 
exporting the exact pixel dimensions the editor is displaying.
Plus Gimp is free.

I have tried this in Affinity photo with the exact same results.

 

Hi@stokerg


I have put together two Affinity designser projects each have a .jpeg and .png image which I resized 
to 320x240px. I then export them and the resultant file size is 319x240px in both cases.


I then take the resultant images and open them in Gimp2.10, rescale it to 320x240px export both as .jpeg & .png 
the resultant files show they are both 320x240px I then import these files into my  LCD Graphic editor and they are perfect.


I have zipped up the projects in a folder named "Affinty Designer" along with the projects are the two exported .jpeg & .png files.
There is also a sub folder called "Resized in Gimp to 320x240".
In this folder are the two Affinity exported files of 319x240px also the re-scaled exported Gimp2.10 files


Hope this all makes sense.
Any question please do not hesitate to ask.

Regards

Affinity_Designer.zip

Link to comment
Share on other sites

"I then export them and the resultant file size is 319x240px in both cases."
I don't know what the problem is - I opened your file, put the Export, and you're done.

image.png.a9dba8e964b8e626f19733e8892659ea.png

Marble.png.d35f62ee1f360e5c16855e355a116b58.png

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

The problem, as far as I can see, only happens for me with your test files when exporting from the Export Persona without first making a ‘Slice’ to export.
In the Ripples file > Export Persona > Layers tab; Select ‘Background’ then click the ‘Create Slice’ button. A blue box will appear around the image with the Slice dimensions in the top left corner.
Switch to the ‘Slices’ tab and export this new Slice.

Why the default background exports minus 1px on width I have no idea??? But if you make a new Slice it will work.

macOS 10.15.7  15" Macbook Pro, 2017  |  4 Core i7 3.1GHz CPU  |  Radeon Pro 555 2GB GPU + Integrated Intel HD Graphics 630 1.536GB  |  16GB RAM  |  Wacom Intuos4 M

Link to comment
Share on other sites

26 minutes ago, markw said:

Why the default background exports minus 1px on width I have no idea??? But if you make a new Slice it will work.

This can happen if you create a Slice and then edit the exported object/image.

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

I appreciate all the responses.

But unfortunately I am still left with this minus 1px on the width, with no apparent reason.
Considering that the images I export that are correct I am not doing anything different in 
exporting the images from those that are not correct.


I am not creating a Slice and then editing the exported image.
I have created 3 more Export Personas of both .jpeg and .png and the sizes were perfefect.
But on a couple other images I tried, the same issue occured of minus 1px on the width.

So this looks like an "Affinty Designer" Issue with certain images.
Because all images regardless of size I have thrown at Gimp2.10 then resized them down,
has exported flawlesly without proplems.
I'll try to raise this with technical as a possible bug.

Thanks again for all your input.

Regards

Link to comment
Share on other sites

On 10/15/2020 at 3:38 PM, idgaff said:

Process..
I would normally open an image,  jpeg , png etc then resize it to my requirements 320x240px then use
"New From Clipboard" ...

Why not make a Designer Document 320 x 240 and then place the image (jpeg, png etc.) and do your resizing then.

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.0 | Affinity Photo 2.4.0 | Affinity Publisher 2.4.0 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

  • 9 months later...
17 minutes ago, Gaal Dornik said:

For some reason Slice Tool Rect/Grid is not aligned with an Artboard.

Artboard position (or size) isn't whole pixel (see Transform panel).

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

7 minutes ago, Gaal Dornik said:

Are you suggesting to round artboard's X,Y values? It doesn't change anything.

Is there a workaround/workflow for correct export?

You do need the x,y of the artboard to be whole pixels, along with the w,h. Are you certain you have set that correctly as it definitely fixes the export issue. You might need to change your preferences to show more decimal places for the pixels.

Link to comment
Share on other sites

13 minutes ago, Gaal Dornik said:

Are you suggesting to round artboard's X,Y values?

Yes - in terms of pixels. Of course, rounding other units does not solve the problem.

12 minutes ago, Gaal Dornik said:

It doesn't change anything.

Really?

12 minutes ago, Gaal Dornik said:

Is there a workaround/workflow for correct export?

Yes - set X, Y, W, H to whole pixel.

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

  • 5 months later...

I also had this problem when exporting some icons. The original size of the icons was 60x60px but they were exported as 60x61px and I was not able to manually adjust the dimensions from "Export Persona".

I finally found out why: my original icons in "Designer Persona" were not well adapted to the grid and therefore the X, Y position of each icon contained decimal values. Once I snapped them to the grid (Enable it from View > Grid) the decimals disappeared and then I was able to export my icons with the correct 60x60px as the Slice fit perfectly.

Hope it helps!

Edited by ramonbuzon
I've uploaded this new video to better understand what i've achieved...
Link to comment
Share on other sites

4 hours ago, ramonbuzon said:

I also had this problem when exporting some icons. The original size of the icons was 60x60px but they were exported as 60x61px and I was not able to manually adjust the dimensions from "Export Persona".

I finally found out why: my original icons in "Designer Persona" were not well adapted to the grid and therefore the X, Y position of each icon contained decimal values. Once I snapped them to the grid (Enable it from View > Grid) the decimals disappeared and then I was able to export my icons with the correct 60x60px as the Slice fit perfectly.

Hope it helps!

You keep saying Grid without specifying that it is the Pixel Grid the work must be snapped to. Won't work if the grid is mm for example.

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.0 | Affinity Photo 2.4.0 | Affinity Publisher 2.4.0 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

12 hours ago, ramonbuzon said:

not well adapted to the grid

Force pixel alignment - On, Move by whole pixels - Off, it does the same service as a pixel grid.

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
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

Terms of Use | 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.