Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I need to create a sharing button such as the one of Twitter. Are there any standard sizes I should use for it?

(Edit: I'm developing a sharing service)

share|improve this question
2  
There are maybe common sizes, but no standards. –  DA01 Jan 6 '13 at 18:00
    
Don't forget to adapt sizes depending on the viewer's OS. On a mobile device, I'd like some bigger buttons than on a desktop. My mouse is way more accurate than my fingers, and zooming is an awkward additional action. –  Vincent Jan 8 '13 at 14:07

2 Answers 2

up vote 1 down vote accepted

There exist no standard for this. Only common sizes as DA01 mention in his comment.

The reason you find sizes such as 16, 32, 64 etc. comes from the old days when most programmers also did the icon designs. The size 2^n fits nice and tight with how a computer operates memory wise (memory alignment) and programmers choose these sizes for that reason, as back then this gave a small optimization in performance but also in file size as there where no need to pad image lines of these sizes with data to fit the alignments used (memory is aligned on 4 bytes segments, 8 on 64-bit systems).

Today performance and byte size is not an issue with small images like these.

So my suggestion is that you use a size that esthetically fits your design. Don't look at the pixel numbers but see how it actually look and feel in your design.

share|improve this answer
    
Aesthetics are definitely very important, but common sizes are important to make sure that your sharing button will play well with other sharing buttons. You don't want to end up with your button standing out because it's not the right size when lined up next to Twitter/Facebook/Pinterest/etc. –  rach oune Apr 17 at 17:40

A little more detail would help. There are two possible answers to your question.

  1. You're developing a sharing service and you want your icon to work well next to other service icons.

    In this case you'll want to provide standard square icon sizes: 16px, 24, 32, 48, 72, 96 ... I think that's about as big as a share button will ever get. A social service like ShareThis would be a good reference on the standard implementations.

  2. You're designing custom icons for your site's share links. In this case, you either work with a stock set that fits your brand or you design your own at any size you please.

share|improve this answer
1  
+1 on this. I think 16, 24, and 32 + Retina @2x versions of those would cover it. –  Marc Edwards Jan 7 '13 at 5:27

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.