Tag Info

Hot answers tagged

3

This question is very broad but I'l try to answer it as best as I can. As already mentioned there are no "standard sizes" for icons and you should edit your question to include what you're targeting. Are you: Creating an app for Apple? App icon required for all apps: 180 x 180 120 x 120 152 x 152 76 x 76 App required icon for the App store: 1024 x ...


2

Yes, if your asset is 55 pixels for the 1× size, then you'll be after 110 for 2× and 165 for 3×. The iPhone 6 Plus should be treated as a full 3× UI scale device. You should use a 1242 × 2208px canvas when designing a full screen mockup. This is because the iPhone 6 Plus renders internally to a larger virtual canvas, then bitmap scales the entire screen ...


2

If they're created as shapes in Photoshop using the pen tool you should just be able to copy paste them into Illustrator. I've created my own fonts the same way in Illustrator using fontastic.me Just create a new illustrator doc and paste each character into a new layer. Save each character as an .svg and then import them all into Fontastic. Sometimes ...


1

Producing the icon in vector and exporting to a vector format (SVG / icon font) will produce the crisp edge that you are looking for. Can you create a code pen to recreate the problem, one that shows the difference in crispness? The ebay example is using raster sprites. The carrot (on the live site not the sprite) looks crisp on my retina screen. Is it ...


1

This PNG file is in indexed color mode. This means that it only contains a limited amount of (different) colors, in its so-called color map. You can't use any colors other than those in GIMP as long as the image is in this mode. In this case, it is actually 77 times the same color, #CCCECC in HTML notation. In order to remove this restriction, change the ...


1

You can also export the file to Illustrator paths if you have a lot of shapes to convert by going File > Export > Paths to Illustrator.


1

I figured out how to export SVG from sketch for icomoon correct importing: Step 1 Prevent SVG from being made out of borders by selecting the path group and clicking on: layer > paths > vectorize stroke To know that this has worked, the strokes where transformed to closed paths and the inspector now displays the fill color instead of the border color. ...


1

As @pute said there is not such thing like "standard size", but you have to use multiple of 4px and any size beyond 16x16 or 96x96 usually have no utility at all. Is up to you to chose one taking into account this reasonably sizes


1

It might be a good idea to read Apple's Human Interface guidelines for iOS. This page in particular might have what you need: https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/IconMatrix.html



Only top voted, non community-wiki answers of a minimum length are eligible