jpg Export method

[djaneb]

Hi there

I'm very new to Affinity and vector imaging. I have done quite a few tutorials and a Udemy course so I'm slowly learning a lot.

TASK: I have a Numbers table that I want to upload to a website as a jpg. So, I export it from Numbers as a pdf, then place it in Affinity.

PROBLEM: I can whatever to it and it looks fine, but I can't export it as a crisp jpg. It always looks blurry.

I have read a few answers on the forum but I haven't understood them - the ones I found were too technical. I've tried a few things - like rasterise, which I don't really understand. Whatever I do I end up with a not very crisp and clear image.

Can anyone please advise me? I own Designer and am currently testing Photo, but I have not ended up with a clear image of this document, whatever I do.

Deb

 

 

[John Rostron]

Jpg is not really a suitable format for number tables. Why do you want to disply your table as a jpeg image? Why not enter the numbers onto your web page as real numbers in a HTML table? If you really need it as an image, you would be better using a lossless format such as png (use PNG-8).

The advantage of using html is that it will scale nicely and will not be blurred at any scale. It is also possible to link to a pdf file from your web page.

John

 

[firstdefence]

Exporting to a PDF even at Image Quality: Best shouldn't be a large file, you can display PDF's in a website, just drag the PDF into Safari to see what it looks like.

 

This screenshot of the PDF displayed in Safari is approx 5 times the file size 102Kb of the PDF it's captured 20Kb

This PDF is 20Kb: Untitled.pdf  

Exporting to a PNG8 will be approx 34Kb, a JPEG is actually larger and to get anywhere close to 20Kb you would have to have Zero Quality to have a file size of approx 22Kb

This is a coloured Numbers File exported to PDF and this weighs in at 30Kb: Untitled formatted.pdf

PDF's will display better than an image in most if not all browsers.

I would maybe use Affinity Designer to make a better PDF dimensionally by selecting the table and creating an Artboard from from the selection so the exported PDF document has a neater, tighter document bounds.  

 

[R C-R]

3 hours ago, djaneb said:

PROBLEM: I can whatever to it and it looks fine, but I can't export it as a crisp jpg. It always looks blurry.

I have read a few answers on the forum but I haven't understood them - the ones I found were too technical.

The JPEG format uses lossy compression to reduce file sizes. In simplified terms, that means it eliminates fine details by blurring them. It is therefore most suitable for images where displaying fine details is less important than keeping the file size small.

[djaneb]

22 hours ago, John Rostron said:

Jpg is not really a suitable format for number tables. Why do you want to disply your table as a jpeg image? Why not enter the numbers onto your web page as real numbers in a HTML table? If you really need it as an image, you would be better using a lossless format such as png (use PNG-8).

The advantage of using html is that it will scale nicely and will not be blurred at any scale. It is also possible to link to a pdf file from your web page.

John

 

Thank you very replying ... and, yes, I agree with you. I have the data in html table format already but I need the information up there very quickly and (for reasons I won't bore you with here) it is not as easy to get the styled table up there quickly as it is to get an image.

So I thought I'd use this to learn more about Affinity - if the image isn't crisp and clear it won't matter in the long term but I'll have learnt a lot and know how to do it if the situation arises again.

Thanks!

Deb

 

[djaneb]

21 hours ago, firstdefence said:

Exporting to a PDF even at Image Quality: Best shouldn't be a large file, you can display PDF's in a website, just drag the PDF into Safari to see what it looks like.

 

This screenshot of the PDF displayed in Safari is approx 5 times the file size 102Kb of the PDF it's captured 20Kb

This PDF is 20Kb: Untitled.pdf  

Exporting to a PNG8 will be approx 34Kb, a JPEG is actually larger and to get anywhere close to 20Kb you would have to have Zero Quality to have a file size of approx 22Kb

This is a coloured Numbers File exported to PDF and this weighs in at 30Kb: Untitled formatted.pdf

PDF's will display better than an image in most if not all browsers.

I would maybe use Affinity Designer to make a better PDF dimensionally by selecting the table and creating an Artboard from from the selection so the exported PDF document has a neater, tighter document bounds.  

 

Thank you - I hadn't thought of actually using a pdf. Ultimately I will be using html table (as in another reply), but I am going to try the ArtBoard suggestion, too.

Thank you so much.

[djaneb]

19 hours ago, R C-R said:

The JPEG format uses lossy compression to reduce file sizes. In simplified terms, that means it eliminates fine details by blurring them. It is therefore most suitable for images where displaying fine details is less important than keeping the file size small.

Thank you. Yes, I can see the use of different file types and the challenge of balancing visual requirements with file size. I'll keep working on this.

Thanks again