Icon editor mac os

Icon Tool for Developers 4+

Hobbyist Software Limited

• • 5.0 • 5 Ratings

• • Free
  • Offers In-App Purchases

Screenshots

Description

Resizing your icons for all the different variations is boring.
Don’t waste your time — Let Icon Tool do it for you.

Easy icons foriPhone, iPad, CarPlay, Mac, Watch, iMessage and Android
You can build from a single large file — or provide multiple files and let Icon Tool fill in the gaps.

Note — this is a paid app with a yearly subscription if you want to remove the watermark

• Incredibly simple to use •

— drag an image to the dock icon
— drag and image onto one of the image wells
— paste an image from your clipboard

Then drag the iconset into Xcode, or save as an appiconset or stickericonset

— iPhone, iPad, CarPlay, Mac Watch and iMessage (XCAsset)
— Mac (XCAsset or .icns file*)
— Android

It’s simple, it’s powerful, it will save you time — What’s not to like?

Saving an icns file relies on iconutil which should be installed at /usr/bin/iconutil.
If it isn’t present, then installing XCode and clicking on ‘Install command line tools’ should install it for you.

• Free for experimentation / beta / testing. Upgrade for pro use •

You can use Icon Tool completely free to test designs, and distribute variants to your beta testers.
However in the free mode, it draws a watermark ‘Icon Tool’ on your icon images — so you won’t want to put those versions in the store
If you like the app, and you want ‘Distribution Quality’ icons without watermarks, then simply upgrade

Multi Monitor Wallpaper is supported through a non-renewing one-year subscription which you can choose to purchase within the app.

Источник

Icon Maker — Design App Icons 4+

Edit, Create Flat & Text Icon

CONTENT ARCADE (UK) LTD.

• • 2.4 • 12 Ratings

• • Free
  • Offers In-App Purchases

Screenshots

Description

Icon Maker & Converter now is the easiest way to create and resize mobile app icons in minutes with your desired format.

Want to resize your app icon design or make a new one? Well, it shouldn’t take you longer to generate or convert icons, and with this free icon maker and converter, it surely won’t! Now you can save time and focus on what’s actually important, which is creating the most amazing apps!
Icon Maker & Converter is a free maker or image to icon converter Mac app, which you can use as your very own icon creator to design icon generator or icon resize, whatever you may call it. The interface of this image to icon converter and maker is extremely user-friendly and straightforward. Simply drag and drop the image and Bingo! You are almost done.

Highlights of Icon Maker & Converter app:
• Free icon builder, converter and resizer for Mac
• .jpg, .png, and, jpeg image files are supported
• Resize and convert app icons in a matter of seconds
• Free Android, Mac OS, Watch and iOS app icon generator
• Customisable icon size and format
• Design your own foreground or background
• Customise foreground or background with solid colour​, gradient, stroke and shadow etc.
• Upload image as foreground or background
• Add text with custom fonts and shadows.

How to use Icon Maker & Converter app:
• Download and install our free icon maker or converter app on your Mac device.
• Open the app; drag and drop the image or choose the file (.jpg, png, .jpeg).
• If the selected file is not a square image, a dialogue box will appear, click ‘Yes’ to continue.
• Now choose the OS you want to use our icon creator and convert.
• Enter custom size, if you want to create customised icons.
• Enter ‘File Name’ and ‘Format’ and click «Convert».

This app icon set creator will create an app icon set, including all the sizes you might need for your apps. This icon generator app allows you to edit icon and export with a custom name and size.
Download Icon Maker & Converter on your Mac device now and get the best icons output for your apps.

Take out a moment to Rate Us five stars and write a helpful review!

Источник

Создание иконок для приложений Mac OS X

По роду деятельности я начинающий IOS кодер. Так случилось что недавно собрал совсем маленькую прогу под Mac и мне нужно было сделать иконку для своего же небольшого приложения. Узнав что установка иконки под эти две платформы сильно отличается решил опубликовать туториал для тех кому это может понадобиться.

