search
HomeWeb Front-endPS TutorialBatch generate iOS icons using PhotoShop actions

  Isn’t it troublesome to make 10 or so different sizes every time you make an iOS application icon? Of course, what’s even more troublesome is that you need to re-save these different sizes and names after each modification; if you accidentally change the name and Getting the dimensions wrong can also cause unnecessary errors.

The action function of PhotoShop can solve this problem very well. We can record an action, automatically modify the 1024*1024 Icon to a different size and save it as a different name. Only 1024 icons are modified each time and then one action is executed to pull down all updates.

            1. Open a 1024*1024 icon picture and merge all layers to avoid the border and projection not scaling after changing the size.

                                                                     An action使用PhotoShop动作批量生成iOS图标

          4. Select the new action 1 and press the record button

               

                  5. Execute respectively: Image 》 Image Size 》 Size (such as: 512*512) 》 Save as (icon-512.png) 使用PhotoShop动作批量生成iOS图标

size and naming reference. Table below:

: 1: Only support the iPhone's APP icon requirements.

使用PhotoShop动作批量生成iOS图标

Size

File name

Purpose

Is it requiredRemarksThe file should be in PNG format , but do not use the .png suffix in the file name. None##114×114Icon@2x.pngHigh resolution iPhone 4 home screen Optional, but it is recommended to add None72×72Icon-72.pngMaster Screen, in order to be compatible with iPadOptional, but it is recommended to addNoneTable 2: Only supports iPad app icon requirements. Purpose
512×512 iTunesArtwork Ad Hoc iTunes Optional, but it is recommended to add
57×57 Icon.png iPhone/iPod touch App Store and Home screen Required
##29×29 Icon-Small.png Spotlight and settings app are optional, but it is recommended to add None
50×50 Icon-Small-50.png Spotlight, in order to be compatible with iPad If the app has a settings package, it is recommended to add it. Otherwise optional, but recommended.
58×58 Icon-Small@2x.png High resolution iPhone 4 Spotlight and Setting up app If the app has a settings package, it is recommended to add it. Otherwise optional, but recommended. None
Size File name
Is it required

Remarks##50×50Icon-Small-50.pngSpotlight for iPadOptional, but It is recommended to join. None29×29Icon-Small.pngiPad Settings appIf The app has a settings package, so it is recommended to join it. Otherwise optional, but recommended. none

Table 3: Universal app icon requirements.

512×512 iTunesArtwork Ad Hoc iTunes Optional, but it is recommended to add The file should be in PNG format , but do not use the .png suffix in the file name.
72×72 Icon-72.png iPad App Store and Home Screen Required None
##114×114Icon@2x.pngHigh resolution iPhone 4 home screenOptional, but it is recommended to add None72×72Icon-72.pngiPad App Store and Home ScreenMustNone29×29Icon-Small.pngSettings app for iPad and iPhone, Spotlight for iPhoneIf the app has a settings package, it is recommended to join it. Otherwise optional, but recommended. None50×50Icon-Small-50.pngSpotlight for iPad Optional, but recommended. 无58×58Icon-Small@2x.pngHigh resolution iPhone 4 Spotlight and Setting up appIf the app has a settings package, it is recommended to add it. Otherwise optional, but recommended. ##               6. After saving all the sizes and corresponding names, press Stop on the left side of the recording button. The effect is as follows:
Size File name Purpose Is it required Remarks
512×512 iTunesArtwork Ad Hoc iTunes Optional, but it is recommended to add The file should be in PNG format , but do not use the .png suffix in the file name.
57×57 Icon.png iPhone/iPod touch App Store and Home screen Required None

## 7. Okay, the next time the icon changes, or other applications need to make an icon, just open the picture of 1024*1024 to execute the recording of the recording The play button next to the button will automatically generate all the icon files!

8. The effect is as follows: 使用PhotoShop动作批量生成iOS图标

使用PhotoShop动作批量生成iOS图标

## This is more useful to use Photoshop action batch For related articles about generating iOS icons, please pay attention to the PHP Chinese website! 使用PhotoShop动作批量生成iOS图标

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Photoshop Color Grading: Elevate Your Images with Pro TechniquesPhotoshop Color Grading: Elevate Your Images with Pro TechniquesMay 05, 2025 am 12:07 AM

Color adjustment in Photoshop can be achieved through adjustment layers to make the image more professional. 1. Use color level, curve, hue/saturation and other tools to adjust the hue, saturation and brightness. 2. Apply LUT to create unique color effects. 3. Use adjustment layers to avoid image distortion and use the History panel to track adjustment steps.

Photoshop in the Real World: Examples of Its Diverse UsesPhotoshop in the Real World: Examples of Its Diverse UsesMay 04, 2025 am 12:15 AM

Photoshop's applications in the real world include artistic creation, scientific research and commercial marketing. 1) In artistic creation, it is used for digital painting and illustration. 2) In scientific research, it is used for image processing and data visualization. 3) In commercial marketing, it is used for advertising design and brand image shaping. The versatility of this software makes it widely used in various fields.

Beyond Editing: Photoshop's Creative CapabilitiesBeyond Editing: Photoshop's Creative CapabilitiesMay 03, 2025 am 12:12 AM

Adobe Photoshop goes beyond simple editing and becomes a creative tool for artists and designers. 1) It provides a wealth of tools such as brushes, stamp tools, blend modes and layer styles, supporting adjustments from basic images to complex digital paintings and 3D designs. 2) These tools implement functions through pixel-level operations, allowing users to create unique visual effects.

Photoshop: Exploring Pricing Models and OptionsPhotoshop: Exploring Pricing Models and OptionsMay 02, 2025 am 12:12 AM

Photoshop offers two pricing models: single purchase and subscription service. 1. Single purchase: Pay $699 in one lump sum, permanent use, but no updates and cloud services. 2. Subscription service: $20.99 per month or $239.88 per year, and the latest version and cloud services are available. 3. Enterprise plan: $33.99 per user per month, including team management and additional cloud storage. 4. Educational Offer: Students and teachers are $19.99 per month, including multiple CreativeCloud applications.

Photoshop: Mastering Layers and CompositionPhotoshop: Mastering Layers and CompositionMay 01, 2025 am 12:05 AM

The method to create a new layer in Photoshop is: 1. Click the "New Layer" button at the bottom of the layer panel; 2. Use the shortcut keys Ctrl Shift N (Windows) or Command Shift N (Mac). The layers are like transparent sheets on canvas, allowing design elements to be managed separately, non-destructive editing and experimenting, and improving design levels.

Photoshop Applications: From Photo Editing to Digital ArtPhotoshop Applications: From Photo Editing to Digital ArtApr 30, 2025 am 12:10 AM

Photoshop is widely used in the fields of image processing and digital art, and is suitable for photo editing and digital art creation. 1. Photo editing: Adjust brightness and contrast Use the "Brightness/Contrast" tool. 2. Digital art: Use brush tools to create paintings. 3. Basic usage: Use the "Red Eye Tool" to remove red eyes. 4. Advanced usage: Use layers and masks for image synthesis. 5. Debug: Recover the lost layers by checking the layer panel. 6. Performance optimization: Adjust memory usage to improve running speed.

Photoshop's Core Function: Image Editing and ManipulationPhotoshop's Core Function: Image Editing and ManipulationApr 29, 2025 am 12:17 AM

Photoshop's core functions are image editing and operation, including adjusting the color, brightness, contrast of images, applying filter effects, cropping and adjusting image size, performing image synthesis, etc. 1. Adjust brightness and contrast: Open the image, select the "Adjust" option in the "Image" menu, select "Brightness/Contrast", and adjust the slider. 2. Use the color level adjustment layer and layer mask: Click the "Create a new fill or adjust layer" button, select "Scale", adjust the color level, add a layer mask, and use the brush tool to control the adjustment effect.

Photoshop: The Power of Raster Graphics EditingPhotoshop: The Power of Raster Graphics EditingApr 28, 2025 am 12:13 AM

Photoshop is a powerful tool for handling raster graphics, and its core functions include layers and masks, filters and adjustments. 1. Layers and masks allow independent editing and non-destructive modifications. 2. Filters and adjustments can quickly change the appearance of the image, but they should be used with caution to avoid affecting the image quality. By mastering these functions and advanced skills, you can greatly improve your image editing and creative abilities.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft