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

File export dialog improvements


Recommended Posts

Hi,

i guess the actual common export dialog still needs significant improvements (all three Applications). I use the Affinity suite mainly for web design and web programming. Overall they do a good job in this area of application. But when it comes to export for web and reproduction of layout with HTML/CSS i often have to switch back to Photoshop, to render the final Bitmaps for use in web.

First of all: we finally get a measurement tool !!! I always need to measure the exact pixel values from my design, to finally reproduce/program the exact appearence in CSS. But why only in Designer and not in all three apllications - this is an absolutely basic feature ?!

Designers export persona with it's slices is fine for SVG and uncompressed PNG. It also suites for most small (average) images (JPG).

And even WebP is now availlable in the export persona as well as in the common file export dialog. Thanks for that😍

 

But when you have to optimize e.g. huge hero images to a file size as small as possible neither the export persona nor the common file export offer a really handy preview of the resulting image. For lossy codecs like JPG and WebP this is highly recommend, because no preview means time consuming guesswork.

Yes, the actual axport dialog offers a simple preview for the bitmap file types with some estimated target file size. But you have no direct visual comparison between original and exported image. Especially when you have to tweak the compression rate to as high as possible for huge images you have to carefully check critical areas. But at the moment WebP does not even allow a 1:1 pixel zoom ???

2022-11-21_suite_export-dialog-enhancments-screen-003.png.f6be20ea0d448f6d49971ed5c2fb677f.png

 

A good example of how the export dialog might work is the good old Photoshop CS dialog "save for web". Why Adobe marked it as "legacy" is a mystery to me. I still use this since 20 years...

2022-11-21_suite_export-dialog-enhancments-screen-002_anot.png.e7df39b8500e11b8d3ba797b02d6171c.png

What are the key features:

1) You have a side by side preview of the original and the compressed bitmap. The preview areas have a synchronized zoom and pan so you can always see the same image area in original and result. There is a 1:1 pixel:display preview. If you check the typical problematic areas with JPG and WebP (red areas in general, soft gradients like in the sky, artefacts around Text and thin lines) you allways have to tweak the compression strength until it's just visually bearable. No algorithm can do this automatically and every image is different. By the way - the Designer pixel preview (view > split) is rather useless because an A|B split/slider does NOT show the same image area in parallel! You only see the vector OR the pixel preview 🤔

2) The estimated filesize is more prominent. At the moment in Affinity this is somewhat hidden in the upper right panel under the export settings.

3) It should be possible to strip all metadata from the exported file.

 

EDIT

OK - This is already integrated for some scenarios: uncheck to strip meta data

image.png.58bc5acd70de9e717ac45ba4ef258fb7.png

 

Hardware: Windows 11 Pro (23H2, build 22631.3447, Windows Feature Experience Pack 1000.22688.1000.0), Intel(R) Core(TM) i9-14900K @3.20 GHz, 64 GB RAM, NVIDIA RTX A4000 (16GB VRAM, driver 551.61), 1TB + 2TB SSD. 1 Display set to native 2560 x 1440.
Software: Affinity v1 - Designer/Publisher/Photo (1.10.6.1665), Affinity v2 (universal license) - Designer/Publisher/Photo, v2 betas.

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.