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 で表示しているページに使われている全ての画像は「ツール」→「ページの情報」→「メディア」で確認可能。
代替テキストや使われている回数なんかも確認できるみたい。便利。