よく使う画像スライス名の案

スポンサードリンク

Photoshop や Fireworks で画像をスライスしている時、スライス名(画像名)をどうしようか悩むので自分用にメモ。

使わない様な物も書いてます。

接頭語 意味 ファイル名の例
h_ ヘッダを構成するパーツ h_logo.png
hbt_ ヘッダ内のボタン hbt_profile.png
h1_ 見出し h1_profile.png
bt_ 普通のボタン(button)。btn_ でも良いかも? bt_profile.png
m_ メニューを構成するパーツ m_head.png
mbt_ メニューボタン mbt_profile.png
bn_ バナー(banner)。bnr_ でも良いかも? bn_sample.png
f_ フッタ(footer)を構成するパーツ。ftr_ でも良いかも? f_copyright.png
bg_ 背景画像 bg_head.png
icn_ アイコン icn_edit.png
pic_ 画像 pic_01.png
ttl_ タイトル ttl_profile.png
pho_ 写真 pho_01.png
txt_ 文字 txt_01.png
lin_ ライン lin_foot.png
illust_ イラスト illust_mac.png
str_ 文字列 str_01.png
dot_ ドット dot_01.png
lm_ リストマーク(list-mark)。 lm_submenu.png

ちなみに、Firefox で表示しているページに使われている全ての画像は「ツール」→「ページの情報」→「メディア」で確認可能。

代替テキストや使われている回数なんかも確認できるみたい。便利。

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

コメントを残す

メールアドレスが公開されることはありません。