• ベストアンサー

jpg画像の切り取り、縮小の方法

HP作成にあたり、人物の顔写真を貼りたいんですが、その元jpg画像の大きさが100x100とします。そのサイズを縮小し、顔の部分を切り取るということはわかるのですが、どうにもやり方がわかりません。 HPに貼付ける範囲(ピクセル数)は決まっているのですが、どの手順でやるのが画像がつぶれることなくスムーズにできるのでしょうか? 初心者ですので、簡単なことだと思うのですが悩んでいます。 手元にあるソフトは、作成はDreamweaver、画像ソフト系はPhotoshop,Fireworksがあります。 やり方を詳しく教えていただけるとうれしいです。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • rakisuta
  • ベストアンサー率16% (1/6)
回答No.1

画像の縮小は元から入っているペイントでもできますが、簡単なのはソフトを使うことです。 ttp://i-section.net/software/shukusen/ この、ソフトは縮小のサイズも指定できますし、指定したら放り込むだけで非常に簡単です。 切り取りは上記のペイントで簡単にできます。 ペイント画面の左側にある「選択」を選んで範囲を指定して、右クリック、ファイルへコピーで簡単に保存可能です。

gardenian
質問者

お礼

皆さんのおかげで解決しました。今回はお早く回答いただいた方にポイントをつけさせていただきます。ありがとうございました。

その他の回答 (3)

  • my-hobby
  • ベストアンサー率21% (659/3045)
回答No.4
gardenian
質問者

お礼

皆さんのおかげで解決しました。今回はお早く回答いただいた方にポイントをつけさせていただきます。ありがとうございました。

  • root16
  • ベストアンサー率31% (43/138)
回答No.3

そのまま縮小する方法は他の方が書いているので 割愛します。 元の画像を切り取る場合、 新規データで100×100ピクセルのデータを作ります。 何か色を塗って、選択→コピーします。 元の画像に貼り付けして、上にレイヤーを作ります。 レイヤーの透明度を50くらいにして下の画像が 見えるようにします。 四角を動かして、顔が入るように調整します。 ※もし入りきらないようであれば、四角を選択して拡大・縮小し、 大きくしてください。 四角を選択した状態で下のレイヤーを選択し、コピーします。 新規データを作成し、貼り付けします。 ※このデータは最終形の相似形になっています。 希望の画像サイズ、解像度を調整して保存、終了です。

gardenian
質問者

お礼

皆さんのおかげで解決しました。今回はお早く回答いただいた方にポイントをつけさせていただきます。ありがとうございました。

  • vanilla_S
  • ベストアンサー率25% (49/189)
回答No.2

100pixel x 100pixel をさらに縮小ですか? どのぐらいが潰れると判断しているのか度合いは分かりかねますが、photoshopを 使用しているのであれば、画面の表示を100%表示で実際に表示されるサイズと同じになるのでそれを確認して下さい。 もちろん、拡大した時に潰れてるように見えますが、それはどうしようもありません。 また、webに適したファイルサイズは詳しくわかりませんが、以下の手順では問題解決しませんか? イメージ→画像解像度→100pixelに設定→解像度を72に設定 出来上がった物をファイル→「web用に保存」 これでデータサイズの小さい物が作れると思います。 見当違いの回答であれば申し訳ございません。

gardenian
質問者

お礼

皆さんのおかげで解決しました。今回はお早く回答いただいた方にポイントをつけさせていただきます。ありがとうございました。

関連するQ&A

  • Fireworks CS3で画像を縮小すると荒くなるのはなぜ?

    FireworksのCS3を使っています。それの画像縮小についておしえてください。 JPGなどの拡張子の画像をFireworksで縮小しようとすると、何故か画像が非常に荒くなってしまいます。 やり方としては、 1.Fireworksを立ち上げる 2.JPG画像をFireworksにドラッグする 3.「修正」→「変形」→「数値を入力して変形」とすすむ 4.任意のサイズ(縮小に限る)にして確定 というオーソドックスなやり方だとは思うのですが、画質が非常に荒くなってしまいます。縮小方法には、他にもいろいろやり方がありますが、どれも同じ結果でした。 もし拡大して画像が荒くなるのなら仕方ないと思うのですが、縮小して画像が荒くなるのはどうしても何とかしたいです。 もしかすると、設定か何かでアンチエイリアス処理がなされていないために荒い画像になるのではないかと思いましたが、アンチエイリアスのチェックボタンは拡大・縮小の時にはプロパティには表示されません。 ということで、どなたか分かる方いれば是非教えていただけませんでしょうか?よろしくお願いいたします。 バージョン: Fireworks CS3 ver9.0.1.1213 ウィンドウズ版

  • ウェブサイトのページを丸ごと縮小して表示するには?

    ウェブ制作勉強中の者です。 現在、自分が練習で作ったウェブサイトを集めたポートフォリオサイトを作成ています。 それぞれのウェブサイトのトップページを縮小したものを画像として入れ、その画像をクリックするとウェブサイトに飛ぶようにしたいのですが、トップページの縮小画像の作り方が分りません。 Fireworksで作ったフォーマットは有りますが、実際のページは制作中に大分変わったので、使えません。 Print Screen でコピーしても、スクリーンに表示されていない部分が切れてしまいますし・・・ どうすれば良いのでしょうか? Web制作系で現在使用できるソフトは、下記の通りです Dreamweaver Fireworks Illustrator Photoshop

  • Jpg画像

    当ページで【サイズ、ピクセル数とかをどう理解すれば】(08/11/17)でご指導を頂きました。 ありがとうございました。 Photoshop画像で 画像解像度(ピクセル数、幅、高さの関連、そして解像度と印刷サイズの関連)は理解が深まり感謝しています。 当該Photoshop画像をjpg保存した場合について、 いま少しご指導願えれば幸いです。 jpg画像を見れば【大きさ3000×4509】【サイズ5.92MB】となっています。 (1)この数値の関連はどう理解すればよいのでしょうか。  Photoshop画像であれば  3000×4509×3(RGBの3原色)=40581000→概略40MB と理解 (2)なんだかトンチンカンな質問と恐縮しますが  jpg保存すればなにが変わるのでしょうか。  サイトを見れば難しきことが記載されていますが、  素人分かりする一言はあるのでしょうか。 (3)jpg画像には(これまたトンチンカンな質問ですが)  印刷時の幅、高さを決める【解像度】の概念はないのでしょうか。 (4)jpg画像をPhotoshopで開けた画像は  圧縮されていない元の画像と同じなんでしょうか。 要領をえない質問ばかりで申し訳ありません。 素人にはなんだか気になることばかりです。 ご教示願えれば幸いです。

  • フォトショップエレメント7 画像を縮小すると画質が粗くなります・・・

    フォトショップエレメンツ7を使用しています。 仕事で先週からHP担当になったのですが、素人同然で苦戦しています。 皆様の知恵をお貸し下さい。 加工した画像を100x100(ピクセル)の5kbのサイズに縮小したいのですが どうやっても画質が粗くなってしまうんです。 試したやり方は、 (1)フォトショップのイメージ→サイズ変更→画像解像度→ピクセル数を100x100にする→縮小専用で5kbにする (2)フォトショップではサイズはそのまま→縮小専用で100x100 5kbにする いずれも、リサイズ後の画像を拡大(400%)してみると粗くなっています。 もちろん、劣化はあって当然なのですが他店(ネットショッピング)で同じサイズの画像をみると拡大してもそこそこきれいです。 実際、登録してあるネットショッピングの管理者より「画像が粗すぎる」ということで何回もやり直しになっています。 ファイル形式はjpgです。 いいやり方はないでしょうか? 皆様の知恵をお貸し下さい。

  • HP用のアイコンが縮小するとつぶれてしまう

    HPを公開しているんどえすが、 メニューの横にアイコンを作成しました。 作成はFireworks8で 画像サイズ200×200ピクセルで解像度は72dpiです。 それをgifで保存してメニューの横に配置しまして、 幅×高さ25ピクセルまで縮小しました。 そしてweb上に公開すると小さい文字などがつぶれてしまい困っています。 他のHPをみてみたのですが、 小さいアイコンでもきれいに文字がでているものもあります。 小さいアイコンをこれからも作ることが多いと思いますので、 小さいアイコンをうまく作る方法をご存知の方教えてくださいm(_ _)m

  • painter7で画像を縮小したい

    初心者です。超基礎的な質問ですみません! painter7を使ってデジカメ画像を単純に縮小したいのですが どう操作したらいいのでしょうか? photoshopのときは解像度を設定すれば自動的に希望サイズになったんですけど… painterで同じことをすると、何も変わらなかったり、縦横比がおかしくなったりします。 具体的には、267×200ピクセルにしたい(HPにのせるため)です。 よろしくおねがいします。

  • jpgの圧縮に関して

    今HPを作成しているのですが・・ jpgの画像を縮小するとどうしても画像が粗くなるので困ってます。 上記の問題をクリアするような 簡単に使えてフリーの画像加工ソフトってないですか? よろしくお願いします。

  • jpg画像の解像度(ppi)をl一括変換できるフリーソフト

    photoshop5.0を使って、A4大の文書をデジカメで撮影し、それを20%に縮小して印刷しています。 デジカメで撮った画像をPhotoshopで開くと、72pixel/inchなのですが、これをこのまま縮小したら文字が全く読めなくなるので、300pixel/inchに変換した上で20%に縮小しています。 この作業を画像1枚1枚やっていると、膨大な時間がかかります。 一括でppiを変換できるソフトはないのでしょうか。 dpiを一括変換できるソフトはあったのですが、ppiを変換したいのです。 また、Photoshopでも、画像を20%まで縮小しても文書がしっかり読めるような簡単な縮小の仕方をご存知でしたら、教えていただきたいと思います。 どうぞよろしくお願いいたします。

  • 画像処理ソフト「縮小専用」について教えて下さい。

    画像処理ソフト「縮小専用」について教えて下さい。 XPのユーザーです。 デジカメ画像をホームページ搭載やメール送信するための縮小ソフトとして「縮小専用。」を使わせていただいております。とても使いやすくて、しかも簡易HTMLまで作ってくれるので助かっております。 あまり意味を詮索しないで鷹揚に使ってるので、初歩的なことでしょうが教えてください。 1 設定に「次の範囲にピクセルサイズを収める」とあり、また、オプションにファイルサイズを指定する」とありますが、この二つのサイズの意味の違い  2 実際に送信する場合、画像のサイズが過大になると支障が生ずると聞いておりますが、どちらのことでしょうか。 3 このソフトを使って縮小すると、人物の顔が赤くなるようです。対策があるでしょうか。よろしくお願いします。  

  • illustraterでスライスした画像をDreamweaverで読み込む方法

    WEB制作初級者です(*^^*) イラストレーターでクリックボタンなどを含む画像を描き、それをスライスしてDreamweaverで読み込みたいのですが、どうすればよいのでしょうか? スライスまでは出来たのですが、どうやって書き出して、どうやって読み込めばいいのかがわかりません。ちなみにFireworksでスライスすると便利・・・と聞きますが、私の持っているソフトはillustrater,photoshop,Dreamweaverなので、Fireworksは使えません。 どなたか、初心者マークの私にご指導いただけますか?

専門家に質問してみよう