Jump to content

Recommended Posts

Need help understanding how to best proceed. Using Affinity Photo. Have an image that is 600 x 600 px at 72 dpi. What is the best way to shrink so it shows up clear to see when I place it on a web page? 

What I did was to write the signature with a font that looks like script then import the persons image (with a circular mask around it that I saved as a png file out of Affinity Photo) and place it below the signature. Problem is its really blurry when I try and use on a webpage. 

Can someone enlighten me as to what I am missing or best way to go about this? Thanks

Share this post


Link to post
Share on other sites

What size are you shrinking it to?

Do you have the file to hand that you can upload or a screenshot?


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

At 100% in the transform panel the document is 100 x 50px, the image is too small to get any sharpness in the image. Script fonts at small sizes also become illegible. You need to rethink how you are going to apply these images. I would say an acceptable size would be 375 x 220px you need to be able to see a face and read the text without having to squint at the image.

Is this a doable resize? You might get better images downsizing to these larger images. from the original 600 x 600px images

Signatures rethink.afdesign

Ps. I added a circle to go around the images, the lighter one didn't look right without it... IMHO


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites
7 hours ago, edferrigan said:

Need help understanding how to best proceed. Using Affinity Photo. Have an image that is 600 x 600 px at 72 dpi. What is the best way to shrink so it shows up clear to see when I place it on a web page? 

The best way is not to shrink it nearly so much! Your 600 by 600 originals have been shrunk to just 24 by 24, throwing away a huge amount of information in the process. It’s actually worse than that: the originals were probably 590 px square rather than 600 px, because the shrunken versions are 23.6 by 23.6 px. Fractional pixels are never a good look.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iPadOS 13.2.2 (iPad Air 2)

Share this post


Link to post
Share on other sites

So is it best to create the overall image at hi res then in the application where I use it shrink it down? For example, in this case I want my final to be at 100 x 400. Do I create it much larger then scale on the webpage or am I thinking this wrong? My original headshot images are very large. What is the best way to shrink them then use in my signature goal?

Share this post


Link to post
Share on other sites
12 minutes ago, edferrigan said:

I want my final to be at 100 x 400

Do you mean 100px wide by 400px high, and are you proposing to add other items into the mix? As @firstdefence has pointed out, your current image size of 100px by 50px is too small for the current content.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iPadOS 13.2.2 (iPad Air 2)

Share this post


Link to post
Share on other sites

@edferrigan As Alfred has queried, Width always come before Height, well as long as I've known ;) so do you actually mean 400 x 100px? 

Signatures 400 x100px.afdesign Well actually 400 x 200px, 100px was just too small for the text and images

An image in your signature? Do you mean on here or for an email, or somewhere else?

 


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites
15 minutes ago, firstdefence said:

An image in your signature?

I presume we’re still talking about the Barbara and Jacque (?spelling) ‘signatures’ using that script font.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iPadOS 13.2.2 (iPad Air 2)

Share this post


Link to post
Share on other sites

Getting back to this. Yes I had the dimensions wrong. Its actually 400 x 100 or 200 as suggested. So what Im not understanding is the best way to set the original? Do I create a large file say 1200 x 400 place my images and text, then export as a png file then shrink in the app? I've always heard in wordpress it's best to import images at the size you want them so it doesn't slow down load times. Ive always had a hard time understanding how to get smaller images to look clear. Appreciate this discussion.

Share this post


Link to post
Share on other sites

As noted earlier in this thread, 100px by 50px is much too small but 400px by 200px should be OK. Instead of creating it at a larger size and then shrinking it, just create it at the intended final size.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iPadOS 13.2.2 (iPad Air 2)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | 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.