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

Recommended Posts



Can anyone help? I need to know what is the best format and size to save a "typical" image for viewing on a website. And how to go about compressing images in Affinity. My site at http://originalartworks.net  is loading images okay, but I have to wait occasionally before moving to the next one...


Really grateful for any tips.





Link to comment
Share on other sites

usually a resolution between 72 and 96 dpi is good for the web. about compression, i think that it all depends on the accuracy you need and whether your website is based upon images or these are just decorative elements of your pages. if you can tolerate some modest degrading in quality, i guess that a quality level between 75 and 85% should be adequate. You can set the compression level as quality level directly in the file->export dialog of affinity photo. choose the file format (all what i wrote until now applies to jpeg files) and set the quality level, then click on "export".

take care,


Link to comment
Share on other sites

Just one example: Your 4005542-Bethnal-Green has about 1,1 MB @ 90% quality. Try it with 59% or less (resulting in much quicker loading) and compare both files. We think this would be good enough.


What about image preloading and an additional small picture detail which provides better information for potential buyers?



We are sure, R C-R will give you much more detailed help soon.

Link to comment
Share on other sites

usually a resolution between 72 and 96 dpi is good for the web.


Dots per inch or pixels per inch is irrelevant for the web. Computer screens only know about pixel dimensions, not inches.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 15.7.9 (iPad Air 2)

Link to comment
Share on other sites

  • Staff

Hi Ken,

Welcome to Affinity Forums :)
You can also try ImageOptim (open source app). It optimises images for web use without sacrificing quality (lossless compression by default but can also be configured to use lossy compression - that is sacrifice quality a little in exchange for even smaller sizes - check menu ImageOptim ▸ Preferences... ▸ Quality tab for lossy options). You just need to drag the images over the program interface and it does the rest.

Link to comment
Share on other sites

[…] You have given me some great pointers! (and a lot of work!) 


(Sorry!)  :)


With tools like Graphicconverter you get a preview to see which compression is the best (compromise) and prevent overwriting.


BTW: Your 3994253-Textured-Tulips is with 4096 pixel height much too big.

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.

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.

  • 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.