Те кто писал под IOS знают что в минимальном случае для отображения приложения в симуляторе нужно всего две иконки — для старых и для ретиновских дисплеев (случай публикации где нужно больше размеров в этой статье мы рассматривать не будем). Существующие иконки в соответствующих размерах просто перетягиваются в соответствующие плейсхолдеры в Xcode 4. С четвертой версии их даже не нужно подписывать специальным образом — XCode делает это автоматически записывая их как icon.png и icon@2x.png. С приложениями для Mac OS X все не так просто, поэтому приступим.

Этап 1 — Подготовка размеров

И так для начала мы должны понимать что приложение в системе будет отображаться в разных местах и поэтому размеров только для отображения в системе (опять таки публикацию не рассматриваем) будет гораздо больше. Например иконка в доке, в списке программ, при отображении через Cover Flow или в строке Spotlight. И так стандартных размеров до появления ретиновских дисплеев необходимо было пять:

Здесь обратите внимание на то что если Ваша иконка имеет высокую детализацию то вам может понадобиться отдельно перерисовать иконку для размеров 32х32 и 16х16 для ее более адекватного отображения. Также с появлением ретины теперь Вам нужно представить 10 иконок для приложения.

Итак всего нам понадобится десять иконок. Пять под старые и пять с учетом ретина-дисплеев.

Обратите внимание на то что для того чтобы вы смогли завершить процесс Вам нужно верно подписать все иконки. Ретиновские иконки должны быть подписаны не их реальным размером а удвоенным от стандартного. Например ретиновская иконка размером 1024х1024 должна быть подписана как icon_512x512@2x.png. То есть название ретиновских совпадает со стандартными и содержит префикс @2x.

Хабраюзер Dreddikлюбезно предоставил информацию по радиусам иконок что может быть полезно интересующимся, за что ему большое спасибо!

1024×1024 = 160
512×512 = 80
144×144 = 23 (iPad retina)
114×114 = 18 (iPhone/iPod touch (Retina))
72×72 = 11 (iPad)
57×57 = 9 (iPhone/iPod touch)

Этап 2 — Собираем бандл.

Итак иконки всех размеров у Вас готовы, подписаны и лежат в одной папке. Вы не можете просто перетащить их в Xcode, сначала для это мы сделаем из всех этих иконок бандл. Для начала создайте (например на рабочем столе) новую папку и переименуйте ее в icon.iconset. Перед сохранением имени выскочит модальное окошко с уточнением действительно ли мы хотим сохранить эту папку с расширением .iconset, мы соглашаемся.

Далее перетаскиваем подготовленные иконки в этот новосозданный бандл. Если после перетаскивания вы кликнете на этом бандле и нажмете пробел Вы должны будете увидеть что Finder уже видит это как бандл а не папку. Двигая слайдер внизу Вы можете просмотреть все версии иконок находящиеся в папке.

Далее нам необходимо произвести конвертацию этого бандла в формат в котором Xcode сможет им воспользоваться. В этом нам поможет утилита iconutil. Открываем Terminal и идем в ту директорию где лежит наш бандл, в нашем случае на рабочем столе и вводим в Terminal следующее:

iconutil -c icns icon.iconset

После этой процедуры в этой же директории появляется файл icon.icns который нам и нужен. Обратите внимание что процедура пройдет успешно только если количество иконок было верным и они были подписаны правильно, иначе Вы получите предупреждение.

Завершающия стадия. Идем в Xcode, открываем рабочую область проекта и идем Project -> Targets -> Summary. На этой вкладке сверху видна область для иконки. Перетягиваем наш новосозданный .icns туда и все готово.
Всем добрых выходных!

Источник

Image2icon — Make your icons 4+

Folders, Documents and more

Shiny Frog Ltd.

• • 4.8 • 1.6K Ratings

• • Free
  • Offers In-App Purchases

Screenshots

Description

* New Icon Templates for Big Sur: Folders, Document, Drive, App
* Support for Apple Silicon M1 Macs

Your Mac, your icons.

Image2icon is the easiest way to create your own mac icons and customize your folders and files.
Version 2.0 provides:

