What does pixel-perfect mean?


#1

I’ve seen many authors use the word pixel perfect to introduce their button or icon files. What does that mean?


#2

Just super clean and sharp details, no pixel shifting or slobby shapes.

Mostly they use vector based paths and object in photoshop instead of pixels.


#3

Thank you for helping…


#4

I think they care about every pixel in their work :slight_smile:


#5

@LiveAtTheBBQ:

it’s not enough only if you use vetore shape. If the vector shape i’st on the right place, the pixels on the edges might not gonna be perfect.


#6

@dekurvajo Can you please explain “vector shape i’st on the right place, the pixels on the edges might not gonna be perfect.”?


#7

yes, wait a bit, im doing some screenshot


#8

This is kind a stuipid for me… Why Photoshop even let you to make shape between pixels? Pixel is smallest measure unit we use and I think it shouldnt let you to draw between them… Is there any use of this…


#9



#10

@DesignMagazin
if you have a complex job, especially ui, yes you want to use vector shapes. It gives you more flexibility. And not only for you - when you editing, but for the user/buyer who might want to make some changes and edit (more than likely they do). It’s a God’s bless if the parts are in vector shape. BUT! when you clone a button, or symbol. You should check the position of your copy. Otherwise the edges might be different. e.g not pixel perfect.



Something else. you have an imperfect shape. And you want to resize it. The result will be more ugly. If the shapes are in the right place, there will be no deformed edges.


#11
dekurvajo said

@DesignMagazin
if you have a complex job, especially ui, yes you want to use vector shapes. It gives you more flexibility. Not only for you in when you editing, but for the user who might want to make some changes. It’s a god’s bless if the parts are in vector shape. BUT! when you clone a button, or symbol. You should check the position of your copy. Otherwise the edges might be different. e.g not pixel perfect.

just to be a pixel nazi I might add: not only the position but the size. all the horizontal and vertical vector lines should follow the “pixel grid”. :slight_smile:

best regards,
Pixel Nazi


#12

Here is an another good example:


#13
@dekurvajo:Thank you very much...

#14

Pixel Perfect likhe google korlei to hoto… aro details jana jeto :slight_smile:


#15

@Shemul
Graphic river chara ai shobdo ar kuthao dekhi nai, tai ekhanei…ar google a Pixel Perfect chara shob e pawa jabe:)


#16

I’ve come across this recently on two separate occasions:

  1. I created a set of web vector buttons so they would be infinitely scalable. When the original version was not pixel perfect and you scaled it to extreme sizes (make the button 1500 pixels wide) then the end result would be that corners did not align perfectly.

Also cloning buttons to make different versions was a problem. If you do not have the original Pixel perfect then the clone may have blurred borders or slight misalignment is

  1. I Wanted to print some very small icons on a business card/letterhead. When the icons were not pixel perfect they would look blurred in print. You really have to be careful To have as little as possible anti-alias along the main lines of the shape to get a clean print

Cheers

Chris


#17

@Minhaj, What?? Are you kidding me?? Google e pawa jay na khoda’r duniay emon kicu nai… Okay, eita dekhlei shob clear hoye jabe… http://goo.gl/t5MSE


#18

@Shemul
maina nilam!!:slight_smile:


#19

@Minhaj, lol


#20

How to Create Pixel Perfect Graphics in Illustrator: