webサイト制作の勉強 | web-sync

webサイト制作の勉強を2014年8月後半から始めました。このページはその履歴を残すために作成しています。

(Photoshop)スクリプトでの書き出し時の失敗

レイヤー毎に分けられているそれぞれの透過PNGの画像をスクリプトで書き出し、HTMLに配置した。(画像には透明部分の余白が含まれている。)

HTML上で確認すると、画像間の間隔がおかしい。設定したものと異なっていることに気付いた。原因が不明だったので、先生に聞いてみた。

どうやら、スクリプトで書き出すと、設定した透明部分の余白は無視され、コンテンツがある部分のみの画像になってしまうらしい。(例えば、facebookアイコンの「f」以外は透明の画像の場合は、「f」部分のみの縦長の画像になってしまう。)

ということで、同じファイルの別々のレイヤーから、それぞれの画像を書き出す場合は、手間だが、一つずつ処理していくこととする。