Resizing logo problem

[CristinaC]

Hi there,

 

I have had a look around the forum for an answer but have not found one as yet. My question is - how do I make a small logo of 300 px X 300 px for a website retina logo? Each time I try to resize my original logo of 4500 px X 5400 px it becomes completely pixelated.

TIA,

Cristina

[Pšenda]

Example? Screenshot?

Decreasing the resolution is more than tenfold, so loss of sharpness will of course be significant.

[Fixx]

Practical solution would be to use higher rez PNG and scale it to desired size using HTML.

[R C-R]

Each pixel in a raster graphics image (like those in JPEG or PNG files) can have only a single color, so if you try to resize a 4500 px X 5400 px image (24,300,000 total pixels) to just 300 x 300 px (90,000 total pixels) you are basically trying to reduce all the colors of each 270 pixel block of your image to just the color of a single pixel in the downsized version.

The result will either be a very blurry anti-aliased version, or a very sharp but very blocky aliased one displaying artifacts sometimes informally referred to as "jaggies."