- 2006-11-15 (水)
- ウェブ開発・運営
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 で表示しているページに使われている全ての画像は「ツール」→「ページの情報」→「メディア」で確認可能。
代替テキストや使われている回数なんかも確認できるみたい。便利。
関連する記事
Comments: 0
Trackback+Pingback: 0
- TrackBack URL for this entry
- http://bowz.info/799/trackback
- Listed below are links to weblogs that reference
- よく使う画像スライス名の案 from Bowz::Notebook