## Image to Icon Conversion ##
It’s easy as pie: drop an image to Image2icon, then drop a file or folder apply the icon.

## Icon Templates ##
Unleash your creativity! Choose between 20+ retina ready templates and apply them with just one click.
All the templates are available via In App Purchase.

## Text and Emoji ##
Have fun placing text and emoji on top of your icons

## Image Tuning ##
Zoom, move, rotate and change the background color of your icons to achieve the best final result.

## Exports ##
Save your icon in 9 different formats:

[Available in the free version]
° ICNS
° Folder
° iOS — Every format needed for your iPhone, iPad or Apple Watch App
° Iconset / appIconset
° Favicons — Multisize ico, different iOS formats, Android and IE10 Metro

[Available with In App Purchase]
° Windows ICO
° JPG
° PNG

## Background Removal ##
With Image2icon you can easily remove your picture background for best results.

## Restore Icon ##
Restore your original icon with just one drop.

## Batch Export ##
Drop a bunch of images and let Image2icon process them in a single shot.

## Icon Grabbing ##
Do you want to grab an application icon and use it in your projects?
With Image2icon is as easy as dropping a file.

For video tutorials, “how to” and general information
http://www.img2icnsapp.com

For every question
http://help.shinyfrog.net

Thanks To
Gershom Charig, Logoswish.com, Marcus Gellermark, Mauricio Estrella, Graphicburger.com, Bianca Yvonne, Dennis van Lith, Renato Ruškan, Paulo Neto.

Made By:
Shiny Frog and Nicola Armellini

What’s New

* Fixed a glitch causing some icon templates to disappear from the sidebar
* Fixed the CD icon template

Ratings and Reviews

A suggestion

I’d like to see a little more versatility in the basic folder adjustment for adding a picture on top of a folder. For example currently you can place a photo on top of a folder. Folder is in the shape of a horizontal box. Half of all images are portraits right? Let’s make a mask that you can adjust the size of so the picture doesn’t incorporate the whole folder, but a portion of it so you can still see the edges of the folder being whatever color you want (which is possible with your program thank you). I know you can make the photo be horizontal or anywhere on the folder icon, but if there is a window (a mask) you can see the folder color and see a nice horizontal box that would show the photo you chose as opposed to having a vertical photo just sitting with a large area of the folder ont he right and left side. I don’t know if I made myself clear. I wish I could upload an image so you see what I used to do with my folders manually, but got bored and found your awesome program.

Simple and intuitive.

I had this app back when it’s logo was a gecko and hadn’t used it in awhile. Just downloaded this version and am pleased that it is still a classic example of a great “speciality” app! It’s purpose is focused, it’s simple and intuitive to use, and it gives you a predictable end product that is both pleasing to the eye and of practical value.
My only mild negative would be that I think it’s “free” version is underpriced for such a great product, but it’s template and export options are a bit pricey for the additional functionality. If the “unlocks” were more around $5 for everything, I would have probably purchased them. But make no mistake, this is a well designed piece of software that can make you feel like an artist. Using it makes me happy. I can’t say that about all my computer experiences!

Great, but only if you buy

So I’ve been using another application for years and happened upon this one while looking to update my old one. I figured I’d give it a try and was really impressed by how it works. It was easy to load my image. It was REALLY neat to see all the options I had. I clicked on the one that would work the best for my folder view and bam — TO USE, PLEASE PURCHASE PRO VERSION (or something like that). That’s when I noticed that MOST of the folder options had little locks by them. Fine, we have free & not free. I’m fine with that. EXCEPT, most of them weren’t free, and MOST of the free ones were towards the bottom of the long list. There were a few sprinkled here and there. As far as I can see, there’s no way to remove the paid ones. There’s no way to organize them free to be on the top of the list. So basically every single time I need to make a preview icon, I’ll have to scroll forever just to find the one I want to use. Sorry, but this is meant to make my work flow easier, and the added annoyance of scrolling through itty-bitty previews is just not something I’m good with. I’ll stick to my free user-friendly app Img2Icns. Thanks anyways.

Источник