Haven't changed any settings on PMR
I create the canvas size i need for web and set at 72dpi.
I pull in the image(s) (a v hi res image from a photo shoot.)
And then as i scale the image down to fit and position in the canvas the image quality slowly but surely decreases.
Even if i scale and move once or do it 5/6 times the image goes from being perfect quality to very poor so i can't save out / export to upload.
I've tried testing different canvas sizes, different images etc but the same thing happens - the image quality drops once the image is pulled into canvas.
Right now i'd like a refund and to uninstall the app.
How do i speak to someone from the company to get my money back or to help sort the issue.
If you'd like to see what the image looks like at its actual size, you can choose View > Actual Size from the View menu at the top of your screen. This will show you the size at which the image can be displayed at a decent quality online. This isn't really a problem as such, it's simply how digital images work. For a comparison, you could open the image in the Preview app, choose Tools > Adjust Size, do the same rescaling there and you'll get pretty much identical results (save for any differences between the scaling algorithms).
Now, the reason why it looks like there's more quality in the second (PS template) file is that it's larger. In fact, it's fairly close to the size of the original image. And when you scale the image up and down in that file, you're practically looking at the original image. Now, when you bring that same large image onto a small canvas and resize it, you do one of two things. You either view a 700x572 pixel block of the original image. This is the first state when you've got the small block of the image visible. It doesn't look all that good because it's only a small block. The other thing you can do to fit your large image into a smaller image is resize it to be 700x572 pixels. That's what you do when you drag the handles. When you do this, you have a pretty poor quality image because you've taken the large one and got rid of a bunch of pixels.
I think I'm not explaining this particularly clearly but it's quite a fundamental concept in digital imaging. I do think it's a little tricky before it kind of starts making sense on a conceptual level but if any part of what I've written is confusing or raises any questions, please do ask and I'll do my best to explain.
However you can see in the second template (PM) that the image after rendering in the canvas clearly looses focus and quality. Yet it doesn't with the original PS template....
Even when exporting the image is still poor quality. I don't see how i possibly make this work? The second an image is decreased in size to fit into a canvas the image quality drops....
What do you think?
1. Open the template file
2. Insert the image
3. Choose the Arrange Tool, then enter 572 as the Height value in the Size field to resize the inserted image to be 572 pixels tall
4. Export the image
5. Create a blank new 700x572 image
6. Insert the image
7. Resize it the same way as before (to make sure it's 572 pixels tall)
8. Export the image
9. Open both exported images in one document, layer one over the other, and change the visibility of the upper image to compare it to the lower one.
Those steps would definitively show whether the two images are different. I just did this with a couple images myself and the exported versions were more or less identical — minutely different due to positioning differences but both equal in terms of quality.
attached. as you can see def quality difference fro original versus resized - both processes re-sized with the same quality so choose your original suggestion
as my video showed it doesn't seem to render properly
I understand you're probably super frustrated now because this is all rather confusing, so if you'd like to just get a refund, you can get one via Apple Support and if you bought Pixelmator Pro recently, there's an automatic way to get refunds through the Report a Problem page here: https://reportaproblem.apple.com. If I've correctly understood the problem you're having, you'll have it in all image editors. If not, then I'm sorry for not being more helpful and I wish you the best in getting the results you're after.
Hi Freddie, Andrius.
I've taken the second image (2400×1600) and cropped it to the same aspect ratio as the first. This gives me an image of 1859×1600 of exactly the same quality.
I then resized this crop to the size of the first image (700×572) with Pixelmator, Pixelmator Pro, Preview and another Image Processing app to compare them.
A blown up section of each of the four is shown below.
Other than minute differences caused by different scaling algorithms and a possible colour cast caused by a reckless approach to colour profiles, they look identical to me.
Conclusion: lower definition in the smaller image is just a consequence of having fewer pixels.
(part2 to follow)
Downsizing an image will always lose information. Always.
On a plus side it makes the file smaller and faster to load over the web, which is why we do it.
If I take the watch image downsize it to 1400×1143, then 700×572, then 350×286, then 175×143 you can (if you zoom in) see the image gradually degrade in quality:
If you're losing too much quality then you're downsizing too much. This means that 700×572 may well be too small for your requirements.
Due to the weird and clunky way retina (and other hi-res displays) are dealt with on the web, if I'm asked for a 700×572px image for the web, I'll supply both the 700×572 image and one at 1400×1144. This allows web server to supply the first to standard res displays and the second to retina displays.
(edit) I've just realised that the above paragraph may be the solution to this problem. I'm going to put it in bold.
I hope this helps.
Freddie, Stef's point about Retina displays is also very important if you want your images to look good (i.e. sharp) on hi-res displays. For example, each image on every Pixelmator page is available in so-called 1x and 2x. The 1x images load on standard displays and the 2x images are shown on Retina and other hi-res displays. This is standard on pretty much all modern, optimized websites.
As an aside, Pixelmator Pro is optimized for Retina, while web browsers will load images at the same size on both 1x and 2x displays unless explicitly told otherwise in the HTML/CSS. This means, on Retina, they take an image and blow it up to 200% to make sure it appears the same size as on non-Retina. And that means the image will be blurry. Preview is also a bit weird in this regard as the Actual Size option isn't the Retina-optimized one, but, to change that, you can go to Preview > Preferences > Images and change the "Define 100% scale as" setting.