Jump to content

Recommended Posts

Posted

Hello,

I've designed a very simple logo to use in a PCB design. I need this as a black-and-white bitmap image. So I thought I'd just use Affinity Designer to quickly draw it up and export as PNG.

This is what it looks on the screen:

image.png.092acee022018d2561ef510f07beee90.png

And this is how the exported PNG looks in all image viewers:

Pb-free-symbol.png.b510f4051409bcaa2e8af2a77d6f85d4.png

What are these black dots all over the place trying to tell me?

I exported it with these settings:

PNG, bilinear, no ICC profile, with palette, black and white, no metadata

Affinity Designer 1.10.5 on Windows 10

Pb-free-symbol.afdesign

Posted

You might try opening Designer's Preferences, Performance, and disabling Hardware Acceleration (OpenCL) if it's enabled. Then try the export again after you restart the application.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
    Laptop 2: Windows 11 Pro 24H2,  16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU
iPad:  iPad Pro M1, 12.9": iPadOS 18.3, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.0.1

  • Staff
Posted
13 hours ago, ygoe said:

It's already disabled.

Please could you provide a screenshot of your export settings within Affinity? This file seems to export fine for me here.

Pb-free-symbol.png

Please tag me using @ in your reply so I can be sure to respond ASAP.

Posted (edited)

I’ve just exported, on Windows 10, using the settings in my first attached image and I get the second attached image, same as the OP.

Notes: Disabling the Palletised option seems to make it work okay. Changing the palette to Greyscale with two colours gives me the same problem as with Black & White.  Changing the palette to Greyscale with four colours gives me the third image.

 

image.png.3f5a487f1bb807d7e9f9326f2ded226b.png

Pb-free-symbol.png

Pb-free-symbol-2grey.png

Edited by GarryP
Added more details.
  • 1 year later...
Posted

no but in my view.
 

You need to set anti-aliasing to forced off. Otherwise you get greyscale pixel at the edges and the dithering will create those unwanted dots. For B/W dithered export, no other colors than pure 0/1 should occour inside document, as those trigger dithering.

Alternatively, you can

  • add a white rectangle as background to remove transparencies
  • add an threshold adjustment.

 

Mac mini M1 A2348 | MBP M3 

Windows 11 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 | Dell 27“ 4K

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

I use iPad screenshots and videos even in the Desktop section of the forum when I expect no relevant difference.

 

Posted
1 minute ago, NotMyFault said:

no but in my view.
 

You need to set anti-aliasing to forced off. Otherwise you get greyscale pixel at the edges and the dithering will create those unwanted dots.

Alternatively, you can

  • add a white rectangle as background to remove transparencies
  • add an threshold adjustment.

 

Guess you wanted to reply to my topic related to this topic.
I tried to export that file to B&W while using exactly a threshold adjustment.

I think Serif wants us to be only creative in finding workarounds to use their tools.

I have an affinity with Jumping through Hoops and over Humps.
Dealing with Speedbumps and finding Work-A-Roundabouts.
I'm getting dizzy from all that spinning and jumping.

Posted
4 minutes ago, Return said:

Guess you wanted to reply to my topic related to this topic.
I tried to export that file to B&W while using exactly a threshold adjustment.

Threshold alone does not help as anti-aliasing is done on alpha channel and threshold does not correct partial alpha. You need to add fill layer, too. To spot this you need Photo and Channels panel.

my answer is valid for this thread and the report of OP and his example file which has transparent background.

Mac mini M1 A2348 | MBP M3 

Windows 11 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 | Dell 27“ 4K

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

I use iPad screenshots and videos even in the Desktop section of the forum when I expect no relevant difference.

 

Posted

But my file has no transparency whatsoever.
See attached.
Note it isn't that important to me just a tryout.
 

MMKB15_000910093_mpeg21_p00004_image.jpg.ac3c7273a37ce6c526d1192b7d2df6f6.afpub

I think Serif wants us to be only creative in finding workarounds to use their tools.

I have an affinity with Jumping through Hoops and over Humps.
Dealing with Speedbumps and finding Work-A-Roundabouts.
I'm getting dizzy from all that spinning and jumping.

Posted

Below a video with Designer V1 on iPad showing the correct export with AA off and unwanted dots with AA on.

Mac mini M1 A2348 | MBP M3 

Windows 11 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 | Dell 27“ 4K

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

I use iPad screenshots and videos even in the Desktop section of the forum when I expect no relevant difference.

 

Posted

Your file has a layer fx with blur on top of threshold. This again leads to greyscale value, see histogram.

 

IMG_1076.png

Mac mini M1 A2348 | MBP M3 

Windows 11 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 | Dell 27“ 4K

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

I use iPad screenshots and videos even in the Desktop section of the forum when I expect no relevant difference.

 

Posted

I know, it was just the thing trying out to smooth out the threshold pixelation.

Thanks for looking, I'm of to bed now,alarm clock will go of at 5

I think Serif wants us to be only creative in finding workarounds to use their tools.

I have an affinity with Jumping through Hoops and over Humps.
Dealing with Speedbumps and finding Work-A-Roundabouts.
I'm getting dizzy from all that spinning and jumping.

Posted

If you want a clear dithered B/W export of a PNG, the source file should be

  • fully opaque (no transparencies). Dithered export will apply matting of transparencies anyways. But partial transparencies will cause mid grey pixels.
  • have only pure black or pure white pixels. Any other color value triggers dithering.
  • check with help of histogram. It must be U shaped: only 0 or 1 color values.

Mac mini M1 A2348 | MBP M3 

Windows 11 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 | Dell 27“ 4K

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

I use iPad screenshots and videos even in the Desktop section of the forum when I expect no relevant difference.

 

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.