scaling issue

[freek]

(10-06-2018, 05:13 AM)Blighty Wrote:

(10-05-2018, 10:36 PM)freek Wrote: I end up with this! the 'P', 'A' and 'G' are not sharp.

Those are the letters that are not pure horizontal / vertical.

A computer screen is made up of pixels. Very sharp edges follow those pixels and give "jaggies". Anti-aliasing pixels are there to reduce this harsh effect.

I do get that part. However if I make the exact same image 2.5 times bigger (so 3000x2000 and font size 375) and zoom out so it has the same window size on my monitor as the 1200 x 800 image, the bigger one *does* look good. So it's not that my monitor can't display it as a straight line and follows the pixels, it must be something else. 

1200 x 800 screenshot, image at 100% (not sharp): https://www.dropbox.com/s/7va484jdohu6cf...0.png?dl=1
3000 x 2000 screenshot, image zoomed out (sharp): https://www.dropbox.com/s/xnc2f004nd5whx...0.png?dl=1

(10-06-2018, 11:33 AM)Ofnuts Wrote:

(10-05-2018, 10:36 PM)freek Wrote:

(10-05-2018, 03:38 PM)Blighty Wrote: Yes, that is true. 

So let's say I wanted an image for my website 1200 x 800, black background and 'PAGELIFT' centered in Montserrat bold size 150, how would I do that?

I end up with this! the 'P', 'A' and 'G' are not sharp. How can you use this on a website?

https://www.dropbox.com/s/6i05yi2d8tu2br...t.jpg?dl=1

Strange.. Looks like there was some antialaising but not complete. What did you do exactly?

I created a file like this



Filled the background with color black and centered the text with these settings:



And this is how I exported the jpg: