Photoshop CC の便利な画像書き出し機能、自動アセット。レイヤー名に必要な情報を入れておくと自動で書き出してくれる。しかし、Ratina対応などで複数サイズの画像を書き出そうとすると hoge.png, 200% hoge@2x.png, 300% hoge@3x.png のように長い文字列をレイヤー毎に書かなきゃいけないのがめちゃくちゃ面倒。…と思っていたが、カンタンにできる良い方法があった。※よく見たら公式サイトにも書いてあった。(下の方にある項目「アセットの初期設定の指定」)自動アセット書き出しを楽にする方法例えば、ある空のレイヤー名をdefault @1x/, 200% @2x/ @2x, 300% @3x/ @3x...みたいに書いておくと、その条件にて全てのアセット画像が一括で書き出される。サンプルのpsdデータをつくってみた。「使ったことない」とか、「やってみたけど動かん」みたいな方は試してみてほしい。asset_sample_folder.psd ...フォルダverasset_sample_name.psd ...ファイル名verファイル > 生成 > 画像アセット ...にチェックを入れると、同じディレクトリにフォルダが自動生成される。ルール先頭の “default” は必須語尾に “/” をつけるとフォルダ扱いになる(必須ではない)サイズは “%” で指定できるが、“900 x 555” のような指定は今のところ不可“+” または “,” で区切って複数種類のアセットを生成できる何かしらミス(重複や表記ルールズレ、非対応の特殊文字など)があると生成されないしエラーも出ない個別のレイヤー名にサイズ(%)が入力されていればそちらが優先される一番楽な書き方フォルダ分け不要であれば、こう書くと一番楽。default 100% + 200% @2xhoge.pnghoge@2x.png参考: Photoshopの「アセットの初期設定の指定」にフォルダー名はいらないよ、という話 – skpn @maepon -終わりにnanayuki先生に教えていただいたのをきっかけに書きました。%3Cblockquote%20class%3D%22twitter-tweet%22%3E%3Cp%20lang%3D%22ja%22%20dir%3D%22ltr%22%3EPhotohop%E3%81%AE%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88%3Cbr%3E%E4%BB%8A%E3%81%BE%E3%81%A7%20kv.png%2C200%25%20kv%402x.png%20%E3%81%A8%E3%81%84%E3%81%A3%E3%81%9F%E3%82%88%E3%81%86%E3%81%ABretina%E7%94%A8%E3%81%AB%E3%81%9E%E3%82%8C%E3%81%9E%E3%82%8C%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%81%AB%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2F2x%3Fref_src%3Dtwsrc%255Etfw%22%3E%402x%3C%2Fa%3E%20%E3%82%92%E3%81%8B%E3%81%84%E3%81%A6%E3%81%84%E3%81%9F%E3%81%91%E3%81%A9%E3%80%81%3Cbr%3E%E7%A9%BA%E3%81%AE%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%80%8Cdefault%20standard%2F%2C%20200%25%202x%2F%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2F2x%3Fref_src%3Dtwsrc%255Etfw%22%3E%402x%3C%2Fa%3E%20%E3%80%8D%E3%81%A0%E3%81%91%E3%81%A7%E6%9B%B8%E3%81%8D%E5%87%BA%E3%81%9B%E3%82%8B%E3%82%88%EF%BC%81%EF%BC%81%20%3Ca%20href%3D%22https%3A%2F%2Ft.co%2FFI8HYQlCnC%22%3Epic.twitter.com%2FFI8HYQlCnC%3C%2Fa%3E%3C%2Fp%3E%26mdash%3B%20nanayuki%20(%40purples313)%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fpurples313%2Fstatus%2F911038644936310785%3Fref_src%3Dtwsrc%255Etfw%22%3ESeptember%2022%2C%202017%3C%2Fa%3E%3C%2Fblockquote%3E%20%3Cscript%20async%20src%3D%22https%3A%2F%2Fplatform.twitter.com%2Fwidgets.js%22%20charset%3D%22utf-8%22%3E%3C%2Fscript%3Eありがたや〜〜。皆さん普通に知ってたのだろうか…。私は今まで、Ratina用画像は レイヤー右クリック > 書き出し形式 ...を選び、書き出したいサイズ指定で対応していたが、これからはそんな手間も省ける。(実際今日も役に立った)