今までデジカメで取り貯めている写真をwebで公開したいのですが、画像サイズ、解像度が大きいので、web用に小さくすると画質が劣化してしまいます。
綺麗に小さくする方法はないのでしょうか?
やはり、web用に低解像度で撮るしかないのでしょうか?
ソフトはフォトショップを使っています。

このQ&Aに関連する最新のQ&A

A 回答 (5件)

画像サイズを小さくするとどうしてもぼけた感じになってしまいます。


僕がやる方法として、画像解像度メニューにある画像の再サンプルを切ります。
それから、解像度を72dbiに変更したのち今度は、再サンプルをチェックして、ピクセル寸法の幅と高さを調整します。
小さくなった画像は少しぼけていますから、フィルターのシャープ(輪郭のみ)でメリハリ良くします。
後は保存すると時にJPEG(写真などのグラデーションの多い画像は基本的にこれ)で保存します。
    • good
    • 0
この回答へのお礼

なるほど。
いい感じに仕上がりました。
この行程を覚えておけば良いわけですね。
有難うございました。

お礼日時:2001/04/05 12:01

 私もwebで写真を公開しており、1600×1200→240×180の縮小をよく行います。



 PhotoshopLEを持っているのですが、縮小に使っているのはもっぱら“JTH”というフリーウェアです。

 縮小時に“Cubic Convolution補間”なる処理を行なっている効果なのか、とてもシャープな画質が得られます。

 操作方法は、JTHのウィンドウにJPEGのアイコンをドロップするだけです。

 ダウンロードは↓からどうぞ。

参考URL:http://www.vector.co.jp/soft/win95/art/se052016. …
    • good
    • 0
この回答へのお礼

すみません。
自分の使ってるOSを教えていませんでした。
自分のはMACでした。
このソフトはWin用でしたね。

でも、こういった専用のソフトがあるということを知ったので、MACでも探してます。
有難うございました。

お礼日時:2001/04/05 12:05

私の場合は解像度の大きいままで修正をして、それから


画像によってシャープ感を出します。写真の場合は必ず
JPEGで保存は当たり前という感じです。
イラストや画像によっては保存するとき256ではなく
128や64くらいにまで色を落とします。
始めから解像度を高く設定しているので小さくしても
それほど画像に劣化でませんよ。
    • good
    • 0
この回答へのお礼

有難うございました。
大変参考になりました。

お礼日時:2001/04/05 12:06

写真だとGIFではなく、JPEGでないとダメでしょうから、PHOTOSHOP6を使用していて、「WEB用に保存」でJPEGで選択して、画質40%程度で、なおもやはりファイルサイズが大きいのなら、画像の解像度を小さくするしかないですね。



PHOTOSHOP6のWEB用JPEG出力は、「JPEGとしての限界」にけっこう近いです。

あとは higa さんがおっしゃるように、解像度を小さくした場合で、鮮明さが失われたと感じた場合は、輪郭のシャープ化を、でも鮮明さが失われていないのなら、シャープにはしない方が、画像サイズは小さくなります。

まぁ、今のところは、我慢ですね。あと、3、4年すれば、JPEG2000が見れるブラウザーが巷に広がってくるでしょうから。。。
そうなると、結構縮こまるかもしれないです。
    • good
    • 0
この回答へのお礼

PHOTOSHOP6ですか~。
専用の機能が付いてるんですね。
ちょっと手が出ませんが、
現在の理想の加工方法がこれ!ということですね。
勉強になりました。

JPEG2000なんていう形式がこれから現れるんですね。
面白そうですね。
調べてみます。
有難うございました。

お礼日時:2001/04/05 12:10

ワタシは「OPTPiX webDesigner」というソフトを使っています。


画像の減色やサイズ変更などに特化したツールで
ノイズ低減、シャープネスなどの簡単な加工機能も搭載しています。
5500円のシェアウェアですが、期限が過ぎても
起動時にダイアログが出るだけで、加工機能は使用できます。
    • good
    • 0
この回答へのお礼

すみません。
自分の使ってるOSを教えていませんでした。
自分のはMACでした。
このソフトはWin用でしたね。

でも、こういった専用のソフトがあるということを知ったので、MACでも探してます。
有難うございました。

お礼日時:2001/04/05 12:04

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QWEB閲覧中のPCの解像度を自動検知できるか

一般的に、PCの解像度はXGA(1024*768)が多くを占めているということで、ホームページはXGA、文字サイズ中で設計しておけば問題無いと思っていました。ところが、最近一番売れているノートPCはNET-PCということで、主にメールとネットサーフィンが目的です。そして、殆どのNET-PCの画面解像度は1024*600です。となると、ページの下部が欠けてしまいます。最低解像度XGAで設計していると、上下スクロールなんて予想していず、リンクのボタン類が下の方に配置されていると、絶対見ることができず、進めず、最悪、PCをリセットしたりせねばならない。そこで、HTMLの中で、閲覧されているPCの解像度を自動検知して、表示するページを切り替えるという方法ってありますか?

Aベストアンサー

2さんも仰られていますが、javascriptは一つの手でしょうね。
http://javascript.webcreativepark.net/library/dynamiclayout

ですが、私も一定の解像度が無いと閲覧できないサイトは難しいものがあると思います。
例えばネットブックに限らず、普及しているサイズのモニターでもブラウザを最大化しないで使う人もいます。
よく左にメニューがあり、スクロールバーを消しているフレームレイアウトのサイトでは似たような問題が起こり、メニューの項目が多くなると一定の高さが無ければサイトを閲覧できなくなります。

他にも携帯のフルブラウザなんかだと仮想スクリーンというものがあるらしく、レイアウトの方法によっては同様に閲覧が不可能かもしれません。
http://adp.daa.jp/archives/000600.html

それでもどうしてもというのであれば、javascriptでflashやcss等のレイアウトに関するものを制御した上で、それぞれを適宜変更していくしかないと思います。

QWEB用の文字画像を綺麗に作るにはフォトショップとイラストレータどちら

WEB用の文字画像を綺麗に作るにはフォトショップとイラストレータどちらが良いでしょうか?
いつもお世話になります。
イラストレーターCSを使ってホームページの見出し部分を作成していますが、実際にWEB上に表示させると、文字が若干滲んだようになってしまい、綺麗に表示されていない気がします。
同様にフォトショップで出力してみても大差はありませんでした。

一般的にはフォトショップもイラストレーターもDTP目的で使うと思いますので、WEB用に使うのが間違っているのかもしれませんが、できればFireworksではなく、上記どちらかのソフトで作成したいと考えております。

もしイラストレーター、もしくはフォトショップから画像に落とし込んだ際に文字を綺麗に(くっきり)出力させる方法があればご教授いただけないでしょうか?
もしくは、上記以外のフリーのソフト等でオススメがあれば是非教えてください。

初心者質問で恐縮ですが、宜しくお願いいたします。

Aベストアンサー

こんばんは。

フォトショップとイラレならフォトショの方が向いてます。
というより専門のソフトですよ。

フォトショには強力なスライスツール(バージョンによってはimage ready)があるので、
webサイトをデザインしてそのままパーツ分けして、gifとかjpgの圧縮率などを指定してアウトプットできます。
希望ならテーブルコーディングしたものをアウトプットすることも可能です(使い物にはなりませんが)

実際マクロメディアを買収してファイヤーワークスがcsに加わるまでは、
アドビはフォトショ+ゴーライブ(アドビ版のドリームウィーバー)でwebしましょうって感じだったんですよ。
なのでフォトショで全然問題ないです。

実際現場でもフォトショ使う人も多いし、もちろんファイヤーワークス使う人も多いです。

イラレは…webってピクセル単位で気を使うというか、ドット絵的な作業もあるので、
正直向いてないと思います。(ベクターやラスターで調べてください)

まぁ、逆に印刷ものつくるならイラレベースじゃないとできませんね。
(画像処理だけフォトショ→イラレに貼り付け)

それと、ロゴなどを作る場合は、イラレで作ってフォトショに貼り付けて微調整しますね。
フォトショのパスツールやシェイプはヘボイので。。

まぁ・・今はフォトショのが素材とかも多いし、高機能だしやりやすいかもしれません。
ただ、ファイヤーワークスのが簡単につくれます。

あとフォトショで作るときに注意する点は、シェイプを使うときにオプションの「ピクセルにスナップ」にチェックしましょう。
じゃないと稜線がぼけます。

さらに、ぼけずに作っても大きさを変更するとまたぼけるので注意です。

フォトショ素材等
http://weblibrary.s224.xrea.com/weblog/photoshop/photoshop_2.html

こんばんは。

フォトショップとイラレならフォトショの方が向いてます。
というより専門のソフトですよ。

フォトショには強力なスライスツール(バージョンによってはimage ready)があるので、
webサイトをデザインしてそのままパーツ分けして、gifとかjpgの圧縮率などを指定してアウトプットできます。
希望ならテーブルコーディングしたものをアウトプットすることも可能です(使い物にはなりませんが)

実際マクロメディアを買収してファイヤーワークスがcsに加わるまでは、
アドビはフォトショ+ゴーライブ(ア...続きを読む

Qデスクトップ用のWEBサイトをスマホ用にレスポンシブ化する際のCSSの表記について

現在従来のデスクトップ用に作成したWEBサイトを640px以下のスマホ用に対応させるため、
CSSを書き直しレスポンシブ化しているところです。

全体的には画面サイズに合わせて自動で縮小できるように設定できたのですが、
以下の2点ができなくて困っています。

・CSSで指定した背景画像の縮小
・見出し部分の文字の縮小

WEBサイトはヘッダー、左メニュー、右コンテンツ、フッターの一般的な2カラムです。
CSSは現在以下の記述をしています。

@media screen and (max-width: 640px){

#greywaku , #container , #header , #contents , #main, #sub, #footer{
width: 100%;
float: none;
margin: 0 ; padding: 0 ;
}

p {
width : 97% ;
margin : 0 0 1.8em 0 ;
padding: 0 0px 0 5px ;
line-height : 1.7 ; }


img{
max-width: 100%;
height: auto;
width /***/:auto;
float: none; 
}

* { margin: 0 ; padding: 0 ;}

}

以上では、html上に配置したimgは画面サイズに応じて縮小するのですが、CSSで指定した背景画像は縮小しません。

また見出しにh1,h2,h3を使用しておりますが、
こちらの文字も画面サイズに合わせて縮小させてたいと考えております。

自分であれこれ試行錯誤したのですがダメでした...。

お詳しい方ご教授いただけますと幸いです。
どうぞよろしくお願い致します。

現在従来のデスクトップ用に作成したWEBサイトを640px以下のスマホ用に対応させるため、
CSSを書き直しレスポンシブ化しているところです。

全体的には画面サイズに合わせて自動で縮小できるように設定できたのですが、
以下の2点ができなくて困っています。

・CSSで指定した背景画像の縮小
・見出し部分の文字の縮小

WEBサイトはヘッダー、左メニュー、右コンテンツ、フッターの一般的な2カラムです。
CSSは現在以下の記述をしています。

@media screen and (max-width: 640px){

#g...続きを読む

Aベストアンサー

こんにちは。

背景画像のCSS部分に以下↓を加えれば画面サイズに合わせて可変するのではと思います。
background-size: 100%;
(100%意外にも設定はありますので検索してみてください)

質問者様のサイトがどういう部分で背景画像を指定しているか解りませんが
無地に近い背景なら関係ありませんが、前面に置く文字などに左右され、スマホ表示でずれたりしてしまうのでは?と思います。
一般的には画面サイズを縮小した場合用でもう一枚背景画像を用意して
@media (max-width: 640px) { }内に追加していきます。
見出しもフルスクリーン用で、h2の見出しを設定、縮小用でh2を記述していかないと最適化されないと思います。

Q解像度72dpi

Macで解像度72ppiの画像を作成し、Windowsのノートで見て、印刷したら、小さくなって印刷されてしまいました。これは、モニタの解像度に関係しているのでしょうか。だとしたら、モニタの解像度が72ppiではないものには、どのようなものがありますか。その場合、解像度72ppiで作成した画像は、印刷するときにサイズが小さくなったりしますか?また自分のモニタの解像度はどこでしらべられますか?

誰が印刷しても、画像を同じサイズに印刷させたいのです。

Aベストアンサー

 割引券を発行される目的だったのですね。
 画像のファイルフォーマットはいかがでしょう? 作成された画像がJPEGフォーマットなら,GIFフォーマットを試されるといいかと思います。
 Mac と Windows でプリントアウトされるサイズが異なるというのは,残念ながら判りませんが,おそらく画像フォーマットとプリンタードライバーなどが関係しているのだと思います。手元に Mac が無いので,確認することができません。推測で申し訳ございません。

 なお,WEBページにてクーポン券を発行している日本マクドナルドのサイトをご紹介いたします。このページの「おトク発券所」で発券されるクーポン券を,Mac と Windwos で比較印刷されるといいかと思います。なお,このクーポン券の画像フォーマットは,GIFになっています。

参考URL:http://www.mcdonalds.co.jp/

Q解像度の変更

初心者なので、このカテゴリーでいいのかも分らないのですが・・・。

ホームページビルダーで作ったものを、画面解像度の小さなPC用に作りなおしたい(スクロールバーが出ないようにしたい)場合、すべてのページを作り直すことになるのでしょうか?

何か方法があったら、教えてください。

Aベストアンサー

>>「すべての素材のサイズ」を「一括して80パーセント」に変更することは、可能でしょうか?
「すべての素材」というのは基本的に画像のことですよね?
たとえばwidth/heightで指定されている画像の幅と高さですが、これを強引に80%の数字に(たとえば400なら320に)直せば、たしかに今までの80%の大きさで表示されるようになります。ですが、表示が汚くなりますよ?
画像を本来のピクセルサイズ以外のサイズで表示するときは、wwwブラウザが自動的に拡大/縮小をかけてくれますが、これはグラフィックソフトのリサイズにくらべて乱暴なやり方でやっているので、かなり画質がくずれます。(本来表示に必要ない巨大なデータをダウンロードしなければならない、という点で、お客さんにとってもうれしくない)
やっぱり画像をひとつひとつリサイズするしかないですね。たとえばPhotoshopとかであれば、アクションパレットを使用して多数の画像を一括に80%にしちゃう、なんて荒技も可能ですが…。

もしご質問が「HTMLに記述されているすべてのピクセル数を計算して80%のものに置き換える」というような意味でしたら、既にshigatsuさんがお答えになっているように、残念ながら、自動で処理をしてくれる機能はまず付いていないと思います。

また、最低限必要な画面サイズには様々な意見があります。shigatsuさんの横800というのがたぶん主流なのでしょうが、これだと一部のPDA、小型モバイルノートなどではやっぱり見づらいサイズになります。640ならより安心ですが、これでも確実、ともいかない。
できれば表示幅はpixelで固定せずに、ウィンドウサイズに対する比率で指定した方が、見る人には優しいページ、ということになります。

>>「すべての素材のサイズ」を「一括して80パーセント」に変更することは、可能でしょうか?
「すべての素材」というのは基本的に画像のことですよね?
たとえばwidth/heightで指定されている画像の幅と高さですが、これを強引に80%の数字に(たとえば400なら320に)直せば、たしかに今までの80%の大きさで表示されるようになります。ですが、表示が汚くなりますよ?
画像を本来のピクセルサイズ以外のサイズで表示するときは、wwwブラウザが自動的に拡大/縮小をかけてくれますが、これはグラフィックソフトのリ...続きを読む


人気Q&Aランキング

おすすめ情報