お仕事情報カタログ ウェブタント サポタント株式会社 人材派遣サポートセンター:0120-317-133 社団法人日本人材派遣協会 / WEB広告研究会 / EC協議会賛助会 / 東京商工会議所 会員 プライバシーマーク
一般労働者派遣:(般)13-302759 / 有料職業紹介:13-ユ-302233

会社概要お問合せ法人のお客様へ就業中スタッフ専用ログインサイトマップ
ホーム お仕事を探す スキルアップ研修 ウェブ・モバイルプチノウハウ お仕事情報メルマガ 初めての方へ
職種からお仕事を探す  WebディレクターWebデザイナーコーダーネットショップ運営モバイルサイト事務その他  今週の特集
ネットショップでのPhotoshop活用術
管理しやすく画像を作るっ

今回もPhotoshopの実務とは離れたお話ですが、

画像やページを作り、管理する方法としてオススメな方法で、

無駄を省いて、作業効率をアップするためのお話です。

(Photoshopのお話がネタ切れということもありますが・・・)



画像をやバナーを作っては、アップしてと繰り返していると

気が付くと、非常に多くの画像がサーバーにアップされ、

ある日突然、「サーバーがいっぱいでアップできません〜」

となってしまいます



そんな時、画像を削除し始めてゆくのですが・・・

削除してよい画像と削除してはダメな画像はどれ??

となってしまうことがあります。



独自ドメインなどでDreamweaverでサイトを作って管理し、

画像が相対パスで指定している場合、

ローカルの画像を削除する際に、警告が出てくるので

その警告で判断することも出来ますが、



画像を絶対パス(画像名がhttp://〜)で指定している場合や、

楽天市場さんのようにモールの場合、

どの画像を捨ててよいかは、制作者の記憶に頼ることも多く、

本当にこの画像って、削除していいの???となってしまいます。






マツイはバナーなどは画像名に、日付をつけています。

特に、毎週(2週に)1度変わるメニューは

画像名を日付+sで統一しています。



画像名は日付で管理

上の画像がDreamweaverでのローカル側の画像ファイルの様子です。



こうすることで、

この画像は何時作って、いつページで使用したか、

画像名を見るだけで分かるようにしています。



画像名に日付のある画像は、最新の日付だけが使用中で、

日付が古い画像は使用済みの画像で、

削除してよい画像としています。





また、商品のページ名や商品画像、サムネイル、ページ内の画像に関しては、

品番(商品番号)で管理しています。

画像名は品番

ページ名は品番+.html

商品画像は品番+.jpg

サムネイルは品番+-s.jpg

ページ内の画像はページ上部から品番+-1.jpg〜

とルールを作ることで、画像の管理やページの管理が非常に簡単になり、

廃番等でページを削除するときに、どの画像を削除すればよいか簡単に判断でき、

不要な画像をサーバーに残すことなく、スムースに管理が出来ます。





Photoshopで画像やバナーを作ることに限らず、

作った画像をどのように管理するかのルールをつくることで、

ページを作成したり、修正、削除する時、

ページや画像を「探す」という無駄な作業を省くことが出来て、

トータルでの作業効率もアップします。



もちろん、この管理の方法は、WEBに関することだけでなく、

エクセルやワード、パワポのファイル名も

内容+日付で管理しておくと、非常に管理がしやすく、

効率的な作業が出来ます。







それでは〜




松井@和博
有限会社フューチャーワークス
オンラインショップ様のパートナーとして、担当するオンラインショップ様の売上に応じて、成功報酬での運営、管理、コンサルティングを行う、有限会社フューチャーワークス在籍。

担当ショップ様、来店するお客様のイメージに合ったデザインを作る事を常に心掛け、WEB制作業界以外、過去5社での、製造、営業、小売での経験から商品の見せ方、デザインに限らず制作、広告、イベント等での工程管理も得意する。仕事は段取り8割がモットー。

現在、担当ショップ様2(8サイト)
過去の新規制作案件2社。

使用PhotoShopバージョン:PhotoShop6(Windows)


■連絡先
〒120-0034
東京都足立区千住3-35シルクビル3階
03-6912-8855
有限会社フューチャーワークス
http://www.future-worx.net/



ベタだけどやってみよう〜♪
教えて下さい〜(ズレを直す方法)
スキャンしてみよう♪
アプローチの選択は簡単が一番♪
写真の上に文字を配置するとき
同系色でまとめてみては??
基本のまとめカレンダー作り
バナーには枠線を引きましょう♪
文字を変形してみよう♪
スライスでGoGo!
文字の装飾イロイロ
大きなバナーを作るとき・・・
クイックマスクで選択範囲を作ってみよう♪(その2)
点線のイロイロ♪
グラデーションで合成♪
フォントの使い方(実践編)
画像を囲って、写真っぽくしてみよう〜
フィルター(そういえばシャープしか使っていない・・・)
管理しやすく画像を作るっ
フォント選びは簡単に〜
----------------------------------------------------
全ての記事を見る

ノウハウコラム
現場で使えるDreamweaver & Fireworksの
「イラストを描く前に、イラストを理解すること」をモットーに
ネットショップでのPhotoshop活用術
デジカメ商品撮影 情報満載図書館
ネットショップに役立つプログラミングを楽しく伝授
【トントンのネットショップ運営繁盛講座】
売るための"サイト構築テクニック
心を動かすお店の作り方
御社の「売り」は何ですか?
スタッフ紹介
とこみゆきの良新日記
大池めぐみブログ
佐藤麻衣子ブログ
笠原華子ブログ
橋和田智子ブログ
平岡典子ブログ
野崎朋子ブログ
高見英作ブログ
松本ひとみブログ
高橋理華ブログ
椎木美由紀ブログ
外薗聖子ブログ

スタッフコラム
ちょっと耳より♪Web/Mobileコラム

 サポタントSTAFFが、現場で感じた
 スキルUP情報を交代でお届け♪
今週のイチオシ企業様

 毎週、コーディネータの
 おすすめ企業様をご紹介します♪
関東のイチオシ企業様
関西/中部のイチオシ企業様


お仕事を探す
東京神奈川埼玉千葉 大阪京都奈良兵庫 愛知静岡岐阜

スタッフ登録する
非公開案件も多数あります。まずは、派遣スタッフエントリーより登録面接会にお越しください。
派遣スタッフエントリー 登録から契約までの流れ 派遣スタッフ登録特典

このページのトップへ

ウェブタント運営会社 サポタント株式会社 http://www.supotant.com/
ネット業界で目標実現を目指すお客様を「おブッチギリ」に「愛」たっぷりにお手伝いする【サポート担当】の会社です。
IT業界で、就職・転職を目指している方、人材を募集されている企業の人事採用(雇用)担当者さま、ネットショップを立ち上げられたい方、ネット通販を運営されている経営者の方々のお手伝いをさせていただきます!
主な事業内容
■一般労働者派遣事業:(般)13-302759  ■有料職業紹介事業:13-ユ-302233
WEBデザイナー、WEBディレクター、WEBプロデューサ、WEBマスター、ネットショップ店長・運営者、ブログ編集管理者、ソーシャルネットワーキングの制作・管理業務者、プログラマー・保守、マーケティング企画、メルマガライター、WEB系企業一般事務員など、即戦力スタッフを派遣・紹介いたします。未経験者には、技術研修を行い、スキルアップを図ります。(中途採用もあり)
<主な派遣先企業様実績 最寄り駅>
【関東】東京:銀座、新橋、有楽町、目黒、代官山、渋谷、神谷町、表参道、恵比寿、六本木、飯田橋、大森、 神奈川:横浜、新横浜、茅ヶ崎
【関西】大阪:梅田、本町、心斎橋、なんば、三ノ宮、神戸、京都
■ECサイトセミナーの企画及び運営事務局
サイト開設、売り上げUP、集客UP、SEO、SEM、PPCなど、EC業界の最新情報をお届けするセミナーを企画・運営しております。
参加団体 社団法人 日本人材派遣協会 会員 / 東京商工会議所 / Web広告研究会 / オンラインショップマスターズクラブ / NPO法人 キープラネット / 全国イーコマース協議会

 トップページ会社概要・各拠点連絡先 個人情報保護方針法人のお客様へ